Creazione di un design vintage di poster da sci

Cosa starai creando
Questo tutorial è stato originariamente pubblicato nel dicembre 2009 come tutorial Tuts + Premium. Ora è disponibile gratuitamente per la visualizzazione. Sebbene questo tutorial non utilizzi l'ultima versione di Adobe Illustrator, le sue tecniche e processi sono ancora rilevanti.

L'immagine in cui lavoreremo in questo tutorial è stata in realtà parte di un brief dal vivo nel 2008 e il lavoro finito è stato infine utilizzato in cartelloni pubblicitari e pensiline per autobus, pubblicità per la stampa e banner web. Nota che tutte le opere d'arte in questo tutorial sono © Ardmore Advertising 2008.

Fatti ispirare! Trova l'ispirazione per i tuoi poster sul mercato Envato.


introduzione

Descriverei questo come un tutorial di livello intermedio e in tutto il processo mostrerò come aggiungere un po ' Art Deco fascino per le tue illustrazioni facendo un uso sottile delle tavolozze Gradiente e Trasparenza in Illustrator CS4, nonché introducendo un carta invecchiata sentirsi con un uso intelligente dei file di risorse texture.

Sentiti libero di scegliere le parti più utili di questo tutorial che ti aiuteranno a sviluppare le tue tecniche di illustrazione. Non esiste un modo giusto o sbagliato per creare un'illustrazione di questo tipo, ma condividerò qui alcuni suggerimenti che ti faranno risparmiare tempo prezioso in studio (sempre importante con una scadenza per la stampa incombente!)


1. Come creare gli abbozzi grezzi

Sebbene non sia essenziale, ho sempre trovato che uno schizzo iniziale ti aiuterà attraverso ogni fase del processo di illustrazione, oltre a spiegare il tuo concetto a un art director / cliente. In un ambiente reale, un accordo con il cliente su uno schizzo a matita aiuterà a semplificare l'intero processo creativo, riducendo il tempo speso per apportare emendamenti client complessi.



2. Come iniziare in Illustrator

Passo 1

Ok, iniziamo con l'avvio di Illustrator! Lavoreremo alle dimensioni di un annuncio stampa qui, quindi digita in a Taglia di 70 mm di larghezza e 150 millimetri in profondità. Tenendo presente che questa è un'illustrazione per la stampa, impostare il Modalità colore a CMYK al contrario di RGB e digitiamo anche il nome appropriato per il file, in questo caso "Vintage Ski Illustration".



Passo 2 

Ora la tavola da disegno è aperta, posiziona il file e ridimensionalo per adattarlo alla tavola da disegno. Apri il Trasparenza tavolozza e impostare il Opacità della scansione schizzo a 30%, quindi apri il Livelli tavolozza. Doppio click su "Livello 1", quindi rinominare il livello "Schizzo". Ora hai un livello dell'immagine di riferimento che puoi nascondere e rivelare durante il processo di illustrazione. Nota: ricordarsi di Elimina questo livello una volta completata l'illustrazione.



3. Come tracciare lo schizzo

Pensiamo alla costruzione di questa illustrazione in termini di livelli e lavoriamo dallo sfondo al primo piano. Quindi inizieremo con lo sfondo alpino.

Serratura il livello "Schizzo" e seleziona Nuovo strato dal Layer menu flyaway della palette e denominarlo "SFONDO ALPINO". Ora seleziona il Strumento Penna dal Utensili tavolozza e iniziare a tracciare i componenti dello sfondo alpino dallo schizzo.

Assicurati che questi oggetti disegnati non abbiano colore di riempimento e un primario luminoso Colore tratto (rosso o blu). Usando la palette Traccia, crea tutto Stroke Widths 0.5pt. In questo modo, sarai in grado di ottenere una visione più chiara della tua grafica progressiva accanto allo schizzo originale.



4. Come lavorare con la tavolozza dei gradienti

Passo 1

Aggiungiamo un po 'di colore. Inizieremo con il cielo. Apri il campioni tavolozza e il Pendenza tavolozza. Per un grande contrasto con le colline innevate, assicuriamoci che il cielo sia blu profondo e profondo.

Trascina e rilascia un blu scuro dal campioni tavolozza al Pendenza tavolozza, quindi aggiungere un blu pallido. Ora dovresti avere una sfumatura che va dal blu intenso al blu pallido, al bianco. Clicca il Angolo campo sul Pendenza tavolozza e chiave 90 gradi per garantire che la sfumatura vada dal blu (in alto) al bianco (in basso).



Passo 2

