Σκιά πτώσης: Ο σε βάθος οδηγός του Illustrator

Σκιά πτώσης: Ο σε βάθος οδηγός του Illustrator
Rick Davis

Η σειρά Adobe Illustrator έχει σχεδιαστεί για να σας βοηθήσει να μάθετε πώς να δημιουργείτε διαφορετικά εφέ στο λογισμικό διανυσματικής σχεδίασης. Είμαστε εδώ για να βοηθήσουμε στην απλοποίηση της διαδικασίας σχεδίασης για όλους, από αρχάριους σχεδιαστές μέχρι βετεράνους! Σήμερα εστιάζουμε στον τρόπο δημιουργίας σκιών πτώσης.

Δεν είναι μυστικό ότι το Adobe Illustrator απαιτεί κάποιο χρόνο για να το μάθετε. Είναι ένα πρόγραμμα σχεδιασμού με πολλές δυνατότητες που μπορεί να είναι δύσκολο και κάπως πολύπλοκο. Η κοινότητα υποστήριξης της Adobe κάνει καλή δουλειά στο να προσφέρει καθοδήγηση και υποστήριξη για τους χρήστες της Adobe εκεί έξω και μπορεί να είναι ένα χρήσιμο μέρος για την αντιμετώπιση προβλημάτων και την εκμάθηση.

Μας αρέσει να ασχολούμαστε με τη δική μας κοινότητα σχεδιαστών προσφέροντας συμβουλές και σεμινάρια, οπότε σκεφτήκαμε ότι θα ήταν χρήσιμο να σας δώσουμε μια βήμα-προς-βήμα περιγραφή του πώς να δημιουργήσετε μια σκιά πτώσης στο Illustrator.

Σε αυτό το άρθρο, θα αναλύσουμε λεπτομερώς πώς να δημιουργήσετε μια διανυσματική σκιά στο Illustrator, καθώς και θα σας διδάξουμε πώς να εφαρμόσετε αυτό το εφέ και στο Vectornator, για την περίπτωση που μπορεί να επωφεληθείτε από μια εναλλακτική λύση.

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

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

Δείτε επίσης: Πώς να κόψετε σχήματα στο Illustrator

Τι είναι η σκιά πτώσης;

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

Drop Shadow vs. Cast Shadow

Στο Illustrator, μπορείτε να δημιουργήσετε σκιές πτώσης καθώς και σκιές ρίψης. Ποια είναι λοιπόν η διαφορά;

Σκιές πτώσης είναι συνήθως διακοσμητικές και χρησιμεύουν για να βελτιώσουν την εμφάνιση των εικόνων, ενώ οι εκτοξευόμενες σκιές προσθέτουν πραγματικά βάθος και ρεαλιστική εμφάνιση, επειδή εμφανίζονται όπως θα μπορούσε να πέσει (ή να "πέσει") μια σκιά στην πραγματική ζωή.

Οι σκιές πτώσης κάνουν ένα αντικείμενο να φαίνεται σαν να αιωρείται, γι' αυτό και το εφέ χρησιμοποιείται συνήθως σε κείμενο και κουμπιά.

Πηγή εικόνας: Pixabay

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

Πηγή εικόνας: Pixabay

Πότε να χρησιμοποιήσετε μια σκιά πτώσης

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

Οι σκιές πτώσης είναι εξαιρετικές για τη διαφοροποίηση του κειμένου ή ενός περιουσιακού στοιχείου από το φόντο. Ουσιαστικά κάνει το περιουσιακό στοιχείο να ξεχωρίζει από το φόντο. Μπορείτε επίσης να χρησιμοποιήσετε μια σκιά πτώσης για να δώσετε σε ένα αντικείμενο ένα λαμπερό εφέ. Αν επιλέξετε ένα ανοιχτότερο χρώμα σε αντίθεση με μια πιο σκούρα χρωματική παλέτα, θα δώσει το εφέ μιας λάμψης αντί για σκιά.

Πώς να προσθέσετε μια σκιά πτώσης στο Illustrator

Για να ξεκινήσετε, θα πρέπει να έχετε ανοιχτό το έγγραφο Illustrator και να έχετε έτοιμο ένα περιουσιακό στοιχείο στο οποίο θέλετε να προσθέσετε μια σκιά πτώσης. Αυτό το περιουσιακό στοιχείο μπορεί να είναι μια εικόνα, κείμενο ή οτιδήποτε άλλο. Μπορείτε να συμπεριλάβετε πολλά περιουσιακά στοιχεία και να προσθέσετε σκιά πτώσης σε όλα αυτά ταυτόχρονα.

