Φαίνεται ότι οι 50οι είναι πίσω, όχι μόνο στη διαφήμιση και το σχεδιασμό, αλλά και σε ρούχα, τηλεοπτικές εκπομπές και αλλού.

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

Έτσι, εμπνευσμένο από αυτό αποφάσισα να κάνω ένα σεμινάριο για το πώς να κάνω μια ρετρό αφίσα για έναν web designer.

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

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

Ακολουθεί μια πλήρη προεπισκόπηση της αφίσας που θα δημιουργήσουμε:

Βήμα 1

Ας ξεκινήσουμε ανοίγοντας το Adobe Illustrator. Δημιουργήστε έναν καμβά 21 x 27 cm (8,27 x 10,73 ίντσες) σε λειτουργία CMYK με ανάλυση 300 dpi.

Όταν σχεδιάζω μια αφίσα / φυλλάδιο, μου αρέσει να τοποθετώ κάποιους οδηγούς στα άκρα. Μπορείτε να το κάνετε ορατό πιέζοντας το πλήκτρο + R / Ctrl + R. Απλώς πιέστε τα και τοποθετήστε το. Χρησιμοποιούσα απόσταση 1 εκ. Σε κάθε περίγραμμα.

Έτσι, πρώτα θα πρέπει να κατεβάσετε αυτή την υφή που πρόκειται να χρησιμοποιήσουμε στο φόντο, μπορείτε να το πάρετε CG Textures . Τοποθετήστε το στον καμβά κάθετα και στη συνέχεια το κρύψτε για τώρα. Θα την ενεργοποιήσουμε αργότερα.

Βήμα 2

Το επόμενο πράγμα που πρέπει να κάνετε είναι να κατεβάσετε τη γραμματοσειρά Flyboy BB. μπορείς να το πάρεις εδώ . Αυτό θα χρησιμοποιηθεί για τον κύριο τίτλο. Χρησιμοποιώντας το εργαλείο κειμένου (T) , γράψτε "The WebDesigner" σε σκούρο κίτρινο χρώμα. Οι τιμές CMYK μπορούν να προβληθούν στη δεύτερη εικόνα παρακάτω.

Δημιουργήστε ένα μεμονωμένο πλαίσιο κειμένου για τη λέξη "Το" και χρησιμοποιήστε ένα μπλε χρώμα στο γεμίσμα. Οι τιμές CMYK μπορούν να προβληθούν στο δεύτερο screenshot παρακάτω.

Βήμα 3

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

Χρησιμοποιώντας το εργαλείο επιλογής (V) + alt μπορείτε να αντιγράψετε το αρχικό σχήμα. Στη συνέχεια, μεταβείτε στο Μετασχηματισμός> Αντικατοπτρίστε και επιλέξτε να σκεφτείτε τον κατακόρυφο άξονα.

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

Εδώ είναι μια άλλη γραμματοσειρά που πρέπει να κατεβάσετε, Bazar Medium? πάρτε το εδώ . Έτσι, απλά εισάγετε το κείμενο "Ο ήρωας του παγκόσμιου ιστού".

Χρησιμοποιώντας το εργαλείο στυλό (P) έκανα αυτά τα μικρά σχήματα να στυλιάζουν λίγο το κείμενο. Μπορείτε να τα αντιγράψετε και να τα αντικατοπτρίσετε, έτσι ώστε να είναι συμμετρικά.

Βήμα 4

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

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

Το ημίτονο είναι ένα πραγματικά κομψό αποτέλεσμα που μπορεί να φέρει εκείνη την παλιά μόδα αισθητική στη διάταξή σας. Μεταβείτε στο Εφέ> Pixelate> Halftone . Ρυθμίστε τη μέγιστη ακτίνα στα 10 pixel και βεβαιωθείτε ότι όλα τα κανάλια είναι στο 0. Αυτό θα κάνει την κλίση μονοχρωματική.

Χρησιμοποιώντας το εργαλείο κειμένου (T) γράψτε την επικεφαλίδα "Webdesigner Depot παρουσιάζει υπερήφανα" χρησιμοποιώντας τη γραμματοσειρά Bazar Medium.

Βήμα 5

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

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

Προσθέστε μερικές στυλιζαρισμένες γραμμές σε κάθε πλευρά. Αυτό μπορεί να διαρκέσει λίγο, αλλά αν κάνετε διπλότυπο και απλά ρυθμίσετε το καθένα χρησιμοποιώντας το εργαλείο άμεσης επιλογής (A) , θα είναι ταχύτερο.

Αντιγράψτε και επικολλήστε το δύο φορές και, στη συνέχεια, προσθέστε ορισμένα χαρακτηριστικά όπως "Ισχυρό", "Έξυπνο" και "Γρήγορο". Χρησιμοποιήστε ξανά τη γραμματοσειρά Bazar Medium.

Βήμα 6

Ας κάνουμε μια απλή arabesque χρησιμοποιώντας το εργαλείο στυλό (P) , μπορείτε επίσης να προσπαθήσετε να το κάνετε χρησιμοποιώντας το εργαλείο βούρτσας (B) . Στη συνέχεια απλά αντιγράψτε και τοποθετήστε το κάτω.

