Retro disegno e ombreggiatura con Adobe Illustrator

Con l'illustrazione sui computer, è sempre la tentazione di utilizzare tutti i colori vivaci e luminosi che appaiono nelle tavolozze dei colori predefinite. A volte però, un minor numero di colori e tonalità leggermente più morbide daranno al tuo lavoro un certo calore e fascino che lascerà la gente a chiedersi se è stato creato su un computer!

Puoi trovare i file di origine per questo progetto nella directory etichettata 'fonte' che è arrivata nei file che hai scaricato. Potresti desiderare di esaminarli brevemente prima di iniziare.


introduzione

Prima di immergerci nel colore, diamo un'occhiata a come ho messo insieme questa illustrazione di stile retrò. Ho incluso tutte le scorciatoie che ho preso e punti a cui prestare attenzione quando scelgo e posiziono il tuo colore.

L'illustrazione è un'accoglienza umoristica sulle aste di computer. L'attenzione è sulla lampada appena a destra del centro. Ho un gruppo di offerenti di computer sulla sinistra e il banditore sulla destra. Le persone che escono dai computer sembrano essere gli elementi più complicati, lavoreremo su quelli per primi. Mi piace fare le cose difficili prima, dato che il lavoro sembra sempre più facile una volta fatto!

Ho elaborato uno schizzo da seguire, è molto lento ed è solo una guida per le posizioni, ecc. Dopo che l'ho scansionato nel computer, lo metto su un livello chiamato "TRACE" e blocco il livello in modo da non farlo andare più tardi a dare delle brusche cose.



Passo 1: riferimento alla vecchia scuola

Ho cercato alcuni riferimenti fotografici per il mio computer della vecchia scuola e pensavo che questo degli anni '70 fosse un buon inizio. Mi piace la tastiera angolata incorporata e che oh, così piccolo monitor arrotondato! Questa illustrazione sarà un curioso mix di cultura degli anni '50, '70 e dei giorni nostri!



Passaggio 2: suggerimenti linea

Disegna la forma del computer usando il bianco e nero per cominciare. Ho pensato che le prese d'aria sulla foto fossero fantastiche, quindi avrei usato le linee per un po 'di decorazione sul lato del mio.

Il modo più rapido per eseguire linee pulite lungo il lato di un pannello [1] è copiare la riga più in alto e in basso (solo) e utilizzare BLEND TOOL (B) dalla barra degli strumenti e per la spaziatura utilizzare Passi specificati di 6. Crea una serie di linee tutte parallele tra loro. Espandi il menu di selezione> Oggetto> Espandi. Quindi copia e incolla di fronte a una copia dell'intera area del pannello laterale e sposta le linee al di sotto in modo da poter utilizzare i due elementi per creare una maschera.

Ho usato lo stesso procedimento per creare i pulsanti [2]. Usando i passaggi specificati tra due oggetti, mantiene davvero la spaziatura ordinata e uniforme. Un ultimo pezzo di decorazione sulla parte superiore del computer è una linea curva [3]. Il modo più rapido per farlo è disegnare un ovale con un tratto e utilizzare una copia della forma superiore del computer per creare un'altra maschera per perdere le parti indesiderate.



Passaggio 3: stupido giù per il colore

Sai che stiamo andando a copiare e incollare quei computer invece di disegnarli tutti di nuovo, giusto! Per prima cosa, lasciamo cadere un po 'di colore sul computer in modo da non dover ricolorare quelle cinque volte lungo la traccia. Poiché lo sfondo è morbido e annacquato, diamo ai computer colori forti e uniformi in modo che contrastino bene l'uno con l'altro.

Ho usato il grigio caldo, il turchese con le linee ciano, lo so! sembra orribile quando lo descrivi a qualcuno, ma visivamente sembra OK, a volte vale la pena tenere una nota di combinazioni di colori che funzionano, non sai mai quando avrai bisogno di loro!

Ho lasciato cadere alcuni colori intermedi sui pulsanti, perché volevo ascoltarli e interferire con le persone. Cerco spesso di capire cosa voglio che la gente guardi in un'illustrazione e cercare di attenuare tutto ciò che potrebbe essere una distrazione visiva.

Nota: il nero sul lato è lo stesso grigio della parte superiore, ma con il cursore nero premuto fino al 100% sulla tavolozza dei colori CMYK lo mantiene profondo e ricco.



Step 4: Tutti i giovani Dudes

Sto iniziando con l'offerente sul retro, la sua testa è solo un ovale con una forma grezza per i capelli e un triangolo di base per un naso. Sembra un po 'blando [4] all'inizio, ma con un paio di miscele ben piazzate dovremmo essere in grado di farlo diventare intelligente. La prima cosa è dargli una certa profondità aggiungendo dell'ombra.