Μπορεί να έχετε ένα στοιχείο ενεργητικού που αποτελείται από πολλά αντικείμενα. Μπορείτε να επιλέξετε όλα τα αντικείμενα μαζί και να εφαρμόσετε το εφέ της σκιάς πτώσης σε όλα τα αντικείμενα ταυτόχρονα, αν θέλετε.

Αφού επιλέξετε τα περιουσιακά στοιχεία σας, μεταβείτε στο μενού "εφέ" και κάντε τις ακόλουθες επιλογές: Επίδραση -> Στυλ -> Σκιά πτώσης.

Voila! Το πλαίσιο διαλόγου drop shadow θα εμφανιστεί τώρα στην οθόνη, μαζί με μια σκιά που έχει προστεθεί στο περιουσιακό σας στοιχείο. Αυτό το πλαίσιο περιέχει τις ακόλουθες ρυθμιζόμενες λειτουργίες, τις οποίες θα εξηγήσουμε ξεχωριστά σύντομα:

  • Λειτουργία
  • Αδιαφάνεια
  • X offset
  • Μετατόπιση Y
  • Θολούρα
  • Χρώμα
  • Σκοτάδι

Η σκιά που βλέπετε αυτή τη στιγμή θα εφαρμοστεί μόνο όταν πατήσετε "ok." στο πλαίσιο. Αν πατήσετε "cancel", θα εξαφανιστεί. Αν είστε ευχαριστημένοι με την εμφάνιση της σκιάς, μπορείτε να πατήσετε "ok." Διαφορετικά, μπορείτε να την προσαρμόσετε περαιτέρω στην ικανοποίησή σας χρησιμοποιώντας τις ιδιότητες που περιγράφονται λεπτομερώς παρακάτω.

Προσαρμογή μιας σκιάς πτώσης στο Illustrator

Υπάρχουν πολλοί τρόποι για να προσαρμόσετε τη σκιά σας στο illustrator. Μπορείτε να επεξεργαστείτε το σημείο στο οποίο πέφτει, το πόσο σκούρα ή ανοιχτή είναι, το χρώμα και τη θολούρα για να αξιοποιήσετε στο έπακρο την εικόνα σας και να πετύχετε την ακριβή εμφάνιση που θέλετε.

Δείτε επίσης: 10 πρωτοπόρες γυναίκες που άλλαξαν τον κόσμο του Graphic Design

Εδώ είναι που κάνετε ή καταστρέφετε το σχεδιασμό σας με μια σκιά πτώσης. Προσαρμόζοντας τη ρύθμιση, μπορείτε να επιτύχετε ακριβώς τη σωστή ποσότητα για να ορίσετε ένα περιουσιακό στοιχείο, ή αν δεν είστε προσεκτικοί, θα μπορούσατε να το παρακάνετε και να δημιουργήσετε ένα χάος. Κάντε τις ρυθμίσεις να δουλέψουν για εσάς. Κάθε ένας από τους παρακάτω τίτλους αναφέρεται σε μια διαφορετική προεπιλογή στο πλαίσιο διαλόγου σκιάς πτώσης.

Λειτουργία

Αυτή η προεπιλογή σας επιτρέπει να ρυθμίσετε τη λειτουργία ανάμειξης μιας σκιάς πτώσης.

"Οι λειτουργίες ανάμειξης σας επιτρέπουν να μεταβάλλετε τους τρόπους με τους οποίους τα χρώματα των αντικειμένων αναμειγνύονται με τα χρώματα των υποκείμενων αντικειμένων."

- Υποστήριξη Adobe

Η προεπιλεγμένη λειτουργία ανάμειξης είναι συνήθως ρυθμισμένη σε "πολλαπλασιασμός." Θα παρατηρήσετε ότι υπάρχει ένα αναπτυσσόμενο μενού σε αυτό το τμήμα που σας δίνει όλες τις επιλογές λειτουργίας ανάμειξης όταν κάνετε κλικ σε αυτές. Αυτές περιλαμβάνουν:

  • Κανονικό
  • Σκοτεινιάστε
  • Πολλαπλασιάστε
  • Κάψιμο χρώματος
  • Φωτίστε το
  • Οθόνη
  • Χρώμα Dodge
  • Επικάλυψη
  • Απαλό φως
  • Σκληρό φως
  • Διαφορά
  • Αποκλεισμός
  • Απόχρωση
  • Κορεσμός
  • Χρώμα
  • Φωτεινότητα