Χρησιμοποιήστε το εργαλείο τμήματος γραμμής () για να δημιουργήσετε αυτές τις γραμμές και, στη συνέχεια, να τις αντιγράψετε έτσι. Χρησιμοποιήστε μια πλάγια γραμματοσειρά για να γράψετε το ακόλουθο κείμενο. Χρησιμοποιούσα το Gotham Bold Italic σε αυτό το δείγμα. Χρησιμοποιώντας το εργαλείο κειμένου (T) , συμπληρώστε κάθε γραμμή με ένα μέρος της πρότασης.

Βήμα 7

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

Αφήνει να προσθέσετε την προηγούμενη γραμμική κλίση μπλε. Χρησιμοποιήστε το εργαλείο κλίσης (G) για να το τοποθετήσετε προς τη σωστή κατεύθυνση.

Ας χρησιμοποιήσουμε ξανά το ημίτονο. Αυτή τη φορά ας χρησιμοποιήσουμε μια μέγιστη ακτίνα 16 pixels.

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

Χρησιμοποιήστε το εργαλείο κειμένου (T) για να γράψετε "HIRE NOW" χρησιμοποιώντας Medium Bazar. Διπλασιάστε το κείμενο, διαλέξτε ένα μαύρο γεμάτο και στείλτε το στο πίσω μέρος.

Βήμα 8

Αυτή είναι η τελευταία γραμματοσειρά που θα χρειαστεί να κατεβάσετε, αυτή που ονομάζεται Headline. Όπως λέει το όνομα, είναι πραγματικά χρήσιμο για τίτλους. Πάρτε το εδώ . Ας γράψουμε το "Hey buddy, έχω μια ιδέα." Αυτό θα είναι το απόσπασμα του χαρακτήρα μας.

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

Βήμα 9

Ήθελα να σχεδιάσω μια λάμπα για να καταστήσω τα πράγματα λίγο πιο προφανή. Έτσι, πρώτα χρησιμοποιήστε το εργαλείο έλλειψης (L) . Στη συνέχεια, κάντε τα εφέ φωτισμού χρησιμοποιώντας το εργαλείο στυλό (P).

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

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

Βήμα 10

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

Ας αρχίσουμε με τα μάτια. Αρχικά σχεδιάστε μια έλλειψη χρησιμοποιώντας το εργαλείο έλλειψης (L) . Σχεδιάστε μια άλλη έλλειψη στα όρια του, μετά πηγαίνετε στον πίνακα pathfinder και επιλέξτε την επιλογή που ονομάζεται Minus Front.

Θα χρησιμοποιήσουμε από εδώ και στο εξής μόνο το εργαλείο στυλό (P) . Είναι εύκολο, θα δείτε. Έτσι, σύρετε αυτό το σχήμα ματιών, στη συνέχεια, αντιγράψτε και αλλάξτε το μέγεθος χρησιμοποιώντας το εργαλείο επιλογής (V) .

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

Ας προσθέσουμε κάποιες ρυτίδες γύρω από το στόμα. Προσθέστε μια γραμμή στο στόμα για να αναπαραστήσετε τα δόντια.

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

Ονομάζω αυτό το πηγούνι με το "πηγούνι", νομίζω ότι δεν χρειάζεται να εξηγήσω γιατί, έτσι; Απλά kidding παιδιά. Σχεδιάστε τα μάγουλά του χρησιμοποιώντας το εργαλείο πένας (P) .

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

Το αυτί είναι αρκετά απλό, προσθέστε μια μικρή λεπτομέρεια που αντιπροσωπεύει τον χόνδρο.

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

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

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

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

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

Χρησιμοποιώντας το εργαλείο έλλειψης (L) , πρόσθεσα μερικούς μικροσκοπικούς κύκλους σε κάθε μάτι.

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

Σχεδιάστε όλα γύρω από το πρόσωπό του, προσέξτε να κάνετε μερικές τρύπες σε μέρη όπως τα μάτια και το στόμα. Προσθέστε μια κίτρινη προς λευκή κλίση (το ίδιο κίτρινο που χρησιμοποιείται σε όλο το σεμινάριο). Ρυθμίστε την κατεύθυνση χρησιμοποιώντας το εργαλείο κλίσης (G) . Στη συνέχεια, πάλι πηγαίνετε στο Effect> Pixelate> Halftone . Ρυθμίστε τη μέγιστη ακτίνα σε 8 εικονοστοιχεία.

Βήμα 11

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

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

Και εδώ είναι η τελευταία υφή, πάρτε το εδώ . Μεταβείτε στον πίνακα διαφάνειας, ρυθμίστε την αδιαφάνεια έως 70% και επιλέξτε τη λειτουργία ανάμιξης που ονομάζεται Color Burn.

Τώρα μπορείτε να δείτε την υφή του φόντου από την αρχή και είναι έτοιμη.

Το αποτέλεσμα

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

Έχετε ακολουθήσει αυτό το σεμινάριο; Μοιραστείτε τα αποτελέσματα και την εμπειρία σας παρακάτω ...