Passando dai cieli blu - lavoriamo sulle colline innevate e sulle piste da sci. È qui che puoi vedere come l'uso sottile dello stesso colore del gradiente utilizzato con diversi angoli sovrapposti dà una sensazione di pulizia, nitidezza e nitidezza Art Deco effetto. Ancora una volta, non ci sono regole dure e veloci da seguire qui - basta giocare con diverse angolazioni fino a quando il contrasto sembra giusto per te.



Passaggio 3

Guardando ora agli sci e ai bastoncini: semplificare il gradiente esistente utilizzato sulle piste perdendo il secondo gradino blu pallido nella tavolozza sfumatura. Una volta completata questa operazione, aggiungi la stessa sfumatura all'ombra dei bastoni e degli sci e assicurati che gli angoli del gradiente siano a posto -90 gradi.

Ora è il momento di utilizzare il Trasparenza tavolozza. Selezionando le ombre dagli sci, cambia il Modalità di trasparenza a partire dal Normale a Moltiplicare, quindi spostare il Trasparenza a partire dal 100% giù verso 80%. Questo darà al gradiente della tua ombra una gradevole sfumatura di blu, che sembrerà sanguinare verso il no Colore di riempimento, invece del bianco standard che avresti ottenuto con la trasparenza impostata su Normale a 100% trasparenza.



5. Come aggiungere un bagliore

Aggiungiamo un altro tocco sottile che dà un po 'di profondità all'illustrazione. L'aggiunta dell'abbagliamento nell'angolo in alto a sinistra del cielo dà la sensazione di luce solare che si riflette sui pendii innevati. Potremmo scegliere un filtro antiriflesso preinstallato qui, ma dov'è il divertimento!

Quindi, disegniamo due cerchi: uno grande, uno piccolo e assicuriamoci che si sovrappongano. Il più grande dei cerchi sanguina dal cielo blu, quindi dovremo usare il esploratore tavolozza Strumento Intersect per abbatterlo e adattarlo al cielo blu profondo.

Una volta che lo abbiamo fatto; è tempo di tornare al nostro Pendenza e Trasparenza tavolozze. Seleziona entrambi gli oggetti e aggiungi un riempimento sfumato usando un blu pallido che diventa bianco. Questa volta, faremo il gradiente Radiale al contrario di Lineare. Passare alla trasparenza: selezionare Schermo e trascina il Opacità di nuovo a 20%. Ricorda che la sottigliezza è la chiave in questo esercizio.



6. Come disegnare il personaggio dell'eroe

Passo 1

Il panorama di fondo ora sembra molto pulito, quindi lo faremo ora Serratura il livello "ALPINE BACKGROUND" e Disattiva la visibilità - ora sarai in grado di vedere di nuovo il livello di schizzo approssimativo.

Ora scegli Nuovo strato dal tuo Livelli tavolozza e chiamarlo "EROINA". Usando il Strumento Penna, è un semplice compito di tracciare tutti gli elementi separati che costituiscono il nostro personaggio eroina (o principale).

Faremo un passo indietro dai gradienti e dai lucidi per un po ', concentrandoci sui colori a piena forza. Questo aiuterà a distinguere il personaggio di Hero dallo sfondo.

Una breve nota sui colori della tonalità della pelle: per anni ho faticato a mescolare il perfetto tono della carne fino a quando ho guardato il menu flyaway in Illustrator campioni tavolozza. Da questo menu, vai a Apri la libreria Swatch e scegliere Tonalità della pelle. Trovo inestimabile questa libreria di campioni quando si scelgono colori skin complementari.



Passo 2

Ora è il momento di aggiungere un po 'di dettagli agli accessori del personaggio dell'eroe. Noterai nell'ultimo passaggio che avevo lasciato gli occhiali da sole, la tazza di caffè e la pista di vapore bianca.

Prima guardiamo gli occhiali da sole, qui reintrodurremo l'effetto di abbagliamento che avevamo sviluppato in precedenza. Per il colore dell'obiettivo di base, useremo lo stesso identico gradiente dal cielo blu. Questo è dove Illustrator Aspetto la tavolozza può rivelarsi uno strumento prezioso.

Seleziona il cielo blu sul livello precedente, mentre il Aspetto la tavolozza è aperta. Il Aspetto la palette mostra un'anteprima della selezione corrente con diritto Sentiero. Basta trascinare e rilasciare questa miniatura del percorso sugli obiettivi degli occhiali da sole e tutti gli attributi dell'oggetto Blue Sky (compresi gli angoli del gradiente) verranno trasferiti su questo nuovo oggetto.


Quindi speccheremo il cerchi abbaglianti dal livello precedente - utilizzando il Aspetto palette di nuovo, possiamo replicare tutti gli attributi dell'oggetto precedente.

