Share
Se usati insieme, Photoshop e Illustrator sono una combinazione potente. Possono essere combinati per creare praticamente qualsiasi tipo di illustrazione. Oggi dimostreremo come disegnare un disegno, perfezionarlo in Illustrator e poi portarlo in Photoshop per creare un'illustrazione tipografica lucida davvero brillante.
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Il primo passo è ovviamente, per creare il tuo tipo. Per fare ciò puoi usare il file type-sketch.jpg (fornito nei file di download) o, se preferisci, lavorare dal tuo schizzo. Prendi un po 'di carta e disegna approssimativamente un tipo, ad esempio la parola vizioso. Non hai bisogno di troppa precisione in questa fase (come puoi vedere dal mio schizzo), concentrati soprattutto sulla creazione di lettere belle, lisce, arrotondate e gocciolanti. Al termine, apri Illustrator e crea un nuovo documento orizzontale in formato A3. Seleziona File> Inserisci e apri il file type-sketch.tiff o il tuo schizzo. Nella tavolozza Livello, fare doppio clic sul livello, denominarlo Guida e bloccare questo livello. Come puoi vedere, non ci sono labbra nel mio schizzo, non ti preoccupare, le aggiungerai più tardi.
Ora crea un altro livello sopra il livello guida e chiamalo tipo. Selezionare lo strumento Penna (P) e con una pennellata 1pt e un colore brillante inizia a tracciare il contorno delle lettere. Non sentirti limitato dallo schizzo. Sentiti libero di apportare modifiche al volo per migliorare il contorno delle lettere. Non usare troppi punti di ancoraggio, meno sono, meglio è. Ricordati di attivare e disattivare il livello Guide per vedere come stai.
Continua a tracciare i contorni. Se ne hai uno, ti consiglio davvero di usare una tavoletta grafica per questo. Quando non ti piace un particolare punto, prendi lo Strumento selezione diretta (A) e muovi delicatamente le maniglie di quel punto finché non sei soddisfatto. Sentiti libero di aggiungere qualsiasi altro dettaglio che desideri sul tuo tipo. Sperimenta ed esagera le tue curve o aggiungi altre gocce se lo ritieni necessario.
Una volta terminato con lo schema, fai doppio clic sul Selettore colore e utilizza i valori seguenti per creare il riempimento del tipo, quindi premi Cmd / Ctrl + A per selezionare tutto e vai a Oggetto> Espandi, lascia il riempimento e il tratto contrassegnati e fai clic su OK. Dovresti finire con qualcosa di simile.
Ora è il momento di aggiungere un po 'di profondità al nostro tipo e creare alcuni punti salienti di base che migliorerai in seguito in Photoshop. Seleziona il tipo facendo clic con lo strumento Selezione (V) e premi Cmd / Ctrl + G per raggruppare l'oggetto e fai doppio clic per entrare nel gruppo. Ora prendi di nuovo lo strumento Penna (P), seleziona uno con un tratto di 8 pt senza riempimento dall'angolo in alto a sinistra e inizia a disegnare l'evidenziazione approssimativamente nel mezzo della V come nell'immagine qui sotto. Aprire il pannello dei tratti da destra e fare clic sull'opzione Capotasto per arrotondare l'estremità del tratto.
Ora espandi il tratto appena creato come spiegato nel passaggio 4, in questo modo puoi modificare tutti i punti di ancoraggio e modificare facilmente la forma appena creata. Con lo Strumento selezione diretta (A) seleziona il punto che desideri modificare e inizia attentamente ad ingrandire alcune parti della forma in prossimità del fatto che ritieni che le alte luci siano più visibili e più spesse. Questa fase è più una questione di sperimentazione. Hai bisogno di immaginare, in qualche modo, come il punto culminante sarà migliore e metterlo in quel modo.
Con la forma selezionata, vai su Effetto> Sfocatura> Sfocatura gaussiana e impostala su circa 30 o 40 pixel e riduci l'opacità al 58%. È sempre possibile modificare questi valori dal pannello Aspetto. Ora è importante che questi effetti rimangano scalabili, quindi vai in Illustrator> Preferenze> Generale e spunta la casella Scala tratti ed effetto. In questo modo sei sicuro che l'effetto sarà sempre proporzionale all'oggetto.
Ora, è meglio mascherare il gruppo in modo che tutte le alte luci e le sfumature che creerai non possano andare oltre i confini del tipo. Seleziona il tipo e premi Cmd / Ctrl + C> Cmd / Ctrl + F per incollare in primo piano, quindi con la copia selezionata, vai su Oggetto> Disponi> Porta in primo piano. Ora seleziona sia la copia che la prima forma del tipo e seleziona Oggetto> Maschera di ritaglio> Crea. In questo modo è possibile creare ombreggiature più scure sui bordi del tipo. Per fare ciò, ancora Cmd / Ctrl + C> Cmd / Ctrl + F ma lascia solo un 4 - 7pt di tratto e nessun riempimento da questa forma e assegnagli questo colore C: 10 M: 100 Y: 50 K: 0. Una volta fatto, applica ad esso un Gaussian Blur con un raggio di 9px come hai fatto nel passaggio precedente.
Ora, con la stessa tecnica utilizzata nei passaggi 6 e 7, è necessario creare tutti gli altri punti salienti. Sperimenta con il Gaussian Blur e ricorda di variare i pesi delle linee. Non ci sono regole qui, basta posizionare questi punti salienti in un modo carino. Continua a sperimentare e divertiti! Non sentirti limitato dalla mia immagine, sentiti libero di posizionare più o meno luci e in posizioni diverse, se pensi che potrebbe sembrare migliore. Una volta fatto dovresti avere qualcosa di simile.
Con il tipo finito per ora, il passo successivo è creare le bocche, come hai fatto per il tipo, puoi usare gli schizzi forniti nel download o disegnare uno schizzo rapido da solo. In ogni caso, ora devi tracciare queste bocche in Illustrator usando lo schizzo come guida come hai fatto per il tipo. Quindi, crea un altro livello nella parte inferiore della pila di livelli, e chiamalo Bocca1guide, ad esempio. Con questo livello selezionato, premi File> Inserisci e apri mouth1sketch.jpg o il tuo schizzo, quindi blocca questo livello. Crea un altro livello sopra questo e chiamalo bocca1.
Con lo strato di bocca1 selezionato, attivate la visibilità del livello di testo e tracciate tutti i bordi dello schizzo della bocca con lo strumento Penna (P) come avete fatto per il tipo. Chiudere il percorso, rimuovere il tratto e riempirlo con un rosso intenso per esempio C: 15 M: 100 Y: 90 K: 10. Ricorda che il tuo schizzo è solo una guida, non esitare a migliorarlo dove pensi sia necessario. Una volta terminato, attiva anche la visibilità di quest'ultima forma, inizia a disegnare la parte interna dei bordi delle labbra fino a chiudere anche questo percorso, elimina il tratto e dargli un magenta al 70%.
Ora devi creare un tracciato composto e sottrarre la forma magenta da quella rossa per creare le labbra. Quindi trascina la forma magenta sotto il rosso, trascinala nella miniatura Crea nuovo livello nella parte inferiore della tavolozza dei livelli, quindi seleziona entrambe le forme (non l'ultima copia) vai a destra nella tavolozza dell'opuscolo e fai clic sul pulsante Meno indietro (l'ultimo in basso a destra). In questo modo crei fondamentalmente un "buco" nel centro della bocca. È importante perché in seguito creerai un livello di forma per le labbra come hai fatto nel passaggio 8 per il tipo.
È tempo di disegnare i denti. Una volta terminato, è sufficiente posizionarli appena dietro la forma delle labbra (quella rossa) e prima delle gengive (forma magenta) usando un riempimento bianco senza tratti. Una volta terminato, applica una sfumatura alla forma delle gengive. Per farlo, con il livello di gengive selezionato, apri la scheda sfumatura a destra e utilizza i valori sotto facendo doppio clic sui campioni lungo il cursore sfumatura. Per creare un nuovo valore, fai clic appena sotto il cursore. Per copiare uno esistente, basta fare clic su Alt e trascinarlo.
È ora di aggiungere un po 'di profondità alla bocca. Ora che sei abituato all'effetto sfocatura gaussiana useremo molta di questa tecnica. Quasi tutte le ombreggiature saranno fatte con esso, fino a quando lavoreremo in Photoshop. Quindi inizia a selezionare la forma delle labbra rosse creata in precedenza, premi Cmd / Ctrl + G per raggrupparla, quindi fai doppio clic per entrare nel gruppo. Cmd / Ctrl + C> Cmd / Ctrl + F per copiarlo e incollarlo al suo posto. Elimina il riempimento da questa copia e (dal pannello Aspetto) applica un tratto di 10 px dello stesso colore con un 22 x di sfocatura gaussiana e l'opacità al 100% di moltiplicazione. Raddoppia, ma riduci di 2 px e riduci l'opacità al 75%. Hai l'ombreggiatura intorno ai bordi, ma devi creare una maschera come hai fatto nel passaggio 8, se non l'ombreggiatura che applichi supererà i bordi della bocca.
Andiamo a creare la maschera. Seleziona la forma delle labbra rosse Cmd / Ctrl + C> Cmd / Ctrl + F, quindi porta la copia in primo piano, seleziona entrambe le forme e premi Oggetto> Maschera di ritaglio> Crea, quindi lascia l'ombreggiatura tra queste due forme. Una volta fatto, puoi iniziare a creare dei punti salienti perché, come sai, ogni sfumatura che applicheremo rimarrà all'interno dei bordi della bocca. Creiamo un paio di loro. Crea un tratto bianco di 9px sul labbro inferiore (come di seguito), quindi applica un Gaussian Blur a 21px, riduci l'opacità al 94% e imposta la modalità di fusione su Overlay. Ricorda che la chiave è sperimentare Opacity e Blending Mode per ottenere ombreggiature piacevoli. Ora crea una sfumatura leggermente più scura vicino ai denti con un altro tratto di 10px C: 33 M: 100 Y: 100 K: 54 colori 20px Gaussian Blur e Opacity 69% Multiply.
Continua in questo modo per tutte le sfumature che desideri creare per la bocca, ricorda che come hai fatto nel passaggio 6, puoi trasformare i tratti in riempimenti creando tratti di contorno, quando hai bisogno di un maggiore controllo sulle loro forme. Come ho detto per il tipo di parte dell'ombreggiatura, dipende da te la quantità e la forza dell'ombreggiatura, ma non farlo, perché li "esagererai" in seguito su Photoshop. Una volta terminato, dovresti avere qualcosa di simile qui sotto. Per maggiore luminosità, ho duplicato le labbra (solo le labbra) sopra di esso con un Gaussian Blur di 9px 100% di opacità e schermo di modalità di fusione. Ma dipende da te.
È ora di creare l'altra bocca, se preferisci puoi lavorare in un file separato o utilizzare lo stesso, non è importante dal momento che esporteremo gli elementi uno dopo l'altro in Photoshop per organizzare la composizione nel modo giusto. Quindi crea un nuovo livello, vai su File> Inserisci e apri mouth2sketch.jpg. Chiama questo layer mouth2guide per esempio e bloccalo. Crea un altro livello sopra e inizia a tracciare lo schizzo, ripetendo le tecniche apprese così lontano dal punto 11 al punto 16. Ricorda di disegnare tre percorsi diversi, uno per le labbra, uno per la parte interna della bocca e uno per i denti . E soprattutto ricorda di mascherare la forma in cui vuoi mettere l'ombreggiatura. Qui sotto puoi vedere come è strutturato il mio Layer Stack su questa parte del tutorial.
Ok, ora è il momento di Photoshop! Ora iniziamo la parte davvero divertente perché daremo veramente vita alle opere d'arte che abbiamo disegnato fino ad ora con un sacco di luci, sfumature e textures fino a che non ci sarà lasciata un'immagine davvero ricca, profonda e lucida. Dovresti avere qualcosa di simile qui sotto finora. L'ultima cosa da aggiungere in Illustrator è la forma liquida sottostante. Come puoi vedere è un percorso chiuso davvero facile e intuitivo con alcune curve. Tracciare liberamente questa forma, dargli lo stesso colore del tipo e hai fatto con Illustrator!
In Photoshop, crea un nuovo documento orizzontale A3, crea un nuovo livello e applica una sovrapposizione gradiente facendo doppio clic sul livello. Quindi, applica i valori seguenti.
Il prossimo passo è iniziare a lavorare sodo sul tipo. Quindi seleziona tutto il tipo in Illustrator e copialo in Photoshop come oggetto intelligente. Scala e posizionalo come mostrato. Chiama questo tipo di base del livello. Crea un nuovo livello sopra questo e premi Cmd / Ctrl + G per creare un gruppo. Chiama questo gruppo di ombre1, afferra un pennello morbido tra 200 e 250 px, l'opacità intorno al 20% attiva l'aerografo e imposta il colore di primo piano sul nero. Ora, senza lasciare il nuovo livello, creare una selezione premendo Cmd / Ctrl + Fare clic sulla miniatura Oggetto intelligente nel livello testo e con la selezione attiva, iniziare a dipingere delicatamente sui bordi del tipo. Continua in questo modo, ma non utilizzare lo stesso livello per tutte le sfumature e gli esperimenti variando leggermente l'opacità.
Usando la stessa tecnica, crea una serie di luci. Inizia creando un nuovo livello appena sopra la cartella delle ombre, quindi Cmd / Ctrl + G per creare un gruppo. Imposta il colore di primo piano su bianco e con lo stesso pennello morbido utilizzato per l'ombra, inizia a dipingere le luci con circa il 40-50% di opacità. Usa le luci di Illustrator come guida. Se stai usando una tavoletta, cerca di abituarti a creare tratti sottili o spessi applicando un graduale aumento di pressione. A volte puoi raddoppiare un livello per rinforzare un'evidenziazione, quindi selezionare entrambi i livelli e premere Cmd / Ctrl + E per unirli. Ho applicato alcuni tratti con un metodo di fusione impostato su Luce soffusa, ma sentitevi liberi di sperimentare. Al termine, crea un'altra cartella chiamata stelle, impostala su Colore scherma e posiziona il gruppo di luci al suo interno.
Ora crea una selezione dal livello di testo come hai fatto nel passaggio 20, quindi scegli come target la cartella Stelle con la selezione ancora attiva, quindi fai clic sul pulsante Aggiungi maschera vettoriale nella parte inferiore della tavolozza dei livelli. In questo modo la trama che inserirai in questo gruppo non esalterà il tipo. Ora apri l'immagine delle stelle fornita nella cartella di download, premi Cmd / Ctrl + L per aprire i Livelli e inserisci i valori sotto. Quindi Immagine> Regolazione> Colore selettivo e inserire nuovamente i valori nello screenshot.
Quello che ti serve da quell'immagine è solo la parte con le stelle, non la parte con le nebulose, è per questo che abbiamo usato la maschera in modo da poter spostare, ridimensionare, ruotare e fare quello che vuoi con questo, ma la parte della foto che va oltre i bordi del tipo non sarà visibile. Quindi, con il livello selezionato nella cartella stars trascinare con lo strumento Selezione (V) l'immagine al suo interno e grazie alla modalità di fusione Color Dodge applicata prima di vedere una sorta di glitter. Disporre l'immagine in un modo carino, quando è soddisfatto, selezionare il livello di testo facendo doppio clic su di esso per aprire la finestra Stile livello e impostare tutto come nell'immagine.
Crea un'altra cartella appena sopra il livello di stelle, chiamala Luci 2 qui inizierai a creare alcune luci lucide e brillanti create dai livelli di forma realizzati principalmente con lo strumento Penna e lo strumento Ellisse (U). Alternare questi due strumenti per tracciare forme arrotondate e lisce dove si desidera che il tuo tipo risplenda. Ricordarsi di utilizzare diversi livelli e utilizzare diversi gradi di opacità. Ad esempio sul V usare la Penna (P) per creare la forma lunga sulla sinistra, quindi ridurre l'opacità al 64% e infine applicare una sfocatura gaussiana (Filtro> Sfocatura> Sfocatura gaussiana) con un valore compreso tra 18 e 20 px. Crea anche piccoli cerchi, alternando varie opacità e sfocature su di essi. Sperimenta e divertiti! È sempre il modo migliore per creare buoni pezzi. Fai riferimento, se vuoi, alla mia immagine qui sotto.
Se si desidera assegnare un'organizzazione ai livelli, è possibile raggruppare tutte le ombreggiature per il tipo. Ora che conosci questa tecnica di ombreggiatura, è tempo di mettere le mani sulla prima bocca. Come ho detto le tecniche sono le stesse e anche la sequenza. Quindi devi solo tornare al file Illustrator, selezionare mouth1 e incollarlo come oggetto intelligente in un nuovo livello sopra il nuovo tipo di gruppo di ombreggiatura, ridimensionarlo e disporlo correttamente, e ripetere tutte le ombreggiature e texturing (usa la stessa foto ) per il tipo. Una volta fatto dovresti avere qualcosa di simile.
Ricorda la forma del liquido inferiore fatta nel passaggio 18? Bene, è ora di importarlo in Photoshop come oggetto intelligente in uno strato al di sotto di tutti gli altri. Adattarlo in scala per adattarlo alla composizione e applicare una sovrapposizione sfumatura da nero a rosso scuro utilizzando le impostazioni seguenti. Per creare un senso di movimento, tracciare una sorta di percorso ondulato con lo strumento Penna (P), quindi creare una selezione da esso e in un nuovo livello con un pennello bianco morbido (B) e bassa opacità, disegnare delicatamente dall'esterno di la selezione. Quindi disegna altre luci e ombre con le tecniche apprese finora. Per creare la piccola bolla, con lo strumento Ellisse (U) impostato su Livello forma, disegna semplicemente forme bianche o rosse e usa l'impostazione Stile livello sottostante.
Ora posiziona l'altra bocca sotto quest'ultimo livello importandola nuovamente come oggetto avanzato. Disporlo nella composizione ridimensionandolo correttamente se necessario, quindi applica una leggera sfumatura di gradiente usando l'impostazione sottostante. Aggiungo rapidamente la profondità alla bocca scegliendo tra le tecniche apprese con cui sei più a tuo agio, ho fatto i punti salienti sul labbro superiore con una selezione e usando un pennello morbido bianco. Nel frattempo puoi creare, sul livello più in alto, una mappa gradiente che passa a Livello> Nuovo livello di regolazione> Mappa sfumatura e utilizza i valori riportati di seguito. Imposta la modalità di fusione di questo livello su Sovrapponi e lasciala su tutti gli altri.
Come possiamo vedere l'immagine sta davvero iniziando ad avere "forza", ha solo bisogno di un po 'più di dettaglio. Ad esempio un'altra serie di luci lucenti qua e là. Quindi crea un altro gruppo appena sotto la mappa del gradiente e ripeti i contorni della tecnica nel passaggio 24, ma questa volta crea delle luci davvero vicino ai bordi del tipo. Per fare ciò è possibile creare una selezione dal tipo, che contraggono la selezione di 10px. Seleziona> Modifica> Contratto quando compaiono 10px di scrittura e vedrai la selezione contratta. Quindi con il solito pennello morbido, dipingi al di fuori della selezione come hai fatto al punto 26. Aggiungi qualsiasi altro dettaglio che vorresti avere.
Per ultimo aggiungeremo altre forme gocciolanti. In un nuovo livello disegna le gocce sopra la V e quella sopra la O. Quindi con lo Strumento Penna (P) traccia un percorso che inizia dall'esterno della tavola Arte e termina sulla V. Cerca di dare l'impressione che il liquido segua la forma della lettera. Una volta terminato, dai il colore C: 17 M: 100 Y: 96 K: 8 facendo doppio clic sulla miniatura del livello e assegnandogli una sovrapposizione sfumatura facendo doppio clic sul livello e inserendo l'impostazione sotto nel menu Stile livello quando pop su. Quindi genera una selezione da essa facendo clic con il tasto Alt sulla miniatura della Maschera vettoriale e in un nuovo livello con la selezione ancora attiva, inizia a dipingere con un Pennello morbido nero a bassa opacità come per le altre ombre. Crea in questo modo anche un po 'di luce, questa volta usando il pennello bianco in un nuovo livello. Ripeti questo passaggio anche per la flebo sopra l'O..
Usando la stessa tecnica puoi facilmente risolvere la "caduta" dietro l'Io. Puoi mettere qualche altra sfumatura qui e lì pensavi fosse necessario, ma non farlo. L'ultima cosa è creare quei piccoli fori in prossimità delle gocce cadute sotto il tipo. Puoi crearne uno, quindi copiarlo e ridimensionarlo in varie dimensioni. Le tecniche per farlo sono le stesse che hai fatto altre volte, prima crea un piccolo cerchio rosso (lo stesso rosso delle gocce) con lo Strumento Ellisse (U), aggiungi un gradiente (usa l'impostazione sotto), quindi crea una selezione da e in nuovi strati crea ombre e luci come hai fatto molte volte. Più su un lato con lo strumento Penna (P) puoi disegnare una piccola figura gocciolante come quella nell'immagine qui sotto.
Complimenti! Hai quasi finito! Adesso appiattisci la tua immagine (ma mantieni una versione a strati!) E applica alcune regolazioni (Luminosità / Contrasto, Livelli, Saturazione ecc ...) gioca un po 'con queste impostazioni finché non sei soddisfatto. Una cosa importante è usare un po 'di filtro maschera di contrasto> Precisione> Maschera di contrasto sull'immagine appiattita. Per fare questo vai su Immagine> Modalità e scegli Lab, quindi nella palette dei canali seleziona la luminosità e qui applica la maschera di contrasto (non troppo, lascia l'anteprima spuntata per vedere). Quindi riconvertire nuovamente la modalità colore in RGB. Ora hai davvero finito!
Accentsconagua