Τι είναι η σκιά;

Η σκιά είναι ένα απαλό, πιο σκούρο αντίγραφο μιας εικόνας, τοποθετημένο πίσω της και λίγο στο πλάι, σαν να αιωρείται η εικόνα πάνω από τη σελίδα. Ανασηκώνει τα αποκομμένα προϊόντα, τα λογότυπα, τα στιγμιότυπα οθόνης και τις φωτογραφίες από το φόντο και προσθέτει βάθος στα επίπεδα σχέδια.

Περιγραφή εργαλείου

Ανοίξτε μια εικόνα, ορίστε πόσο απαλή θα είναι η σκιά με τη ρύθμιση Θόλωση και μετακινήστε την με τις οριζόντιες και κάθετες μετατοπίσεις. Επιλέξτε το χρώμα και την αδιαφάνειά της στην ενότητα Χρώμα. Σε εικόνα PNG ή WebP με διαφάνεια, η σκιά ακολουθεί το περίγραμμα του θέματος και όχι το ορθογώνιο πλαίσιο γύρω του. Σε μια φωτογραφία, η σκιά ακολουθεί το ορθογώνιο πλαίσιο της.

Ο καμβάς μεγαλώνει όσο χρειάζεται για να χωρέσει ολόκληρη τη σκιά, ενώ η λήψη γίνεται σε μορφή PNG με διαφανές φόντο, έτοιμη για χρήση σε οποιαδήποτε σελίδα ή διαφάνεια.

Χαρακτηριστικά

  • Ακολουθεί το περίγραμμα διαφανών εικόνων
  • Θόλωση, μετατόπιση, χρώμα και αδιαφάνεια
  • Ο καμβάς μεγαλώνει ώστε να χωρέσει τη σκιά και να μην αποκοπεί τίποτα
  • Λήψη διαφανούς PNG

Πώς λειτουργεί

Η θόλωση λειτουργεί όπως η θόλωση μιας σκιάς CSS: εφαρμόζεται γκαουσιανή θόλωση με τυπική απόκλιση ίση με τη μισή τιμή. Η σκιά εξασθενεί σε απόσταση περίπου μιάμισης φοράς της τιμής θόλωσης από το άκρο της εικόνας, επομένως ο καμβάς μεγαλώνει κατά αντίστοιχη απόσταση σε κάθε πλευρά όπου εκτείνεται η σκιά, συνυπολογίζοντας τη μετατόπιση.

Συμβουλές

  • Μια θολή σκιά ακριβώς κάτω από την εικόνα, χωρίς οριζόντια μετατόπιση, δημιουργεί την αίσθηση ότι αυτή αιωρείται.
  • Για φυσικό αποτέλεσμα, διατηρήστε την αδιαφάνεια περίπου στο 30% έως 50%. Χωρίς θόλωση και με πλήρη αδιαφάνεια, το αποτέλεσμα είναι επίπεδο και ρετρό.
  • Σε έγχρωμη σελίδα, μια πιο σκούρα απόχρωση του χρώματος της σελίδας δείχνει πιο φυσική από το μαύρο.
  • Διατηρήστε τη μορφή PNG ή WebP για να παραμείνει διαφανές το φόντο. Το JPG τοποθετεί τη σκιά σε λευκό φόντο.