Μπορείτε να βρείτε λεπτομερείς περιγραφές για κάθε μία από αυτές τις λειτουργίες ανάμειξης και τι κάνουν εδώ.

Αδιαφάνεια

Αυτό καθορίζει πού βρίσκεται η σκιά σε σχέση με το αντικείμενο. Ρυθμίζοντας τη μετατόπιση, μπορείτε να αλλάξετε το πόσο κοντά στο αντικείμενο βρίσκεται η σκιά. Μικρότερες τιμές θα κάνουν τη σκιά να βρίσκεται πιο κοντά στο αντικείμενο, ενώ μεγαλύτερες τιμές θα την απομακρύνουν, με αποτέλεσμα η σκιά να φαίνεται μεγαλύτερη.

Μεγάλες τιμές μετατόπισης μπορούν να κάνουν τη σκιά να φαίνεται ακατάστατη καθώς μεγαλώνει. Μικρότερες τιμές μετατόπισης λειτουργούν καλά για να δώσουν στο αντικείμενο ορισμό και διάσταση.

Έχετε δύο επιλογές για να ρυθμίσετε τη μετατόπιση: άξονας Χ και άξονας Υ.

Η μετατόπιση του άξονα Χ μετατοπίζει το βέλος από αριστερά προς τα δεξιά. Η μετατόπιση Υ το μετατοπίζει προς τα πάνω ή προς τα κάτω. Μπορείτε να παίξετε με τις τιμές μέχρι να αποφασίσετε τη σωστή θέση και το σωστό μέγεθος της σκιάς σας.

Θολούρα

Αυτή η ρύθμιση ρυθμίζει το μέγεθος και τον ορισμό της σκιάς πτώσης.

Αν μειώσετε τη θολούρα, η σκιά θα γίνει μικρότερη αλλά πιο καθορισμένη.

Χρώμα

Όπως θα μπορούσατε να υποθέσετε, η ρύθμιση χρώματος σας επιτρέπει να αλλάξετε το χρώμα της σκιάς σταγόνας. Αν το επιλέξετε αυτό, θα ανοίξει ένας επιλογέας χρωμάτων. Υπάρχει επίσης ένα κουμπί για "δείγματα χρωμάτων", ώστε να μπορείτε να επιλέξετε ένα αποθηκευμένο δείγμα χρώματος, αν θέλετε.

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

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

Σκοτάδι

Αυτή η ρύθμιση σάς επιτρέπει να προσαρμόσετε την απόχρωση της σκιάς με βάση το χρώμα που έχετε επιλέξει. Μπορείτε να προσθέσετε περισσότερο ή λιγότερο από ένα ποσοστό μαύρου στη σκιά με αυτή τη ρύθμιση.

Περαιτέρω επεξεργασία

Ίσως θελήσετε να επεξεργαστείτε ξανά τη σκιά σας μετά τον πρώτο γύρο επεξεργασιών. Αν το αρχικό πλαίσιο διαλόγου έχει εξαφανιστεί μετά την εφαρμογή του εφέ, απλώς μεταβείτε στη διεύθυνση: Παράθυρο -> Εμφάνιση.

Τώρα θα εμφανιστεί το μενού εμφάνισης, ή πάνελ εμφάνισης, και εδώ θα βρείτε το εφέ "drop shadow": Εμφάνιση -> Σκιά πτώσης .

Επιλέγοντας το εφέ στο μενού εμφάνισης, θα εμφανιστεί ξανά το πλαίσιο διαλόγου drop shadow.

Διαγραφή

Αν θέλετε να διαγράψετε τη σκιά, μπορείτε να επιλέξετε το αντικείμενο και να πλοηγηθείτε ξανά στο: Παράθυρο -> Εμφάνιση .

Επιλέξτε τη στρώση που περιέχει τη σκιά και, στη συνέχεια, πατήστε το εικονίδιο του κάδου απορριμμάτων για να τη διαγράψετε.

Δοκιμάστε μια εναλλακτική λύση Illustrator

Ίσως ψάχνετε για μια εναλλακτική λύση στην Adobe. Σε αυτή την περίπτωση, μπορείτε να δοκιμάσετε το Vectornator. Το περιβάλλον εργασίας είναι απλό και πολύ φιλικό προς το χρήστη, οπότε θα σχεδιάζετε σαν επαγγελματίας σε χρόνο μηδέν.

