Αρχική σελίδα » Συσκευές » Πώς να σχεδιάσετε ένα ρεαλιστικό Samsung Galaxy S2 -

    Πώς να σχεδιάσετε ένα ρεαλιστικό Samsung Galaxy S2 -

    Σε αυτό το σεμινάριο, θα σχεδιάσουμε το διάσημο Samsung Galaxy στο Photoshop και το Illustrator. Θα ξεκινήσουμε σχεδιάζοντας το wireframe του στο Illustrator και στη συνέχεια να το εξαγάγετε στο Photoshop για να προσθέσετε κάποια εξελιγμένα φωτιστικά και άλλα εφέ.

    Εδώ είναι μια προεπισκόπηση των όσων πρόκειται να χτίσετε:

    Για να ακολουθήσετε αυτό το σεμινάριο, θα χρειαστείτε τους ακόλουθους πόρους:

    • 26 επαναληπτικά μοτίβα εικονοστοιχείων από το PSDfreemium
    • Το Nebula Resource Pack από το Kire1987

    Βήμα 1 - Προετοιμασία του καμβά στο Illustrator

    Ανοίξτε το Adobe Illustrator σας. Δημιουργήστε ένα νέο αρχείο σε μέγεθος A4. Πατήστε Ctrl + R για να εμφανιστεί ο χάρακας. Κάντε ένα νέο στρώμα και ονομάστε το οδηγός. Θα το χρησιμοποιήσουμε για να τοποθετήσουμε όλους τους οδηγούς μας. Σχεδιάστε από το χάρακα στον καμβά για να δημιουργήσετε έναν νέο οδηγό. Αυτοί οι οδηγοί είναι απαραίτητοι για να μας βοηθήσουν να σχεδιάσουμε με ακρίβεια το τηλεφωνικό πλαίσιο τηλεφώνου. Δείτε την παρακάτω εικόνα για αναφορά.

    Βήμα 2 - Βασική μορφή τηλεφώνου

    Το πρώτο μας βήμα είναι να σχεδιάσουμε ένα βασικό σχήμα τηλεφώνου. Ενεργοποιήστε το Στρογγυλεμένο ορθογώνιο εργαλείο. Κάντε κλικ μία φορά στον καμβά για να ανοίξετε το Στρογγυλεμένο ορθογώνιο επιλογής. Μην ανησυχείτε με τις ρυθμίσεις πλάτους και ύψους. Βεβαιωθείτε ότι έχετε εισέλθει 35 pt επί Ακτίνα γωνίας. Κάντε κλικ Εντάξει. Θα έχετε ένα νέο στρογγυλεμένο σχήμα ορθογωνίου.

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

    Βήμα 3

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

    Βήμα 4

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

    Βήμα 5

    Επιλέξτε το στρογγυλεμένο ορθογώνιο που μόλις δημιουργήσαμε. Κάντε κλικ Αντικείμενο> Διαδρομή> Διαδρομή αντιστάθμισης. Σειρά Αντισταθμίζεται προς το -9 pt.

    Βήμα 6 - Περιοχή οθόνης

    Ενώ το Στρογγυλεμένο ορθογώνιο το εργαλείο είναι ακόμα ενεργό, κάντε κλικ μία φορά στον καμβά. Σειρά Ακτίνα γωνίας προς το 5 pt. Διαγράψτε το στρογγυλεμένο ορθογώνιο από το παράθυρο διαλόγου, επειδή δεν θα το χρειαστείτε.

    Βήμα 7

    Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο στην περιοχή της οθόνης. Χρησιμοποιήστε τον οδηγό για να το σχεδιάσετε με ακρίβεια.

    Βήμα 8

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

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

    Βήμα 9

    Θέτω εις ενέργειαν Στρογγυλεμένο ορθογώνιο ξανά και κάντε κλικ μία φορά στον καμβά. Σειρά Ακτίνα γωνίας προς το 10.

    Βήμα 10 - Κουμπί Αρχική

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

    Βήμα 11

    Κάντε κλικ Αντικείμενο> Διαδρομή> Διαδρομή αντιστάθμισης. Σειρά Αντισταθμίζεται προς το -4 pt.

    Βήμα 12

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

    Βήμα 13

    Χρησιμοποιήστε το Άμεση επιλογή και επιλέξτε την κάτω γραμμή. Πατήστε Διαγραφή για να το διαγράψετε.

    Βήμα 14

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

    Βήμα 15

    Σχεδιάστε δύο μικρά ορθογώνια μέσα στο σχήμα.

    Βήμα 16

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

    Βήμα 17

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

    Βήμα 18

    Σχεδιάστε ένα ορθογώνιο στην άκρη του σχήματος.

    Βήμα 19

    Κάντε κλικ στο κέντρο του αριστερού περιγράμματος του ορθογωνίου για να προσθέσετε ένα νέο σημείο. Κάντε κλικ στις επάνω και κάτω γωνίες για να τις διαγράψετε. Θα πάρουμε ένα τρίγωνο.

    Βήμα 20

    Σειρά Γέμισμα προς το Μαύρος και Κτύπημα προς το Κανένας.

    Βήμα 21

    Επιλέξτε και τα δύο σχήματα και κάντε κλικ Ενώνω στο Ευρίσκων τον δρόμο Πίνακας.

    Παρακάτω είναι τα κουμπιά που έχουμε κάνει.

    Βήμα 22 - Εικονίδια εφαρμογής

    Θέτω εις ενέργειαν Στρογγυλεμένο ορθογώνιο εργαλείο. Κάντε κλικ μία φορά στον καμβά και ρυθμίστε Ακτίνα γωνίας προς το 1 pt.

    Βήμα 23

    Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο στην οθόνη για τη βάση εικονιδίων. Θέτω εις ενέργειαν Κίνηση εργαλείο και Alt + Shift + Σέρνω το σχήμα για την αναπαραγωγή του.

    Βήμα 24

    Επιλέξτε τα στρογγυλεμένα ορθογώνια που μόλις δημιουργήσαμε και το κλικ Κέντρο οριζόντιας διανομής στο Ευθυγραμμίζω πίνακας.

    Βήμα 25

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

    Βήμα 26

    Χρήση Τύπος και προσθέστε την ετικέτα κάτω από το εικονίδιο.

    Βήμα 27

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

    Βήμα 28

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

    Βήμα 29

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

    Βήμα 30

    Μέσα στο τελευταίο στρογγυλεμένο ορθογώνιο, σχεδιάστε τέσσερα μικρότερα στρογγυλά ορθογώνια.

    Βήμα 31

    Παρακάτω είναι τα ολοκληρωμένα εικονίδια μας!

    Βήμα 32 - Πλοήγηση μενού

    Πάνω από τα εικονίδια, σχεδιάστε μικρούς κύκλους. Alt + Shift + Σέρνω το σχήμα για την αναπαραγωγή του.

    Βήμα 33

    Επιλέξτε όλους τους κύκλους και πατήστε Κέντρο οριζόντιας διανομής μεσα στην Ευθυγραμμίζω πίνακας.

    Βήμα 34

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

    Βήμα 35 - Εικονίδιο σήματος

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

    Βήμα 36

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

    Βήμα 37 - Εικονίδιο μπαταρίας

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

    Βήμα 38 - Ομιλητής

    Σχεδιάστε έναν κύκλο και Shift + Alt + Σέρνω να το αντιγράψετε. Πιέστε Ctrl + D μερικές φορές για να επαναλάβετε αυτή τη διαδικασία αντιγραφής.

    Βήμα 39

    Σχεδιάστε ένα μεγάλο στρογγυλεμένο ορθογώνιο που καλύπτει τους μικρούς κύκλους.

    Βήμα 40 - Κάμερα

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

    Βήμα 41 - Πλευρικά κουμπιά

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

    Βήμα 42 - Προετοιμασία καμβά στο Photoshop

    Έχουμε τελειώσει την εργασία στο τηλεφωνικό πλαίσιο του τηλεφώνου. Ήρθε η ώρα να το φέρετε στη ζωή χρησιμοποιώντας το Photoshop. Ανοίξτε το Photoshop και, στη συνέχεια, δημιουργήστε ένα νέο αρχείο, Αρχείο> Νέα.

    Βήμα 43

    Επιλέξτε όλες τις διαδρομές στο Illustrator (Ctrl + A) και, στη συνέχεια, αποθηκεύστε το στο Πρόχειρο (Ctrl + C). Επιστρέψτε στο Photoshop και στη συνέχεια επικολλήστε το (Ctrl + V). Στο παράθυρο διαλόγου επιλογής επιλέξτε Μονοπάτι.

    Βήμα 44

    Η διαδρομή του διανύσματος θα διατηρηθεί σε μια νέα διαδρομή μέσα στο Διαδρομές πίνακας.

    Βήμα 45 - Βασική μορφή

    Αντιγράψτε τη βασική διαδρομή σχήματος σε μια νέα διαδρομή. Κάντε κλικ στο άσπρο και μαύρο κύκλο στο Επίπεδα για να προσθέσετε ένα νέο επίπεδο προσαρμογής. Επιλέξτε Στερεό χρώμα και ορίστε χρώμα στο # 0f1219 στο επόμενο παράθυρο διαλόγου.

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

    Βήμα 46

    Αντιγράψτε το σχήμα που μόλις δημιουργήσαμε και κάντε διπλό κλικ στο στρώμα μικρογραφιών για να αλλάξετε το χρώμα του # c3c6c9.

    Βήμα 47

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

    Προσθέτω Bevel και ανάγλυφο να μετατρέψουμε το σχήμα σε σχήμα τριών διαστάσεων.

    Βήμα 48

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

    Βήμα 49

    Πιέστε Ctrl στο στρώμα ακμής του τηλεφώνου για να κάνετε μια νέα επιλογή με βάση το σχήμα του. Κάντε κλικ Επιλέξτε> Τροποποίηση> Συμβόλαιο με 1 px. Με αυτόν τον τρόπο κάνετε την επιλογή μικρότερη κατά 1 px.

    Βήμα 50

    Κάντε ένα νέο στρώμα και ζωγραφίστε άλλες λεπτές σκιές και φωτεινές εντυπώσεις.

    Βήμα 51

    Επαναλάβετε το προηγούμενο βήμα, αυτή τη φορά Σύμβαση με 2 px. Σχεδιάστε σκιές και φωτίζει τις άκρες του τηλεφώνου.

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

    Βήμα 52 - Περιοχή οθόνης

    Διπλασιάστε την περιοχή της οθόνης σε μια νέα διαδρομή. Κάντε κλικ στην επιλογή Προσθήκη νέας στρώσης προσαρμογής και επιλέξτε Στερεό χρώμα. Μπορείτε να χρησιμοποιήσετε οποιοδήποτε χρώμα.

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

    Βήμα 53

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

    Βήμα 54

    Πατήστε Ctrl + Alt + G για να το μετατρέψετε σε a Μάσκα κλιπ. Η ταπετσαρία θα μπεί αυτόματα μέσα στην οθόνη.

    Βήμα 55

    Κάντε κλικ στην εικονίδιο ασπρόμαυρο κύκλο στο Επίπεδα για να προσθέσετε ένα νέο Επίπεδο προσαρμογής. Επιλέγω Απόχρωση / Κορεσμός από το μενού και χρησιμοποιήστε το ρυθμιστικό για να τροποποιήσετε το χρώμα ταπετσαρίας. Ρυθμίστε το σε Μάσκα κλιπ πάλι πατώντας Ctrl + Alt + G. Με αυτόν τον τρόπο, το επίπεδο ρύθμισης θα επηρεάσει μόνο την ταπετσαρία και όχι το τηλέφωνο.

    Παρακάτω είναι ο τρόπος εμφάνισης του στρώματος σας.

    Βήμα 56 - Κύρια κουμπιά

    Διπλασιάστε το κύριο κουμπί σε μια νέα διαδρομή. Προσθέστε το Layer Adjustment Solid Color με το χρώμα # cccfd2.

    Κάντε διπλό κλικ στο στρώμα και ενεργοποιήστε το Σκίαση και Bevel και ανάγλυφο.

    Βήμα 57

    Ας ζωγραφίσουμε τα στιγμιότυπα και τις σκιές πάνω στο κουμπί. Η διαδικασία είναι πολύ παρόμοια με αυτή που κάναμε με την άκρη του τηλεφώνου στο βήμα 48 έως το βήμα 51.

    Πατήστε Ctrl στο κύριο κουμπί για να κάνετε μια νέα επιλογή βάσει του σχήματος. Κάντε κλικ Επιλέξτε> Τροποποίηση> Συμβόλαιο με 1 px.

    Βήμα 58

    Κάντε ένα νέο στρώμα. Βάλτε λεπτές επισημάνσεις και σκιές στα κουμπιά.

    Βήμα 59

    Επιλέξτε τα άλλα δύο κουμπιά και αντιγράψτε τα σε μια νέα διαδρομή. Προσθέστε ένα νέο επίπεδο προσαρμογής Στερεό χρώμα με λευκό χρώμα ως χρώμα.

    Βήμα 60

    Βγάλτε το Αδιαφάνεια έως 20%.

    Βήμα 61 - Εικονίδιο εφαρμογής

    Αντιγράψτε τις βάσεις εικονιδίων σε μια νέα διαδρομή. Δημιουργήστε ένα νέο επίπεδο ρύθμισης Solid Color. Ορίστε το χρώμα του σε μπλε χρώμα.

    Βήμα 62

    Κάντε διπλό κλικ στρώμα και προσθέστε λεπτές Επικάλυψη διαβαθμίσεων.

    Βήμα 63

    Διαγράψτε τα άλλα τρία σχήματα.

    Βήμα 64

    Επαναλάβετε την προηγούμενη διαδικασία για τα άλλα χρώματα.

    Βήμα 65

    Διπλότυπο εικονίδιο σχήματα σε μια νέα διαδρομή. Προσθέστε ένα νέο επίπεδο ρύθμισης Solid Color. Ορίστε το χρώμα του σε λευκό.

    Κάντε διπλό κλικ στο στρώμα εικονιδίων και ενεργοποιήστε το Εξωτερική λάμψη και Επικάλυψη διαβαθμίσεων.

    Βήμα 66

    Προσθέστε μια κατάλληλη ετικέτα κάτω από κάθε εικονίδιο.

    Βήμα 67 - Πλοήγηση μενού

    Επιλέξτε τέσσερις μικρούς κύκλους πλοήγησης και αντιγράψτε τους σε μια νέα διαδρομή. Προσθέστε ένα νέο στρώμα ρύθμισης Solid με χρώμα # 7e899b2d.

    Βήμα 68

    Επαναλάβετε την ίδια διαδικασία με μεγαλύτερη "ενεργή καρτέλα" στο κέντρο, αυτή τη φορά με το χρώμα # cbced4.

    Βήμα 69

    Προσθέστε έναν αριθμό στην κορυφή της καρτέλας ενεργοποίησης. Διάλεξα 3 για δικό μου.

    Βήμα 70 - Πλευρικά κουμπιά

    Διπλό πλευρικό κουμπί σε μια νέα διαδρομή. Δημιουργήστε ένα νέο επίπεδο προσαρμογής Στερεό χρώμα με χρώμα # b0b3b6. Τοποθετήστε το πίσω από το τηλέφωνο.

    Βήμα 71

    Προσθέτω Εσωτερική σκιά με Γωνία 0 βαθμός και Εσωτερική λάμψη.

    Βήμα 72

    Επαναλάβετε τη διαδικασία για το άλλο κουμπί.

    Βήμα 73

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

    Βήμα 74 - Γραμμή κατάστασης

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

    Βήμα 75

    Αντιγράψτε την μπαταρία σε μια νέα διαδρομή. Προσθέστε ένα νέο επίπεδο ρύθμισης Solid Color. Επιλέξτε πράσινο ως χρώμα.

    Προσθέτω Εσωτερική λάμψη με τις ακόλουθες ρυθμίσεις.

    Βήμα 76

    Διπλασιάστε το εικονίδιο σήματος σε μια νέα διαδρομή και προσθέστε το Adjustment Layer Solid Color. Για το χρώμα του επιλέξτε το λευκό. Διπλό κλικ Στρώμα και να ενεργοποιήσετε Επικάλυψη διαβαθμίσεων.

    Βήμα 77 - Ομιλητής

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

    Διπλό κλικ Στρώμα και προσθέστε τα παρακάτω Στυλ στιβάδας.

    Αυτό είναι το αποτέλεσμα.

    Βήμα 78 - Κάμερα

    Ενεργοποιήστε τον κύκλο και αντιγράψτε τον σε μια νέα διαδρομή. Προσθέστε ένα νέο Επίπεδο προσαρμογής με το χρώμα # 272d36. Κάνετε το ίδιο με το δαχτυλίδι μέσα στον κύκλο αλλά με το χρώμα # 585a5e.

    Παρακάτω βρίσκεται η κάμερα σε μεγέθυνση 100%.

    Βήμα 79 - Αντανάκλαση

    Διπλασιάστε το βασικό σχήμα του τηλεφώνου σε ένα νέο στρώμα. Σχεδιάστε μια πολυγωνική κοπή σε όλο το τηλέφωνο και ρυθμίστε τη λειτουργία του Διατέμνω περιοχή διαδρομής. Προσθέστε ένα νέο χρώμα ρύθμισης Layer Adjustment Solid, που έχει χρώμα λευκό.

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

    Βήμα 80

    Σειρά Μείγμα mode to Οθόνη και να μειώσει την Αδιαφάνεια προς το 70% και Γέμισμα προς το 0%.

    Βήμα 81

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

    Βήμα 82

    Τοποθετήστε τα επίπεδα τηλεφώνου μέσα σε μια ομάδα, επιλέγοντάς τα όλα και πατήστε Ctrl + G. Κάντε κλικ στο εικονίδιο ματιού στο παρασκήνιο για να τα αποκρύψετε και να κάνετε το τηλέφωνο να κάθεται σε διαφανές φόντο. Πατήστε Ctrl + A, Ctrl + Shift + C, Ctrl + V για να αντιγράψετε το τηλέφωνο σε ένα νέο επίπεδο.

    Βήμα 83

    Πατήστε Ctrl + T για να μετατρέψετε το τηλέφωνο. Κάντε δεξί κλικ και επιλέξτε Περιστροφή κάθετα. Βάλτε το τηλέφωνο κάτω από το αρχικό τηλέφωνο.

    Βήμα 84

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

    Βήμα 85 - Σκιά

    Ενεργοποιήστε το Βούρτσα εργαλείο με μεγάλο μέγεθος πινέλου και Σκληρότητα 0%. Κάντε ένα νέο στρώμα και σχεδιάστε μια μαύρη γραμμή κάτω από το τηλέφωνο. Ρυθμίστε το Αδιαφάνεια προς το 10%.

    Βήμα 86 - Ιστορικό

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

    Βήμα 87

    Προσθέστε Gaussian Blur (Φίλτρο> Blur> Gaussian Blur). Χρησιμοποιήστε πολύ μεγάλα μεγέθη ακτίνας και φροντίστε να ενεργοποιήσετε τις επιλογές προεπισκόπησης, ώστε να μπορείτε να δείτε το αποτέλεσμα σε πραγματικό χρόνο.

    Βήμα 88

    Ας φτιάξουμε ένα μοτίβο εικονοστοιχείων (ή, μπορείτε να παραλείψετε αυτά τα βήματα και να χρησιμοποιήσετε ένα ήδη δημιουργημένο μοτίβο εικονοστοιχείων από το PSDfreemium). Δημιουργήστε ένα νέο αρχείο με μέγεθος 6 à ??  ?? â ?? ?? 6 εικονοστοιχεία.

    Βήμα 89

    Πατήστε Ctrl + 0 για να μεγιστοποιήσετε το επίπεδο μεγέθυνσης καμβά. Κάντε ένα νέο στρώμα και σχεδιάστε μια διαγώνια γραμμή χρησιμοποιώντας το Μολύβι εργαλείο με 1 px μέγεθος πινέλου.

    Βήμα 90

    Κρύβω Ιστορικό έτσι βλέπουμε μόνο τη διαγώνια γραμμή. Κάντε κλικ Επεξεργασία> Ορισμός μοτίβου για να αποθηκεύσετε την εικόνα ως μοτίβο.

    Βήμα 91

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

    Εδώ είναι το αποτέλεσμα.

    Τελικό αποτέλεσμα

    Τέλος, μπορούμε να φέρουμε πίσω το τηλέφωνό μας. Όπως μπορείτε να δείτε, συνδυάσαμε την ευελιξία του σχεδίου διάνυσμα στο Illustrator, και την ευκολία της ζωγραφικής pixel στο Photoshop για να επιτύχουμε μια ρεαλιστική εικόνα του προϊόντος. Ελπίζω να απολαύσετε αυτό το σεμινάριο.

    Κατεβάστε

    Κάντε κλικ εδώ για να κατεβάσετε το τελικό PSD για αυτό το σεμινάριο.