Share
Cosa starai creandoIn onore del giorno di San Patrizio, questo tutorial ti guiderà attraverso le fasi della creazione di un poster di viaggio in Irlanda in stile vintage. Useremo uno stile semplice e geometrico tipico dei poster di quella che è conosciuta come "l'età d'oro del viaggio", tra i primi anni e la metà del 1900, come quelli qui sotto:
Iniziando con Illustrator e passando poi a Photoshop, avremo il vantaggio degli strumenti di disegno di Illustrator facili da usare per illustrazioni nitide, ma anche di sfruttare i pennelli e i metodi di fusione di Photoshop per rifinire con inchiostro dall'aspetto autentico e trame di carta.
Per ulteriore ispirazione, consulta alcuni font vintage e pennelli texture per Photoshop su Envato Market.
Ci sono un paio di cose da considerare quando si progetta un poster di viaggio accattivante:
Quindi, per prima cosa, ti consigliamo di selezionare una foto di riferimento o di raccogliere qualche ispirazione per qualunque luogo tu abbia scelto di includere nel poster. Se desideri copiare la composizione che vedi qui, puoi trovare la foto al link sottostante. Per il mio poster in Irlanda, ho scelto un'immagine delle Cliffs of Moher, uno dei siti turistici più visitati del paese.
Successivamente, potresti voler scaricare le altre risorse che useremo in anticipo in modo da non dover interrompere i tuoi progressi con il tutorial in seguito.
Apri un documento A3, una dimensione di poster comune di circa 11 x 17 pollici. Sto usando RGB come modalità colore, quindi il progetto verrà visualizzato bene sullo schermo, ma se si finisce col voler stampare, non dimenticare di convertire prima in CMYK.
Apri un nuovo livello nel Livelli pannelloe chiamalo "Sfondo". Utilizzare il Strumento rettangolo disegnare un rettangolo che copre poco meno della metà della tavola da disegno.
Successivamente, applicheremo un gradiente alla forma dello sfondo. Sarà più facile regolare i gradienti se hai già i colori che desideri utilizzare campioni pannello. Sto usando tre sfumature di blu: # 4E789C e # A0BEDC per il primo gradiente, e # 63A0AA per il secondo.
Con la forma che hai appena disegnato, vai su Windows> Gradiente e selezionare Lineare sotto genere, ecambia l'angolo in 90.
I piccoli quadrati nella parte inferiore dello spettro dei colori sono chiamati cursori sfumatura. Fare doppio clic su quello a destra e selezionare la sfumatura grigio-blu scuro (# 4E789C) dai tuoi campioni. Fai doppio clic sul cursore sinistro e cambia il colore in bianco.
Ora aggiungi un terzo cursore vicino al centro passando con il mouse vicino al bordo inferiore dello spettro dei colori fino a quando il cursore diventa bianco con un piccolo segno più (+) accanto ad esso. Fai clic per aggiungere un dispositivo di scorrimento e modificarne il colore con il colore blu più chiaro (# A0BEDC).
Puoi regolare la posizione dei colori trascinando i cursori in basso. Puoi anche regolare il modo in cui i colori si fondono l'un l'altro (gradualmente o con divisioni nitide) trascinando i due cursori a forma di diamante in alto. Le impostazioni che ho usato sono illustrate sopra.
Ripeti i passaggi 2 e 3 per creare un'altra sfumatura per riempire la parte vuota inferiore della tavola da disegno. Questo è un gradiente bicolore, con il blu medio (# 63A0AA) menzionato in precedenza insieme al bianco, nelle impostazioni che vedi di seguito.
Successivamente, posizioneremo una collina sullo sfondo. Per prima cosa aggiungi due tonalità di verde ai tuoi campioni: una più scura (# 2A7B00) e uno più leggero (# 529.108).
Adesso usa il Strumento Penna disegnare una linea storta che degrada da sinistra a destra sul fondo del poster e rendere il colore più scuro. Disegna una forma più piccola e simile per sovrapporla e applica una sfumatura usando entrambi i verdi (luce a sinistra, scuro a destra), come puoi vedere di seguito:
Blocca il livello Sfondo e crea un nuovo livello, chiamandolo "Scogliere".
Ora è il momento di dare un'occhiata alla tua foto. Aiuta a posizionarlo sul lato della tua tavola da disegno per un facile riferimento. Usa la foto per avere un'idea di base della forma e della scala delle scogliere.
Utilizzare il Strumento Penna per sgrossare le forme di ogni scogliera. Non deve essere esatto, ma tu vuoi che il senso delle scogliere si riduca di dimensioni in lontananza. Puoi anche rintracciare la foto per ottenere il posizionamento generale, se lo desideri.
Assicurati di non renderli troppo grandi, in modo da avere spazio per il testo in alto. Come gruppo, il bordo delle scogliere dovrebbe fermarsi prima del bordo destro della tavola da disegno, e la parte superiore di quella più alta dovrebbe terminare circa due terzi della tavola da disegno dal fondo.
Se è necessario regolare le dimensioni, selezionare tutti i pezzi contemporaneamente per preservare le dimensioni e la posizione l'una rispetto all'altra.
Vogliamo che le scogliere siano di colore più chiaro man mano che diventano più piccole, in modo che sembrino sbiadire in lontananza. Un modo semplice per ottenere versioni più chiare o più scure (note anche come tinte e sfumature) di un colore di base per utilizzare lo strumento Guida colori di Illustrator.
Quindi per prima cosa rendere la scogliera più grande di un colore grigio-bruno scuro, # 474.549. Questo è il nostro colore di base. Ora apri il Guida ai colori (Finestra> Guida colori) e selezionare occhiali da sole dal menu a discesa.
Vedrai il nostro colore di base nel mezzo della prima riga con una piccola freccia puntata verso di esso. A destra di questo sono le versioni più chiare, o tinte, di quel colore. Applicare quelli alle restanti tre scogliere.
Ho anche aggiunto sfumature alle due scogliere centrali per un po 'di profondità in più, rendendo i bordi giusti di una tonalità più scura; puoi fare lo stesso, se vuoi.
Per aggiungere alcune chiazze erbose alle pareti rocciose, dai un'occhiata alla foto di riferimento per le idee di posizionamento, quindi usa il Strumento Penna per posizionare alcune forme semplici e spigolose.
I verdi sono gli stessi che abbiamo usato per il fianco della collina: il verde più scuro per il primo dirupo e il verde più chiaro per il secondo.
Il nostro ultimo passo per finire le scogliere è aggiungere un po 'di schiuma d'acqua in fondo, quindi seleziona il Strumento Penna ancora. Questa volta, invece di fare semplicemente clic sui punti di ancoraggio per linee rette e angoli, fai clic e tieni premuto mentre trascini il cursore per creare una linea curva e uniforme che scorre dentro e fuori lungo i bordi inferiori delle scarpate.
Rimuovere il contorno sulla forma se ne hai uno (cambiando il Ictus colore a Nessuna), quindi applicare una sfumatura. Dal Riempimento sfumato menu a discesa, selezionare Dissolvenza al bianco. Questo renderà un lato del gradiente bianco e l'altro chiaro, lasciando trasparire qualsiasi colore sottostante. Puoi vedere le altre impostazioni di seguito:
Nello stile dell'illustrazione che stiamo usando, disegnare le persone non è poi così complicato. È semplicemente una serie di forme geometriche e curve (come quelle che abbiamo già disegnato) impilate strategicamente insieme. Potresti voler lavorare su questa parte nello spazio vuoto accanto alla tua tavola da disegno in modo da avere un po 'di spazio per mettere insieme tutti i pezzi e quindi lo sfondo non ti ostacola.
Se vuoi semplicemente provarlo e creare la tua figura, sentiti libero (e poi salta alla sezione "Disponi la tipografia"). Ma se vuoi copiare questo, continua a leggere per la procedura passo-passo. Innanzitutto, blocca il livello "Scogliere" e creane uno nuovo chiamato "Turistico".
Il corpo principale è fondamentalmente solo due rettangoli affusolati (disegnati con il Strumento Penna): uno con bordi dritti e l'altro con lati curvi. La larghezza delle forme dovrebbe essere la stessa dove si incontrano. I colori sono i seguenti: # C1272D per il rosso; # 314463 per il blu.
Per le braccia, inizia disegnando una V poco profonda lateralmente con Strumento Penna-questo è l'angolo interno del braccio sinistro. Continuando da uno dei punti finali, usando ancora lo strumento Penna, tracciare una linea diritta che si estende e due linee curve per formare il bordo esterno del braccio; chiudi la forma con un'altra linea retta.
(Ecco un rapido suggerimento per Pen Tool: quando passi da una linea curva a una linea retta, ti consigliamo di fare clic sul punto di ancoraggio prima di continuare a convertirlo da un punto morbido a un punto d'angolo, quindi avrai una scala completamente diritta linea e angolo pulito).
Se necessario, ridimensiona la forma completata in modo che sia della stessa altezza del busto. Lo riutilizzeremo per il braccio destro, quindi copia e incolla la forma per duplicarla, quindi ruotala di 180 gradi selezionando Oggetto> Trasforma> Ruota e digitando 180. Con la forma ancora selezionata, fai clic sulla maniglia centrale in alto sulla sua cornice e trascinala un po 'in modo che il braccio non sia alto come il primo.
Avanti, mani e gambe. Per le mani, disegna sulla parte superiore delle braccia con il Strumento Penna quindi le proporzioni risultano corrette e non è necessario ridimensionarle. Simile alle braccia, abbiamo una combinazione di linee diritte e curve: linee rette per la parte superiore delle mani e delle dita, e una curva per la parte inferiore della mano dove il palmo è.
Per le gambe, disegna due rettangoli stretti e affusolati e aggiungi sopra alcune scarpe o stivali semplici. Seleziona entrambe le gambe e gli stivali e invia tutto alla schiena (Oggetto> Disponi> Porta in secondo piano) quindi sono dietro la gonna.
Infine, la sciarpa, i capelli e il cappello (li metteremo nell'ordine in cima al busto).
Per la sciarpa, tutto ciò che serve è un rettangolo con lati curvi e due forme a foglia, nello stesso colore verde più scuro che abbiamo usato prima. Disegna questi con il Strumento Penna senza preoccuparsi troppo di creare forme perfette; la maggior parte della sciarpa sarà coperta dai capelli.
Per i capelli, inizia con Strumento ellisse disegnare un ovale. Quindi tornare al Strumento Penna disegnare una sorta di triangolo ricurvo con una coda per le estremità dei capelli.
Dopo aver sistemato le due forme insieme, puoi unirle in una selezionando Finestra> Pathfinder> Unite; uniformare i punti bitorzoluti con il Strumento liscio (accedervi con un clic di attesa del Strumento di matita).
Il colore del marrone che sto usando sia per i capelli che per gli stivali è # 603813.
Metteremo il cappello in due fasi, coperte nei passaggi 6 e 7. Per alcuni supplementi visivi a questi passaggi, scorrere verso il basso fino all'immagine alla fine del passaggio 7.
Quando fai clic su un punto di ancoraggio con il Strumento di selezione diretta, appariranno alcune maniglie. Puoi fare clic e trascinare quelle maniglie per manipolare i contorni della tua forma.
Ora lavoreremo sulla corona del cappello.
Utilizzare il Strumento Penna per finire il cappello con una banda rossa. Il colore blu è lo stesso che abbiamo usato prima per la gonna.
Ora la tua figura turistica è completa! Regola le dimensioni di ciascun elemento secondo necessità per adattarlo alle parti precedenti dell'illustrazione. Quando sei soddisfatto del risultato, torna al normale Strumento di selezione, trascina un riquadro invisibile attorno all'intera illustrazione per selezionare tutte le parti e premi Comando / Control-G per raggrupparli insieme.
Posiziona la figura nell'angolo in basso a sinistra della composizione e misura per adattarla se necessario.
Se non lo hai già fatto, scarica e installa i font che useremo (Poller One e Marck Script) insieme alla grafica vettoriale a quattro foglie di trifoglio. Crea un nuovo livello chiamato "Testo".
Digitare "IRLANDA" usando il Poller One font a circa 130 pt. Cambia il colore in bianco.
Con la parola selezionata, vai a Effetto> Ordito> Alzati e impostare il piegare a 56%. Posizionalo più o meno al centro dell'area del cielo sopra le scogliere.
Utilizzare il Strumento ellisse per creare un piccolo cerchio bianco che copre il buco nella R. Lo sostituiremo con la grafica a quattro foglie di trifoglio per un piccolo festino in più per la festa di San Patrizio.
Posiziona il grafico (File> Luogo> localizza dove hai salvato il file), cambia il colore in verde (il verde che useremo da qui in avanti è la tonalità più scura) e riduci le dimensioni in modo che rientri nella curva della R.
Ora aggiungiamo un'ombra. Copia "IRLANDA" e Incolla sul retro, cambiando il colore in verde. Ora vai a Effetto> Distorci e trasforma> Trasforma. Sui cursori sotto Mossa, trascina entrambi a sinistra il più piccolo incremento possibile, che è -0,0139 in. Quindi digita 12 nella casella con l'etichetta copie (se vuoi un'ombra più grande, digita un numero più grande). Finirai con una bella ombra cast come questa:
In seguito, aggiungeremo il resto del nostro testo. Usando il Marck Script carattere, scrivi "Visita" a 110 pt e cambia il colore in bianco.
Posiziona la parola nello spazio vuoto sopra "IRLANDA" (quindi la V si allinea solo con il trifoglio) e ruotala con un'angolazione simile. Quindi vai a Oggetto> Trasforma> Cesoia e scrivi 20 nel Angolo di taglio scatola.
Il nostro ultimo pezzo di testo, "The Cliffs of Moher", è un mix dei due caratteri tipografici. Puoi vedere la disposizione qui sotto.
Tutte le lettere maiuscole (escluso C e M nello script) sono impostate Poller One, 35 pt. Le parti che seguono C e M vengono ruotate e quindi tranciate di 20 gradi, la stessa tecnica che abbiamo appena usato per "Visita".
La C e la M sono ambientate Marck Script a 132 pt. Anche la M è stata ruotata e quindi tagliata di 20 gradi per adattarsi meglio all'inclinazione del testo. La parola "di" è 54 pt, senza effetti aggiuntivi. Il colore è lo stesso blu che abbiamo usato per il primo gradiente, # 4E789C.
E questo avvolge il posizionamento della nostra tipografia. Ecco cosa abbiamo finora: la parte vettoriale completata della nostra illustrazione. Successivamente, passeremo a Photoshop. (Ma non chiudere ancora il documento di Illustrator, perché ne avremo bisogno ancora una volta qui tra poco.)
Ora è il momento di aggiungere un po 'di consistenza alla nostra illustrazione. Apri un nuovo documento Photoshop con le stesse specifiche del documento di Illustrator:
Scarica la texture della carta se non l'hai già fatto. Mettilo nel tuo documento e ridimensionalo per riempire tutta la tela.
Crea un nuovo livello in Photoshop. Ora vai su Illustrator e copia tutti i contenuti della tua tavola da disegno (ora abbiamo finito con Illustrator).
Incolla nel tuo nuovo livello Photoshop. Quando viene visualizzata una finestra di dialogo che chiede cosa si desidera incollare come, selezionare Oggetto intelligente. In questo modo, se noti qualcosa nella tua illustrazione vettoriale che desideri modificare, tutto ciò che devi fare è fare doppio clic sull'oggetto smart e verrà automaticamente aperto in Illustrator. Apporta le modifiche desiderate, salvale in Illustrator e le modifiche appaiono magicamente proprio in Photoshop. Piuttosto pulito!
Con il tuo oggetto intelligente selezionato, vai a Livello> Stile livello> Opzioni di fusione e selezionare Luce forte dal Modalità di fusione menu a discesa. Tutte le altre impostazioni possono rimanere uguali. Questo fa sembrare che la nostra illustrazione vettoriale sia stata effettivamente stampata su carta reale.
La carta marrone darà all'illustrazione un certo tono. Se desideri modificare questo tono, magari rendendolo più giallo o verdastro, prova a sperimentare con le opzioni che trovi sotto Immagine> Regolazioni> Variazioni.
Il nostro metodo per aggiungere texture all'effettiva illustrazione è semplice e include solo due strumenti: lo strumento Selezione rapida e lo Strumento pennello, utilizzando uno dei pennelli predefiniti di Photoshop.
Crea un nuovo livello. Scegli il Strumento di selezione rapida, assicurandosi di selezionare il Campiona tutti i livelli casella di controllo nella parte superiore dello schermo. Questo ci permetterà di selezionare aree specifiche in cui vogliamo che le nostre texture spazzolate rimangano all'interno.
Ora iniziamo con la collina erbosa. Utilizzare il Strumento di selezione rapida, facendo clic e trascinando il cursore sul pendio. Lo strumento dovrebbe rendere la tua selezione automaticamente conforme alla forma esatta della collina, indicata da una linea tratteggiata sinuosa:
Ora scegli il Strumento contagocce e fare clic all'interno dell'area verde più chiara della collina per selezionare quel colore. Scegli il Spugna di mare 2 pennello, o qualsiasi altro pennello strutturato che ti piace (è possibile trovare questo in the Spazzole pannello nel Pennelli finti categoria).
Rendi il diametro del pennello abbastanza grande, tra 400 e 500 pixel, e aggiungi alcuni punti salienti lungo la parte superiore della collina. Applicare il pennello con un clic alla volta piuttosto che con i tratti: la texture granulosa si presenterà meglio in questo modo. E non preoccuparti di "colorare fuori dalle righe": i modelli verranno applicati solo all'interno dei limiti dell'area selezionata con lo strumento di selezione rapida.
Ricorda, puoi sempre cancellare tutto ciò che non ti piace.
Ripeti lo stesso processo per le scogliere. Prova ad aggiungere texture in due tonalità: una più chiara rispetto al colore di base di una scogliera e una più scura. Puoi anche ridurre l'opacità del pennello per un effetto più sfumato o per sfumare i bordi delle trame.
Se vuoi rimuovere parte della tua selezione (ad esempio hai selezionato l'intero primo cliff ma vuoi sottrarre i patch erbosi), basta premere il tasto Sottrai dalla selezione pulsante (il terzo nella barra degli strumenti nella parte superiore dello schermo) prima di riprendere a utilizzare il Strumento di selezione rapida. Se vuoi una capacità di selezione più precisa, riduci le dimensioni del tuo pennello.
Per la schiuma di mare, iniziare con il bianco e concentrare la spazzolatura texture vicino ai bordi inferiori delle scogliere.
Quindi utilizzare il Strumento contagocce e scegli il blues dall'area dell'acqua della tua illustrazione, lavorando verso l'interno con il pennello verso le trame bianche che hai appena applicato per ammorbidire un po 'le rigide linee esterne di quella sfumatura bianca.
Ultimo ma non meno importante, aggiungi un po 'di ombreggiatura al tuo turista e ammira la tua creazione finita!
Congratulazioni per averlo fatto fino in fondo. Spero che tu abbia imparato alcuni suggerimenti e tecniche per associare gli strumenti e le abilità uniche presenti in Illustrator e Photoshop per completare un singolo progetto. Speriamo che tu abbia delle buone pratiche usando lo strumento Penna e i punti di ancoraggio in uno, e applicando la texture con i metodi di fusione e i pennelli nell'altro.
Come sempre, sentitevi liberi di condividere come è stato realizzato il vostro progetto o porre domande nella sezione commenti. Buona progettazione!
Accentsconagua