In questo tutorial creeremo elementi disegnati, useremo pennelli di design, li portiamo in Photoshop e li uniamo in una composizione di poster unica che si sente realizzata a mano, stilisticamente unificata e personalizzata. Le tecniche qui sono focalizzate sulla creazione di un'illustrazione artistica originale. Vediamo come è stato creato questo poster design.
Prima di iniziare, diamo un'occhiata all'immagine che creeremo. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.
Ho passato del tempo ultimamente a sviluppare uno stile e una tecnica per me stesso e vorrei condividerlo con te. Puoi vedere tutti i disegni sul mio portfolio Behance. Impareremo come creare il primo, usando alcune tecniche artistiche e Photoshop. Ma piuttosto che incoraggiarti a riprodurre il mio lavoro, ti esorto a perfezionare il tuo talento personale e sviluppare l'originalità all'interno del tuo progetto.
Il nome del gioco qui è la sperimentazione. E per essere in grado di creare qualcosa di questo stile, anche tu devi trovare un modo per arrivare con le tue risorse. Quindi, usa questo tutorial come riferimento per creare qualcosa che rappresenti te e il tuo stile. Inoltre, puoi leggere ulteriori informazioni sulla creazione dell'originalità nel lavoro di progettazione e illustrazione.
La prima cosa da fare è riconoscere le tendenze attuali che ammiri e che ti ispirano. Contrassegna tutto e inizia ad analizzarlo. Ho messo gli occhi su scarabocchiare, un modo divertente ed eccitante per disegnare. Raccomando doodlage come un posto fantastico e divertente per cercare l'ispirazione in questo campo. Per una recensione di Doodlage e un'intervista con gli editori del sito, vedi il post Inspiration - Doodlage. Una volta saputo ciò che volevo, ho cercato pennelli e tagliato ogni fonte di ispirazione esterna mentre iniziavo a sperimentare. Potresti dare un'occhiata al post che mostra ciò che anche altri membri di Psdtuts + stanno sperimentando. Mostra anche alcuni dei miei vecchi doodle.
Iniziamo a rivedere come creare questo poster "Disegna". Quindi la prima cosa che faremo è pianificare le dimensioni, i contenuti e i colori. Ho realizzato il mio per un poster formato A3, che è 420 mm per 297 mm, o 4961 px x 3508 px, impostato a 300 ppi. Il vantaggio di crearlo in una grande dimensione è la capacità di adattarlo in seguito a poster stampabili a grandezza naturale, illustrazioni di riviste, vestiti di design come magliette o contenuti di web design. Qualunque sia la dimensione scelta, tieni presente che darò istruzioni basate su una tela A3 a 300 ppi.
Il contenuto ruoterà attorno al tema del disegno, utilizzando varie tecniche: colorazione ad acqua, scarabocchiare e illustrazione con penna a inchiostro. Disegneremo i doodle con un normale pennarello e carta, e non preoccuparti se le tue abilità di disegno sono fuori allenamento, ti spiegherò il procedimento. L'aspetto della penna a inchiostro si ottiene principalmente attraverso il colore viola simile a inchiostro e gli schizzi di vernice.
Come combinazione di colori, ho iniziato scegliendo un colore di sfondo neutro: e4c99f. Il prossimo è il colore viola più scuro che può aggiungere profondità e contrasto al design: 2d3043. Il secondo colore principale è emerso dallo sfondo: e49549. Quindi, perché due tonalità di arancione e viola? Beh, generalmente hai bisogno di un colore scuro che funga da ancora cromatica. Ho scelto il viola semplicemente perché assomiglia all'inchiostro. Ci sono molti colori che puoi scegliere con il viola, come il verde lime o il giallo, ma volevo qualcosa che aggiungesse calore.
Bene, basta chiacchierare, sporcarci le mani! Crea la tua tela con una dimensione A3 impostata su 300 dpi. Riempi il colore di sfondo con questo colore: e4c99f. Ho creato un layout semplice con linee scure.
Il primo elemento che creeremo è un album da disegno. Sarà appena visibile e solo suggestivo. Per crearlo, avrai bisogno delle due copertine interne di questo omaggio di Bittbox. Utilizzare i numeri 3 e 10 nell'elenco dei download. Dopo aver inserito Photoshop, andare su Filtro> Estrai e dipingerlo di conseguenza per tagliarlo. Usa una dimensione del pennello abbastanza grande che conserverà i fili.
Dopo averlo estratto, premi Comando + T per trasformarlo e inclinarlo nella sua nuova posizione.
Fai doppio clic sul suo livello per aggiungere uno stile di livello. Aggiungi una sovrapposizione colore e seleziona una sfumatura di viola.
Duplica il livello (Comando + J) e spostalo leggermente per dare lo spessore della copertina. Cambia il suo colore con il colore di sfondo.
Ripeti la stessa procedura con la seconda foto, tranne cambiare il colore della copertura esterna con la nostra arancia.
È tempo di fare un paio di scarabocchi 101. Di seguito un'immagine di come ho creato gli alberi. Il mio consiglio personale è iniziare facendo piccoli passi. Crea forme semplicistiche e osserva quali caratteristiche ti piacciono o che non ti piacciono. Fin dall'inizio, ho deciso che i miei alberi dovevano essere troppo semplici sul fondo, complessi in cima, e che sarebbero semplicemente un'illustrazione, non una rappresentazione. È più una caricatura di un albero che uno schizzo reale.
Quindi vai avanti e prendi una penna e un pezzo di carta. Ho usato un pennarello Ultra Fine Point Sharpie, che funziona perfettamente con la carta standard Xerox. Non ho usato carta ruvida, perché volevo che i bordi delle linee fossero morbidi. Potresti provare a farlo anche tu. Una volta creati gli alberi, scansionali e inseriscili in un progetto Photoshop separato.
Nota: quando si disegna, tenere presente il fatto che gli elementi devono essere proporzionalmente bilanciati.
Metti il nuovo albero sul primo strato del tuo file e crea uno sfondo bianco con uno strato sottostante. Una volta ottenuto l'albero scansionato in un livello, duplicarlo (Comando + J) e impostare la modalità di fusione del livello per moltiplicare. Questo lo scurirà.
Vai a Seleziona> Gamma colori e nel menu a discesa seleziona Ombre. Questo selezionerà solo il nero dall'immagine.
Dopo aver effettuato la selezione, fai clic con il pulsante destro all'interno dell'area di disegno, mentre lo strumento selezione è attivo, quindi seleziona Crea percorso di lavoro. Immettere 1,5 pixel nel seguente menu. Un numero minore di pixel ti darà un risultato più duro e più sarà più fluido e più lineare. Prova a trovare un equilibrio, poiché troppi pixel renderanno l'arte troppo geometrica.
Vai a Livello> Nuovo livello di riempimento> Tinta unita e riempi la selezione con il nostro viola.
Ho spesso iniziato a tracciare qualcosa con lo strumento penna pensando che stavo creando una forma, anche se in realtà ero in modalità percorso. Nel caso ti capiti, c'è un modo per uscirne. Completa la traccia e vai su Livello> Nuovo livello di riempimento> Colore a tinta unita. Seleziona un colore e hai una forma vettoriale. Tuttavia, a volte quando si tenta di riempirlo, Photoshop riempirà l'esterno e non l'interno.
Per correggere ciò, dopo averlo tracciato in modalità percorso, fare clic con il pulsante destro del mouse sulla tela mentre lo strumento selezione è selezionato e passare a "Crea selezione". Noterai che la selezione è invertita. Quindi basta premere Command + Shift + I per invertire la selezione. Dopodiché, rigiralo in un percorso e riempilo.
Torniamo al nostro albero. Abbiamo bisogno di creare il suo background. Tutto quello che abbiamo ora è il contorno. Quindi prendi lo "strumento penna" e inizia a creare uno sfondo per questo. A causa dello stile, non sarei troppo attento a tracciarlo esattamente. Riempi con il colore di sfondo arancione pallido nel tuo progetto. Questo è tutto.
Ora che conosci la tecnica, puoi creare un altro albero (o più) e alcune nuvole. Gioca con il layout, ma cerca di non sovrapporre elementi che non sono stati disegnati insieme (toccandoli l'un l'altro nel vero doodle). E evita il disordine. Mantenere il design distanziato con abbastanza spazio bianco per dargli spazio per respirare.
Nota: mantenere la larghezza degli elementi simili. Ingrandisci o rimpicciolisci gli elementi proporzionalmente e tutti insieme, altrimenti otterrai diversi tipi di spessore della linea. Vuoi che tutti abbiano lo stesso spessore di linea.
A questo punto, aggiungeremo il testo. Scarica questo tipo di carattere: Rifiuta. Digita la lettera "D" nel tuo progetto. Assicurati che sia sul livello superiore (sopra tutto). Sotto questo livello, crea un nuovo livello e riempi l'intera tela con il bianco.
Posiziona le lettere appena digitate nel tuo progetto. Simula la profondità ingrandendo diverse lettere. Evitare l'accoppiamento simmetrico raggruppando le lettere nel formato 2-2 o 3-3. Metto il mio in 2-1-1, che dà una sensazione più dinamica. Leggeri punti di vista sono i benvenuti, ma non esagerare - ricorda il fatto che questa è una scena alquanto stazionaria, quindi le lettere devono sembrare fluttuanti. Per vedere un arrangiamento di lettere che simula il movimento rapido, vedere la quarta versione della mia serie "Draw" di Behance, intitolata "Color".
Vai alla lettera e al comando "D" + Fai clic sull'icona del livello per selezionarlo con lo strumento Selezione. Dopo averlo fatto, seleziona Seleziona> Modifica> Contratto. Questa è la parte difficile. Dobbiamo ottenere lo spessore del contorno in modo che corrisponda allo spessore dell'albero e delle linee di nuvola. Contratta la selezione pensando che il riquadro che stai vedendo sarà lo spessore effettivo del contorno. Ho contratto il mio di 10 pixel, perché era così che l'ho ottenuto per abbinarlo all'albero.
Fai clic con il pulsante destro del mouse nell'area di disegno, mentre lo strumento Selezione è selezionato, quindi tocca Crea percorso di lavoro e utilizza 1,5 pixel.
Finora, lo abbiamo vettorializzato nella stessa tecnica dell'albero con una regolazione minore sullo spessore. È ora di fare qualcosa di diverso. Utilizzare lo strumento Selezione diretta (A) per eliminare parti del percorso appena creato che assomigliano ai fori. Puoi scegliere di lasciarne un po ', se preferisci, come ho fatto io, ma elimina i piccoli fori.
Non appena ripulisci il percorso, vai a Livello> Nuovo livello di riempimento> Colore solido.
Afferra lo strumento Penna e traccia lo sfondo della lettera. Inoltre, cambia il colore del contorno per l'arancione chiaro e la forma di sfondo appena tracciata per il viola. Questo dà un effetto più unico, essendo invertito. Ancora una volta, essere intenzionalmente impreciso, ma non esagerare.
Ripeti lo stesso processo con ogni lettera, regolando costantemente quanto stai contraendo la selezione del riquadro per lo spessore corrente degli alberi e delle nuvole.
Ora è il momento di divertirti con i pennelli gratuiti di bittbox. Scarica questi set di pennelli: Acquerello, Acquarello II e Acquerello sgangherato. Inizia aggiungendo l'acquerello di sfondo. Usa il nostro colore viola e tieni traccia del tuo layout! (Ricorda il passaggio 1).
Aggiungi un po 'di porpora e inizia ad aggiungere l'arancio.
Continua ad aggiungere un po 'di arancia e anche qualche tratto di arancio più scuro: c6592e.
Ora aggiungiamo gli schizzi. Scarica questo pacchetto, di nuovo dalla meravigliosa raccolta gratuita di Bittbox: Splatters. Inizia creando l'illusione che l'inchiostro sulle lettere venga schizzato sulla tela. Per aggiungere profondità allo splatter, prima posiziona uno splatter normale su un livello. Duplicalo in modo che abbia un colore e un'opacità più forti (comunque molte volte necessarie). Quindi seleziona il primo livello che hai creato e ridimensionalo.
Inizia ad aggiungere lo splatter in modo creativo. Tienili schizzare verso l'esterno.
Più Splattering, ma questa volta usando il colore di sfondo (arancione pallido) e dall'esterno in.
Quasi lì! L'immagine ha ancora bisogno di un po 'più di profondità. Seleziona il viola che stai usando come colore di primo piano e vai a Seleziona> Gamma colori. Usa sfocatura a tua discrezione o segui la mia somma di 120, e premi Invio. Dovresti ottenere una selezione del viola nell'intera immagine.
Crea un nuovo livello e inizia a dipingere leggermente, con una tonalità di viola più scura: 1b1d30. Questo dovrebbe aggiungere il contrasto e la profondità necessari.
Aumenta lo zoom, cercando eventuali problemi. Tieni d'occhio gli schizzi che cadono al di fuori dell'area della tela e ammorbidisci gli accenti troppo forti. Ecco un primo piano dal mio. (Angolo della lettera "D").
Bene, abbiamo finito! Si spera che questo tutorial ti sia piaciuto e lo abbia trovato stimolante e utile. Vi auguro una buona giornata! È possibile visualizzare l'immagine finale qui sotto o visualizzare una versione più grande qui.