Trovo una piccola ombra dietro l'orecchio e uno sotto il naso fa davvero una faccia fuori. Inoltre, aggiungendo una pelle più scura e rendendola gradiente, la pelle prenderà vita. Il gradiente è molto sottile e diventa leggermente più scuro a una estremità quando viene utilizzato. In questo caso diventa un po 'più scuro risalendo verso la fronte, un po' più scuro sulla punta dell'orecchio e lo stesso sul ponte del naso.

La tuta è verde solo perché pensavo che il blu o il grigio si sarebbero persi contro il computer. Notate come ho aggiunto una sfumatura piuttosto scura sul fondo della sua tuta? Questo per dare l'impressione di trovarsi davvero all'interno di quello schermo del computer e la sua metà inferiore sta andando nell'ombra.

Per aiutare a mettere il ragazzo nel televisore, prendi una copia dello schermo e estendi l'angolo R / H superiore per coprire dove possono andare la testa e il braccio [5]. Ancora una volta usa questa forma come maschera e ritaglia il corpo. Scopri come duplicare forme, incollare davanti e maschera sono un ottimo modo per ridurre il tempo di lavoro. Puoi dividere le forme e ordinarle in modo ordinato, ecc., Ma se non stampano, perché preoccuparsi! Quindi, posiziona l'uomo mascherato sullo schermo del computer e dovrebbe apparire come se fosse davvero lì dentro!



Passaggio 5: Variazioni su un tema

Ora abbiamo un uomo e un computer tutti colorati. Duplichiamo tre volte e apportiamo lievi modifiche alle nuove versioni. Basta un paio di modifiche per dare un tocco nuovo a un disegno esistente. Il tipo che è nel medio-terzino, [6] giriamo un po 'il braccio in avanti e anche facendo scorrere gli occhi in avanti per ... forse cambia quel colore delle labbra in bianco, ed estendi l'arco inferiore verso il basso per fare un sorriso. All'improvviso abbiamo un offerente che è entusiasta e disperato per fare un'offerta.

Allo stesso modo, con gli altri ragazzi, piccoli cambiamenti ma notevoli! Li ho ingranditi per aiutare con la prospettiva e ho cambiato la bocca per fare un ghigno e un mezzo sorriso.

È solo un piccolo punto, ma ho reso i pulsanti multicolori sui computer e ho mescolato i pattern su ognuno di essi. Non so perché l'ho fatto esattamente? Ma posso dirti che sembrava giusto allora.


Lo stesso accordo con la donna. Disegna una versione, duplica e apporta alcune piccole modifiche. In questo caso era il colore dei capelli e la forma del viso. Per far sì che il braccio destro [7] sia completamente fuori dallo schermo. L'ho incollato di fronte a tutto per metterlo in cima allo stack (assicurandomi che il braccio non si estendesse nell'area del colletto e bloccasse le parti)

Il simbolo del dollaro BTW è solo testo ridimensionato orizzontalmente all'80% con lo strumento Scala (S) e inclinato leggermente verticalmente con lo strumento Cesoia (W), quindi ruotato di alcuni gradi. Spesso con questi bambini di cose puoi regolarli manualmente fino a quando non sembra di stare seduto visivamente con quello che stai cercando di ottenere, non deve essere scienza missilistica.


Passaggio 6: Illuminazione dell'illuminazione eccentrica

La lampada è il pezzo principale di messa a fuoco nell'illustrazione, ma voglio tenerlo asciutto e non sovraccarico come con i computer. Come sto cercando di trasmettere l'idea di qualcosa di leggermente arrotondato un po 'di luce e ombra potrebbe tornare utile!


Ho scoperto che più le forme sono irregolari e gli angoli sfumati, più l'illustrazione diventa interessante.

Il punto saliente della lampada d'asta era una miscela realizzata con lo strumento di fusione (B) che si muoveva tra un ovale rosa e rosso. Inoltre, l'ombreggiatura a bassa luce [8] era una vignetta tra un rosso e un marrone scuro utilizzando lo strumento sfumatura (G). Volevo anche gettare un'ombra sul collo della lampada [9] e ho trovato che il modo più veloce per farlo era così:

  • Disegna approssimativamente una forma ovale dietro il vaso.
  • Seleziona il collo del vaso e copia, mentre è ancora selezionato premi Incolla davanti (che lo tiene in cima a se stesso ma NON sopra il paralume giallo).
  • Poi Maiusc Seleziona la forma ovale - così li hai entrambi evidenziati.
  • Ora dalla palette del Pathfinder seleziona Intersect

Questo ti lascerà con la tua forma d'ombra, una leggera sfumatura dal rosso al marrone gli darà una bella ombra da sinistra a destra.