Προσθέσαμε ένα απλό σεμινάριο για το πώς να δημιουργήσετε μια σκιά πτώσης στο Vectornator παρακάτω.

Πώς να δημιουργήσετε μια σκιά πτώσης στο Vectornator

Ξεκινήστε επιλέγοντας το αντικείμενό σας. Όπως και στο Illustrator, μπορείτε να επιλέξετε πολλά αντικείμενα ταυτόχρονα, αν θέλετε.

Αφού επιλέξετε το περιουσιακό στοιχείο στο οποίο θέλετε να προσθέσετε σκιά, ανοίξτε τον Επιθεωρητή στυλ. Αυτό μπορείτε να το επιτύχετε είτε χρησιμοποιώντας τη συντόμευση ⌥⌘2 στον Mac είτε, αν χρησιμοποιείτε iPad, μεταβαίνοντας στη γραμμή Επιθεωρητή και επιλέγοντας την καρτέλα "Στυλ", όπως απεικονίζεται από το εικονίδιο του πινέλου.

Προς το κάτω μέρος του Επιθεωρητή στυλ, θα βρείτε το εφέ με την ονομασία "Σκιά". Δίπλα στη λέξη υπάρχει ένας διακόπτης ενεργοποίησης- απενεργοποίησης, ο οποίος θα είναι απενεργοποιημένος από προεπιλογή. Πατήστε τον διακόπτη για να ενεργοποιήσετε το εφέ σκιάς.

Χρώμα και αδιαφάνεια

Θα παρατηρήσετε τον επιλογέα χρώματος στην κορυφή του μενού σκιάς. Εδώ μπορείτε να ρυθμίσετε το χρώμα της σκιάς, καθώς και την αδιαφάνεια. Μέσα στο πλαίσιο διαλόγου του επιλογέα χρώματος, θα βρείτε δύο ρυθμιστικές μπάρες.

Η πρώτη μπάρα (Α) είναι ένα ρυθμιστικό χρώματος και η δεύτερη μπάρα (Β) ακριβώς από κάτω ρυθμίζει την αδιαφάνεια.

Σύροντας το ρυθμιστικό χρώματος γύρω από το ρυθμιστικό χρώματος, μπορείτε να πλοηγηθείτε εύκολα στο χρώμα που θέλετε.

Αν σύρετε το ρυθμιστικό αριστερά στο ρυθμιστικό αδιαφάνειας, η σκιά γίνεται πιο διαφανής, ενώ αν το σύρετε δεξιά, η σκιά γίνεται λιγότερο διαφανής.

Θολούρα

Πίσω στον Επιθεωρητή στυλ του Mac, θα βρείτε μια μπάρα εναλλαγής για τη θόλωση. Όπως ακριβώς και στο Illustrator, αυξάνοντας τη θόλωση θα κάνετε τη σκιά σας μεγαλύτερη, ενώ μειώνοντας τη θόλωση θα την κάνετε μικρότερη. Μπορείτε να σύρετε την εναλλαγή για να ρυθμίσετε τη σκιά όπως θέλετε, ή μπορείτε να πληκτρολογήσετε ψηφία στη δεξιά πλευρά για να την προσαρμόσετε.

Offset

Κάτω από τη θολούρα υπάρχει μια άλλη ράβδος ολίσθησης για τη μετατόπιση. Η μετατόπιση προς τα δεξιά κάνει τη μετατόπιση να πάει προς τα δεξιά- η μετατόπιση προς τα αριστερά θα μεταφέρει τη σκιά σας στην αριστερή πλευρά του περιουσιακού στοιχείου.

Διαγραφή

Αν θέλετε να διαγράψετε τη σκιά, απλώς επιλέξτε ξανά το στοιχείο και απενεργοποιήστε το διακόπτη "σκιά".

Παραδείγματα

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

Φτερωτή σκιά

Μπορείτε να δημιουργήσετε αυτή την εμφάνιση φτερωτής σκιάς στο Illustrator προσθέτοντας ένα εφέ φτερωτής σκιάς στη σκιά πτώσης μόλις δημιουργηθεί. Το παρακάτω παράδειγμα είναι μια σκιά ρίψης. Μπορείτε να εφαρμόσετε φτερωτή σκιά είτε στη σκιά πτώσης είτε στη σκιά ρίψης για να απαλύνετε τις άκρες.