Ho anche aggiunto un paio di linee di swoosh diagonali usando lo stesso Riempimento sfumato e Trasparenza per aggiungere ulteriore effetto, insieme con l'aggiunta di un Inset Shadow effetto sugli obiettivi utilizzando un profondo blu scuro Riempire e impostando il Trasparenza a Luce soffusa.

Ovviamente sono andato in città qui con il tema della riflessione, ma non è assolutamente necessario eliminare tutti questi dettagli (specialmente se si avvicina una scadenza).



Passaggio 3

In questo passaggio, introdurremo il Strumento di fusione. Il corpo della tazza di caffè è fatto di forme. Una crema, l'altra una crema più scura agisce come ombreggiatura. Con entrambe le forme selezionate, vai a Oggetto> Miscela> Crea. Ora ripeti il ​​processo con le due forme che formano il piattino.


Notare la miscela omogenea dal buio alla luce. Ora che la tazza di caffè è completa, aggiungiamo trasparenza e riempimento sfumato al vapore sopra la tazza. Il gradiente dovrebbe passare da marrone chiaro a bianco, quindi rendere la trasparenza Moltiplicare e porta il Opacità giù verso 60%.



7. Come aggiungere un titolo

Passo 1

Ora il personaggio è finito, Serratura il livello "EROINA" e dal menu dei livelli crea a Nuovo strato e chiamarlo titolo. Ora inserisci la copia del titolo usando un simpatico quadrante retro / art deco. Ho usato Articolo in vetrina, un bel carattere gratuito da fontdiner.com. Una volta che sei felice con dimensione del tipo e crenatura ecc. Vai a Tipo> Crea contorni.


Adesso Separa tutte le lettere. Quindi ri-selezionare la riga superiore del testo e creare un percorso composto andando a Oggetto> Percorso composto> Crea. Ripeti questo processo per la seconda riga di testo. Con il tipo ora trasformato in due distinti oggetti modificabili, possiamo iniziare ad aggiungere gli effetti che abbiamo già trattato in precedenza nel tutorial.



Passo 2

A differenza dell'aggiunta del filtro ombra esterna in Photoshop, creeremo un effetto proprio utilizzando lo strumento Esploratore. Primo Disattiva visibilità su tutti gli altri livelli, quindi premi Comando-Y per visualizzare il documento in modalità wireframe.

Seleziona la parola "SCI" ​​e vai a Modifica> Copia, seguito da Modifica> Incolla dietro. Sposta questo oggetto copiato (usando i tasti cursore) lasciato 2 clic, quindi 2 volte verso il basso. Ora ripeti questa copia, Incolla sul retro, cambia processo e vedrai qualcosa di simile a questo ...


Ora apri il tuo esploratore tavolozza di nuovo, selezionare le due parole che abbiamo incollato sul retro e premere il tasto Fronte meno pulsante per creare questo nuovo Ombra esterna oggetto. Ora colpisci Comando-8 per rendere questa nuova selezione un percorso composto. Colpire Comando-Y e riaccendi la visibilità per tutti i livelli per vedere come stiamo procedendo.


Passaggio 3

Formando bene non è vero? Termina l'effetto Ombra esterna aggiungendo a Riempimento sfumato che va dalla marina al bianco con un angolo di -90 gradi, quindi spostare il Trasparenza a Moltiplicare e tira il Opacità di nuovo a 50%.



8. Come aggiungere texture

Ora vedrai praticamente l'articolo finito. Sembra pulito e incontaminato. Potresti davvero fermarti a questo punto e stare seduto carino. Ma se vuoi aggiungere un autentico vecchia carta sento che sarà davvero tornare al Golden Age of Advertising, suggerisco di aggiungere un file di texture.

Ci sono siti web di risorse di trama su Internet. Uno che non manca mai di impressionarmi è cgtextures.com, è possibile registrarsi per un account gratuito e scaricare da una vasta gamma di immagini texture.

Ho trovato il file di texture che stiamo usando qui da loro. Quindi apriremo un Nuovo strato e nominalo Texture, avendo cura di bloccare tutti i livelli precedenti. Nota: È ora disponibile, è possibile eliminare il livello "SKETCH" e il suo contenuto.

Ora rilascia il file di Photoshop e ridimensionalo per adattarlo alla pagina. Da qui, è un semplice lavoro di spostare la trasparenza in Moltiplicare e tirando indietro il Opacità di nuovo a 80%. Ecco! Lavoro fatto!



Immagine finale

Così il gioco è fatto. Un bel modo per dare un po 'alle tue illustrazioni vettoriali Vecchio mondo glamour utilizzando alcuni strumenti di Illustrator di base. Spero che lo trovi utile! L'immagine finale è sotto.