Se non hai la tua tavolozza del percorso (e non c'è motivo per cui non dovresti! È uno strumento utile) puoi trovarla in Menu> Finestra> Pathfinder (Shift + Command + F9).

Per dare alla lampada la sensazione di essere un articolo di articoli elettrici, gli ho dato un plug [10] e ho realizzato il flex a Colpo 2pt con un trattino di 2 e a divario di 2 in marrone chiaro. Ho incollato una copia del flex dietro a se stessa in un marrone scuro per dare un bel contrasto.


Step 7: Fai una folla

Usando un'altra copia di uno degli uomini che abbiamo disegnato in precedenza, giralo verticalmente usando lo strumento Rifletti (O) e mettilo dietro un podio. Il podio utilizza gli stessi colori del computer senza le linee sul lato. Per rendere il nuovo Banditore più piccolo rispetto al solito Joe che faceva le offerte, gli ho regalato degli occhiali rotondi e un papillon (ragazzo di classe!). La stessa tecnica di ombreggiatura, bassa sulla sua giacca, funziona per il podio, proprio come ha fatto per l'interno dello schermo TV.


No, abbiamo tutto il nostro personale ed elementi, è ora di iniziare a massacrarli insieme! Per evitare eventuali contrattempi di selezione, è meglio copiare / incollare in primo piano e raggruppare OBJEC / GRUPPO (G) ogni offerente dell'asta in modo da poter spostare le persone e i computer in giro solo usando lo STRUMENTO DI SELEZIONE (V)


Step 8: Do not Go Nuts!

Ora che hai fatto tutto il duro lavoro di creare uomini e due donne leggermente diversi, potrebbe essere allettante duplicarli tutti per creare un esercito di orchi come in "Il Signore degli Anelli", e fai davvero uno spettacolo di tutto il tuo lavoro. Ma per essere onesti tutto ciò che fa è diluire ciò che hai fatto, non migliorarlo. Perché usare seicento persone per trasmettere un'idea quando ce ne saranno sei. Almeno con sei, la gente potrebbe vedere alcuni dei dettagli più fini che hai inserito.



Passo 9: Diffondi l'azione

Quando si organizzano le persone non ci sono regole ferree. Le cose che guardo generalmente sono:

  • Diffondere l'interesse in giro - in questo caso le donne sono intervallate da uomini che danno un'ingenua sensazione di gruppo misto.
  • Assicurati che gli elementi di interesse non siano oscurati, quindi i capi non bloccano le altre teste dietro di loro e i pipistrelli delle aste sono chiaramente visibili tra le persone e i computer.


Passaggio 10: sfondo

Se lasciamo cadere uno sfondo blu piatto dietro l'illustrazione sembra un po 'noioso, anche se aggiungiamo una stella scoppiare dietro la lampada.


Che cosa sarebbe bello dare che la sensazione del cyberspazio sarebbe avere i computer che fluttuavano a mezz'aria e forse alcune stelle mistiche scientifiche sparse in giro e qualche sfumatura morbida. Iniziamo con quello sfondo. Piuttosto che introdurre un nuovo colore, potrebbe essere bello introdurre una sfumatura più morbida di un colore già presente nell'illustrazione.

Penso che una sfumatura più morbida del grigio caldo in cima al computer sarebbe un bell'aspetto. E per mettere a fuoco il centro, aggiungiamo un gradiente dal grigio in alto al computer al nostro nuovo colore di sfondo. Le forme devono essere solo triangoli ruvidi in quanto sfuggono al bordo dell'illustrazione.


Per far emergere alcuni degli elementi all'interno dell'illustrazione, come il martelletto e alcuni paddle d'offerta, una sfumatura circolare dal colore di sfondo a un bianco sporco si spera catturerà gli occhi degli spettatori! Ne ho anche messo uno dietro la stella della lampada per scaldarlo un po '. Il gradiente circolare del tizio nella parte posteriore sta effettivamente passando sotto il gradiente di scoppio della stella. Potrei risolvere questo problema ri-disegnando i cerchi e usando alcune opzioni di trasparenza, ma sento che è solo un piccolo punto che lascerò andare ... questa volta!


Quindi, quasi lì ora! Penso che alcune solide ombre del terreno siano davvero ovvie (piuttosto che questi esili aloni bianchi) e faranno sapere alla gente che queste persone sono davvero fluttuanti là fuori e alcune stelle appuntite composte da linee da 2 pt si aggiungeranno davvero al mix. Cerca di rendere le stelle un po 'sbilanciate, non troppo simmetriche e usa alcuni dei colori già nella figura.



Conclusione

Facile, eh! Tienilo asciutto, mantienile. Scegli alcuni colori ben scelti e riutilizzali ogni volta che puoi e utilizza la funzione Copia e incolla nella parte frontale il più spesso possibile. Saluti.