Πηγή εικόνας: Wikimedia

Μακρά σκιά

Μπορείτε να δημιουργήσετε αυτή τη σαγηνευτική εμφάνιση μακράς σκιάς με τη λειτουργία drop shadow τόσο στο Adobe όσο και στο Vectornator, αντιγράφοντας τη σκιά ξανά και ξανά σε πολλαπλά επίπεδα μέχρι να τη φτιάξετε σε μήκος που σας ικανοποιεί. Μάθετε πώς να το κάνετε λεπτομερώς εδώ.

Καθορισμένο κείμενο

Οι σκιές πτώσης εφαρμόζονται συνήθως για να προσθέσουν ορισμό στο κείμενο, όπως μπορείτε να δείτε στο παρακάτω παράδειγμα.

Εμπνευσμένος;

Αισθάνεστε εμπνευσμένοι για να ξεκινήσετε το παιχνίδι σας με τις drop shadow; Ελπίζουμε ότι αυτό το άρθρο σας βοήθησε να μάθετε πώς να δημιουργείτε drop shadow και ίσως να βρείτε μερικές ωραίες ιδέες για σχέδια.

Αν παίζετε με τις σκιές στο Vectornator, φροντίστε να μοιραστείτε τη δουλειά σας μαζί μας, αν θέλετε να την παρουσιάσουμε στα μέσα κοινωνικής δικτύωσης ή στο blog μας. Η κοινή χρήση της δουλειάς και η δημιουργία κοινότητας είναι ένα πολύ σημαντικό μέρος της εξέλιξης της βιομηχανίας του σχεδιασμού και μας αρέσει να συνεργαζόμαστε με τους χρήστες μας με αυτόν τον τρόπο!

Αν θέλετε να μάθετε περισσότερα για το πώς να δημιουργείτε με λογισμικό γραφικών, επισκεφθείτε το Learning Hub και στείλτε τις ερωτήσεις σας σχετικά με το Adobe Illustrator στα DM μας - είμαστε πάντα εδώ για να σας βοηθήσουμε!

Κατεβάστε το Vectornator για να ξεκινήσετε

Πηγαίνετε τα σχέδιά σας στο επόμενο επίπεδο.

Λήψη αρχείου



Rick Davis
Rick Davis
Ο Rick Davis είναι έμπειρος γραφίστας και εικαστικός με πάνω από 10 χρόνια εμπειρίας στον κλάδο. Έχει συνεργαστεί με διάφορους πελάτες, από μικρές νεοφυείς επιχειρήσεις έως μεγάλες εταιρείες, βοηθώντας τους να επιτύχουν τους σχεδιαστικούς τους στόχους και να ανυψώσουν το brand τους μέσω αποτελεσματικών και εντυπωσιακών γραφικών.Απόφοιτος της Σχολής Εικαστικών Τεχνών της Νέας Υόρκης, ο Rick είναι παθιασμένος με την εξερεύνηση νέων τάσεων και τεχνολογιών σχεδιασμού και συνεχώς υπερβαίνοντας τα όρια του δυνατού στον τομέα. Έχει βαθιά εξειδίκευση στο λογισμικό γραφιστικής και είναι πάντα πρόθυμος να μοιραστεί τις γνώσεις και τις γνώσεις του με άλλους.Εκτός από τη δουλειά του ως σχεδιαστής, ο Rick είναι επίσης αφοσιωμένος blogger και είναι αφοσιωμένος στην κάλυψη των τελευταίων τάσεων και εξελίξεων στον κόσμο του λογισμικού γραφιστικής. Πιστεύει ότι η ανταλλαγή πληροφοριών και ιδεών είναι το κλειδί για την ενίσχυση μιας ισχυρής και ζωντανής κοινότητας σχεδιασμού και είναι πάντα πρόθυμος να συνδεθεί με άλλους σχεδιαστές και δημιουργικούς στο διαδίκτυο.Είτε σχεδιάζει ένα νέο λογότυπο για έναν πελάτη, είτε πειραματίζεται με τα πιο πρόσφατα εργαλεία και τεχνικές στο στούντιό του είτε γράφει ενημερωτικές και συναρπαστικές αναρτήσεις ιστολογίου, ο Rick δεσμεύεται πάντα να προσφέρει την καλύτερη δυνατή δουλειά και να βοηθά άλλους να επιτύχουν τους σχεδιαστικούς τους στόχους.