Share
Questo tutorial è ispirato alla famosa serie di poster politici di Sheppard Fairey per la campagna di Obama negli Stati Uniti. Ti mostreremo come creare questo stile di design. Inizieremo con le tecniche di base per l'editing delle immagini in Adobe Photoshop per ottenere l'impostazione dei nostri livelli guida, quindi passeremo ad Adobe Illustrator. Non hai bisogno di alcuna attrezzatura di fantasia per fare questo. Ho usato un vecchio mouse che ha ancora la palla di gomma.
Nota dell'editore: Vectortuts + non approva alcuna particolare convinzione politica nella pubblicazione di questo tutorial. Piuttosto, questo tutorial è focalizzato sulla dimostrazione di un flusso di lavoro per la creazione di questo interessante effetto estetico.
Suggerimento: se stai cercando una scorciatoia, puoi creare rapidamente e semplicemente l'effetto poster con l'azione di posterizzazione iconica avanzata. Devi solo scegliere le opzioni che vuoi, fare clic per avviare l'azione di Photoshop e finire con un risultato come questo:
Effetto di posterizzazione creato utilizzando l'azione di posterizzazione iconica avanzataOppure puoi assumere un illustratore di talento su Envato Studio per creare un'illustrazione vettoriale unica per te.
Ritratto vettoriale personalizzato su Envato StudioSe vuoi seguire da solo l'intero processo, d'altro canto, leggi le istruzioni passo-passo.
Per questo effetto è meglio avere una foto in stile ritratto, preferibilmente di un soggetto che sembra pensare o guardare lontano. Ho usato questa foto da iStockphoto.
Una volta che hai la tua immagine, è necessario Aperto dentro Photoshop e raccolto in modo appropriato. La parte superiore dell'immagine deve essere ritagliata nella parte superiore della testa del soggetto e il fondo deve essere leggermente più alto dell'altezza del petto. Il raccolto dovrebbe avere un rapporto di 2: 1.
Ora dobbiamo Posterizzazione l'immagine. Vai a Immagine> Regolazioni> Posterizza. Un livello di posterizzazione appropriato per il look che stiamo cercando è 5.
Ora stiamo andando a creare i nostri livelli guida per l'utilizzo in Illustrator. Inizia duplicando il tuo livello posterizzato e dai il nome a questo nuovo livello "Pattern Guide". Quindi vai a Immagine> Regolazioni> Soglia. Stiamo andando a far scorrere il nostro Punto fino a quando non otterremo qualcosa di simile a sotto. Lo vogliamo abbastanza scuro, ma ancora con una piccola quantità di dettagli. Inoltre, quando si utilizza Soglia, è meglio usare il picchi che vedi.
Salvare questo nuovo livello creato come "patternguide.psd" o qualcosa di simile, come avrete bisogno per Illustrator.
Dobbiamo ripetere il passaggio 4 e il passaggio 5 altre tre volte. Ogni volta applica una soglia inferiore e salva ogni nuovo livello. Di seguito sono riportate le impostazioni che ho usato, di nuovo notare i picchi.
Prima di iniziare a delineare i nostri livelli, dobbiamo creare il modello di linea blu orizzontale. Per fare questo crea un nuovo Illustratore documento. Dagli un Altezza e Larghezza di 4px. Quindi crea un rettangolo riempito con il nostro colore azzurro (# 4F919F), e copre la metà superiore della tela.
Coprire la metà inferiore con un rettangolo pieno di beige. Poi Seleziona tutto (Controllo + A), e trascinalo sul nostro campioni pannello. Congratulazioni hai fatto un modello!
Ora dobbiamo salvare questo set di Swatch in modo che possiamo usarlo nel nostro poster che stiamo per realizzare. Nell'angolo in basso a sinistra del nostro campioni pannello selezioneremo Salva campioni dal Menu libreria campioni. Chiamalo come vuoi, ho usato "pattern". Ora puoi chiudere questo documento, poiché non ne avremo più bisogno.
Ecco la tavolozza dei colori che useremo per questo tutorial. Ci sono quattro colori e un motivo. Useremo un mix di colori beige e blu chiaro.
Ora che abbiamo creato le nostre immagini di riferimento e il modello, è tempo di creare un Nuovo documento in Illustratore. Ho usato una dimensione della tela di 700 x 850 px.
Inizieremo con il nostro livello guida più oscuro, questo sarà il nostro livello di pattern. Stiamo andando a delineare il livello usando il Strumento penna (P). Quindi per iniziare andremo a File> Luogo e seleziona il nostro primo livello di riferimento in Illustrator. Se hai seguito verbatim, questo file da inserire si chiama "patternguide.psd".
Fermiamoci un attimo e discutiamo sul corretto uso del Strumento penna (P) in Illustrator. Questa è un'area in cui Illustrator supera Trionfo Photoshop, ma solo se lo si utilizza correttamente.
Per qualsiasi curva hai sostanzialmente tre click; due sono punti di ancoraggio e l'altro è il punto della curva. Si posiziona il punto della curva nel punto più alto della curva. Metti le ancore dove inizia e finisce la curva.
Un clic è tutto ciò che è necessario quando si crea una curva. È quindi possibile modificare i punti della curva in curve dopo aver eseguito l'intera forma. Per convertirli usa il Strumento di selezione diretta (A) e fare clic su Converti i punti di ancoraggio selezionati in Liscio icona.
Prima di poter delineare il nostro primo livello, dobbiamo caricare il nostro modello nel Biblioteca dei campioni. Per fare questo selezionare Altra biblioteca dal Biblioteca dei campioni menu nel campioni pannello.
Ok, quindi torniamo a delineare il nostro primo livello. Crea nuovo livello sotto il file che hai appena inserito in Illustrator. Questo strato terrà il nostro contorno. Lo posizioniamo di seguito perché è più facile vedere cosa stiamo delineando in questo modo.
Ora prendiamo il nostro Strumento penna (P), dargli un colpo di null e un riempimento del nostro schema. Quindi inizia a delineare tutte le aree nere con il Strumento penna (P). La chiave è mediare fuori, non seguire troppo da vicino il livello guida. Descrivilo in modo approssimativo e non preoccuparti delle nostre curve, come lo ripareremo dopo aver creato il nostro schema.
Nota: Questa è la parte più noiosa del processo.
Potresti aver notato che ci sono delle porzioni nel mezzo che sono più chiare che abbiamo appena finito con i contorni. Bene, lo risolveremo delineando quelli che usano lo stesso processo. Riempi quelli con il nostro colore beige, come mostrato di seguito. Lo faremo su un nuovo livello appena sopra il livello del modello. Dopo averlo fatto, dovresti avere qualcosa di simile al seguente.
Ora attenuiamo le forme che abbiamo appena creato. Vogliamo che la maggior parte dei nostri punti sia liscia, ma trovo che sia meglio se ne lasci alcuni come sono. Visualizza l'effetto di seguito dal livellamento sia del modello che del livello beige.
Nota: Ho creato questa immagine in modo errato e il motivo era sbagliato, non preoccuparti della differenza di colore.
Ora facciamo la stessa cosa per ogni livello. Delineare in modo approssimativo, quindi delineando i punti salienti con il colore immediatamente al di sotto di esso, e quindi attenuando i nostri contorni. Lo strato successivo dovrebbe avere una luce blu fissa, seguita dal rosso e infine il blu scuro.
Va bene, dovresti avere qualcosa di simile al seguente. La parte noiosa è finita. Ora per farlo sembrare un poster. Per prima cosa inseriremo un rettangolo pieno beige sotto tutti questi strati, questo servirà da sfondo.
Ora avremo bisogno di mettere le nostre metà rosse e blu chiare. Lo faremo appena sopra il livello del rettangolo beige. Utilizzare il Strumento rettangolo (M) per posizionare i due rettangoli.
Il nostro poster è abbastanza carino. Creiamo lo spazio necessario per aggiungere il testo ispiratore in basso. Probabilmente dovrai allargare la tua area di disegno. Per fare questo vai File> Impostazione documento. Ho aggiunto 300px sul mio.
Ora estendi il tuo rettangolo beige in modo che copra la nuova lunghezza della tua tela. Quindi crea un nuovo rettangolo riempito con il nostro colore blu scuro. Dovrebbe essere un quarto delle dimensioni del soggetto principale.
È tempo di aggiungere la nostra parola ispiratrice. Useremo l'azzurro per il colore del carattere e vogliamo modificare le impostazioni del testo in modo che la parola riempia la maggior parte del rettangolo blu scuro. Per cambiare la spaziatura tra i caratteri, usa il Personaggio pannello. Questo è disponibile per noi quando usiamo il Strumento testo (T). Ho usato il carattere "Myriad Pro".
Quasi finito, dobbiamo pulire un po 'i nostri confini. Per prima cosa, seleziona ogni livello, ma il tuo livello beige. Quindi creare un Gruppo (Control + G). Poi Verticalmente e Allinea orizzontalmente li alla tavola da disegno.
Ora stiamo andando a pulire i bordi del nostro poster. Coprire i livelli che abbiamo raggruppato in un rettangolo di qualsiasi colore. Quindi utilizzare il esploratore pannello e selezionare Sottrai la forma dalla zona.
Strada da percorrere, abbiamo finito! Siamo riusciti a creare un effetto davvero fantastico senza aver bisogno di un sacco di abilità artistiche. Abbiamo anche imparato come utilizzare in modo efficiente lo strumento Penna e un modo piacevole per usare Photoshop e Illustrator in tandem. Questo è il mio primo tutorial, quindi sono sicuro che ci saranno delle domande. Sentiti libero di chiedere nei commenti, e cercherò di rispondere il più velocemente possibile. Grazie!
Accentsconagua