Πώς να Ισοπαλία Apple ICloud Icon - Photoshop Tutorial
iCloud, η νεότερη υπηρεσία αποθήκευσης cloud που εισήγαγε η Apple έχει ένα πολύ απλό αλλά όμορφο λογότυπο. Το εικονίδιο είναι κατασκευασμένο από μεταλλικό υλικό και έχει ένα εξωθημένο σύννεφο πάνω από αυτό. Μπορεί να μην το ξέρετε, αλλά η δημιουργία αυτού του τύπου εικονιδίου είναι στην πραγματικότητα πολύ εύκολη και παρακάτω είναι το εικονίδιο iCloud που θα σας διδάξουμε πώς να σχεδιάσετε αυτή τη θέση χρησιμοποιώντας το Photoshop!
Φαίνεται λίγο περίπλοκο, αλλά στην πραγματικότητα το μόνο που χρειαζόμαστε είναι κάποια Στυλ Στρώσεων, βασικά σχήματα διανυσμάτων και ένα κομμάτι χειροκίνητου σχεδίου. Ας πάρουμε σε αυτό!
Βήμα 1
Ξεκινήστε δημιουργώντας ένα νέο αρχείο μεγέθους 512 x 512 px. Ενεργοποιήστε το εργαλείο στρογγυλεμένου ορθογωνίου. Στη γραμμή επιλογών, ρυθμίστε την ακτίνα της σε 75 px. Κάντε κλικ και σύρετε για να σχεδιάσετε ένα στρογγυλεμένο ορθογώνιο. Ορίστε το χρώμα του σε # 5d5d5d.
Κάντε διπλό κλικ στο στρώμα για να ανοίξετε το παράθυρο διαλόγου Στυλ στιβάδας. Προσθέστε την επικάλυψη με κλίση με την προεπιλεγμένη κλίση, από μαύρο σε άσπρο, και μειώστε την Αδιαφάνεια έως το 76%.
Βήμα 2
Πατήστε Ctrl + J για να αντιγράψετε το σχήμα του στρώματος. Κάντε κλικ στην επιλογή Επεξεργασία> Ελεύθερο μετασχηματισμό ή πατήστε Ctrl + T για να εκτελέσετε μετασχηματισμό. Από τη γραμμή επιλογών ρυθμίστε το μέγεθός του στο 98%.
Στον πίνακα "Επίπεδα", διαγράψτε το στυλ στρώματος σύροντας το εικονίδιο fx στο εικονίδιο του κάδου απορριμμάτων, το οποίο βρίσκεται στην κάτω δεξιά πλευρά του πλαισίου "Επίπεδα". Στη συνέχεια, κάντε διπλό κλικ στη μικρογραφία των επιπέδων για να εμφανιστεί το παράθυρο διαλόγου Στυλ στρώματος. Προσθέστε Εσωτερική σκιά και επικάλυψη με κλίση.
Στη ρύθμιση "Επικάλυψη διαβαθμίσεων", ορίστε το στυλ κλίσης στη γωνία. Κάντε κλικ στο πλαίσιο προεπισκόπησης της κλίσης για να ανοίξετε τον επεξεργαστή κλίσης και χρησιμοποιήστε τον συνδυασμό χρωμάτων # 8e8e8e, # a5a4a4 και # d8d8d8. Μη διστάσετε να παίξετε με κάθε θέση δείκτη, απλά φροντίστε να ορίσετε το ίδιο χρώμα στον πρώτο και στο τελευταίο δείκτη.
Αυτό είναι το αποτέλεσμα μετά την προσθήκη στυλ επιπέδου.
Βήμα 3
Δημιουργήστε νέο επίπεδο. Γεμίστε το με Radial Gradient από άσπρο σε μαύρο.
Κρατήστε το πλήκτρο Alt και σύρετε τη μάσκα φορέα από το προηγούμενο επίπεδο στο τρέχον στρώμα. Η κλίση ταιριάζει τώρα μέσα στο εικονίδιο.
Ανοίξτε το στυλ στρώματος και αλλάξτε τη λειτουργία ανάμειξης σε Οθόνη.
Βήμα 4
Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο μέσα στο εικονίδιο. Ορίστε την ακτίνα του σε 75px με το χρώμα # 2a2a2a.
Προσθέστε 2 ακόμα σχήμα κύκλου (επιλέξτε Ελλειπτικό εργαλείο, στη συνέχεια κρατήστε πατημένο το πλήκτρο Shift και σύρετέ το). Από τη γραμμή επιλογών, ορίστε τη λειτουργία διαδρομής στην περιοχή Προσθήκη στο σχήμα.
Κάντε διπλό κλικ στο στρώμα του cloud και στη συνέχεια προσθέστε Inner Shadow, Bevel and Emboss και Stroke.
Βήμα 5
Διπλασιάστε το στρώμα του cloud πιέζοντας το συνδυασμό πλήκτρων Ctrl + J. Αφαιρέστε το στυλ στρώματός του μεταφέροντας το εικονίδιο fx από τη μικρογραφία στρώματός του στο εικονίδιο του κάδου απορριμμάτων. Αλλαγή μεγέθους (Ctrl + T) στο 89%.
Αλλάξτε το χρώμα του σχήματος σε # 5d5d5d. Αλλάξτε τη θέση κάθε σχήματος μέχρι το μικρό μέγεθος του νέφους να είναι ανάλογο του μεγαλύτερου σύννεφου.
Κάντε διπλό κλικ στο στρώμα του cloud και προσθέστε τα παρακάτω στυλ επιπέδων.
Για την επικάλυψη κλίσης, βεβαιωθείτε ότι χρησιμοποιείτε την ακριβή ρύθμιση από την Επικάλυψη με μεταβλητή κλίσης στο Βήμα 2.
Ακολουθεί αυτό που έχουμε μετά την προσθήκη στυλ επιπέδων στο μικρό σύννεφο.
Βήμα 6: Προσθήκη μεταλλικής υφής
Ο τρέχων σχεδιασμός είναι πολύ επίπεδης και πολύ καθαρός. Ας προσθέσουμε μια λεπτή μεταλλική υφή στην επιφάνεια. Δημιουργήστε νέο επίπεδο. Κάντε κλικ στην επιλογή Επεξεργασία> Συμπλήρωση και επιλέξτε Χρήση: Μαύρο για να γεμίσετε το νέο στρώμα με μαύρο χρώμα.
Κάντε κλικ στο στοιχείο Φίλτρο> Θόρυβος> Προσθήκη θορύβου.
Κάντε κλικ στο στοιχείο Φίλτρο> Θάλασσα> Ακτίνα θολώματος. Επιλέξτε τη μέθοδο θολώματος: Περιστροφή και ποιότητα: Καλύτερη.
Αυτό το φίλτρο θα περιστρέψει τον θόρυβο και θα δημιουργήσει κυκλικό κύμα.
Βήμα 7
Κάντε κλικ στην επιλογή Εικόνα> Ρυθμίσεις> Επίπεδο ή πατήστε Ctrl + L. Στο παράθυρο διαλόγου σύρετε το μαύρο ρυθμιστικό στα Επίπεδα εξόδου στο κέντρο για να φωτίσετε το κυκλικό κύμα.
Κρατήστε το πλήκτρο Alt και σύρετε τη μάσκα φορέα από το βασικό στρώμα του εικονιδίου στο τρέχον στρώμα. Το κυκλικό κύμα είναι τώρα μέσα στο εικονίδιο.
Ενεργοποιήστε το εργαλείο επιλογής διαδρομής και επιλέξτε τη διαδρομή σύννεφων που δημιουργήσαμε στο βήμα 4. Πατήστε Ctrl + C για να το αποθηκεύσετε στο πρόχειρο. Πιέστε Ctrl + V για να την επικολλήσετε πάνω στη μάσκα διανύσματος κυκλικού κύματος. Ορίστε τη λειτουργία της διαδρομής για να αφαιρέσετε.
Τέλος, αντιγράψτε και επικολλήστε τη μικρότερη διαδρομή σύννεφων που δημιουργήσαμε στο Βήμα 5. Ρυθμίστε τη λειτουργία της διαδρομής στο Προσθήκη στο Σχήμα.
Εδώ είναι το αποτέλεσμα. Το κυκλικό κύμα είναι μέσα στην επιφάνεια του εικονιδίου.
Αλλάξτε τη λειτουργία Blend Mode του επιπέδου σε οθόνη.
Βήμα 8: Σκιά
Δημιουργήστε ένα νέο στρώμα και τοποθετήστε το πίσω από όλα τα επίπεδα. Δημιουργήστε μια ελλειπτική επιλογή (χρησιμοποιώντας εργαλείο έλλειψης) κάτω από το εικονίδιο. Συμπληρώστε την επιλογή με μαύρο χρώμα.
Μαλακώνει τη σκιά χρησιμοποιώντας φίλτρο, Gaussian Blur. Κάντε κλικ στο στοιχείο Φίλτρο> Θόλωμα> Θόλωμα Gauss.
Αντιγράψτε τη σκιά πιέζοντας Ctrl + J. Προσθέστε μια άλλη Gaussian Blur, για αυτή τη φορά χρησιμοποιήστε μεγαλύτερο Radius για να πάρετε μαλακότερη σκιά. Εάν η σκιά παραμένει πολύ σκληρή, μπορείτε να μειώσετε την αδιαφάνεια του στρώματος.
Τελικό αποτέλεσμα
Αυτό είναι το αποτέλεσμα του σεμιναρίου μας. Όπως μπορείτε να δείτε, η διαδικασία δημιουργίας αυτού του εικονιδίου είναι πολύ εύκολη. Απλά πρέπει να χρησιμοποιήσουμε ορισμένα βασικά σχήματα διανυσμάτων και στυλ επιπέδων. Ελπίζω να απολαύσετε αυτό το σεμινάριο. Αν έχετε οποιαδήποτε ερώτηση, μη διστάσετε να ρωτήσετε!
Λήψη PSD
Δεν είναι δυνατή η επίτευξη συγκεκριμένου βήματος; Εδώ είναι το αρχείο PSD του αποτελέσματος για να δοκιμάσετε και να παίξετε.
- iCloud Icon Tutorial PSD Αρχείο