Come creare lettere organiche usando tecniche di manipolazione fotografica

Dopo aver sperimentato con illustrazioni tipografiche, e trovandomi ancora in vena di qualcosa di simile, ho pensato che fosse un buon momento per creare un'illustrazione basata sul lettering. Con la tipografia, ci si basa su un carattere tipografico che determina lo stile dell'illustrazione che si desidera creare. La differenza con le scritte è che lo fai da solo. Può essere fatto con una pen tablet, quindi se ne hai una in giro, collegala per questo tutorial.

Scrivere era qualcosa a cui ero decisamente interessato, ma volevo anche qualcosa di nuovo e diverso. Così ho deciso di fare un illustrazione di lettering fotorealistico in questo tutorial, piuttosto che qualcosa di puramente vettoriale, o qualcosa creato attraverso metodi non digitali.


introduzione

Prima di iniziare a creare la scena vera, ho pensato di spiegare l'intero processo su un documento separato e nella prima parte del tutorial. Quindi, nella Parte I, ti insegnerò la tecnica che applicheremo in seguito nella Parte II come parte dell'illustrazione finale.

La forma del ramo Ho scelto questa prima parte per coprire tutti o almeno la maggior parte delle forme che incontrerai nell'illustrazione: una curva semplice, un loop e un S curva.

Per essere in grado di ottenere la stessa forma, avrai bisogno di una pen tablet di qualche tipo. Poiché tutto ciò che serve è la funzione di sensibilità alla pressione della penna, non è necessario alcun tablet di fantasia. Se non ne possiedi uno, ti suggerisco di disegnarlo con il mouse, quindi di arrotondarlo tracciandolo con lo strumento Penna e creando una forma vettoriale. Qualunque cosa tu faccia, non dovrebbe essere troppo liscia, e non preoccuparti di tenerla in formato vettoriale. In seguito cancelleremo parti dei bordi in modo che corrispondano alla trama, quindi dovrà essere comunque rasterizzato.


Parte I

Lavoriamo attraverso la tecnica generale prima nella Parte I. Quindi applicheremo questa tecnica alla nostra illustrazione finale nella Parte II di questo tutorial.


Passo 1

Disegna il ramo con il nero e scegli questo colore di sfondo: # 83cdd0.



Passo 2

Ora avrai bisogno di questa texture di legno da iStockphoto. L'ho scelto perché ha una vasta gamma di fibre e alcune crepe. Se invece desideri ottenere una texture gratuita, c'è molto da scegliere su stock.xchng, per cominciare. A prescindere dalla tua scelta, assicurati che abbia una risoluzione elevata perché allungheremo i suoi pixel molto.

Inizia creando un nuovo documento Photoshop in formato A5 (21 x 14,8 cm) a 300 ppi. Posiziona la foto sul livello del ramo e crea una maschera di ritaglio. Duplicalo e rendi l'originale invisibile. Ogni duplicato che crei dovrebbe essere di questo originale, e non di versioni ruotate o distorte create in seguito. Posiziona la versione copiata sul lato sinistro.

Scegliere la dimensione e l'angolo della texture non è facile. All'inizio, decidi la lunghezza. Maggiore è l'angolo del ramo, la porzione più lunga della trama che è possibile utilizzare. Quando inizi a strutturare il ciclo, noterai che non puoi usare gran parte della trama come prima. Quando decidi la dimensione della texture, la allinea al centro della porzione su cui stai lavorando. In questo modo, inclini le estremità e riesci ad inclinare di meno la foto. In questo modo, anche l'allineamento alla trama successiva sarà più facile.

È difficile da spiegare, quindi ci sono molti screenshot che puoi usare come riferimento. Posiziona il primo sul lato sinistro.



Passaggio 3

Fai una selezione della porzione su cui stai lavorando. Quando fai una selezione, copri un'area più ampia di quella che vedi perché avrai bisogno di più foto di quante puoi vedere attraverso la maschera.



Passaggio 4

Dopo aver effettuato una selezione, trasformala gratuitamente (comando + T), fai clic con il pulsante destro del mouse sulla tela e premi Warp.



Passaggio 5

Ora arriva la parte cruciale, ma difficile: deformare. La semplice interfaccia di Warp Tool può diventare molto confusa quando si distorce pesantemente la foto. È possibile trascinare i punti finali e le intersezioni dei percorsi. Sotto, ho trascinato le maniglie del punto finale in alto a sinistra. Ho deformato la foto abbastanza da far sembrare le fibre di legno come se si girassero a spirale. Trovo più interessante del semplice allineamento delle fibre con i bordi del ramo.



Passaggio 6

Ora ho trascinato il punto finale in alto a destra più a destra e trascinato la maniglia sinistra molto in basso. Ho posizionato la maniglia destra vicino all'angolo superiore dell'area di disegno. Una volta apportate le modifiche anche al punto finale in basso a destra, la trama dovrebbe ruotare e piegarsi insieme al loop.



Passaggio 7

Quando senti che la posizione è corretta, premi Invio. Di seguito è il mio finora.



Passaggio 8

Crea un duplicato della texture originale e posizionalo sopra l'inclinato. Ruotalo (non ridimensionare le trame in basso o in alto) e posizionalo per la porzione successiva del ramo - la prima parte del loop. Fai una selezione di quanto vuoi usare. Selezionare più che abbastanza è meglio che non abbastanza.



Passaggio 9

In primo luogo, deformare l'angolo in basso a sinistra in modo che le fibre della trama si allineino alla trama precedente.



Passaggio 10

Ora inclinare la parte superiore e coprire il più possibile il loop, senza creare alcun danno visivo alla trama.



Passaggio 11

Ecco come dovrebbe apparire così lontano.



Passaggio 12

Le molte sfumature di marrone sulla trama rendono più difficile unire le estremità, quindi faremo a universale intervallo di colori per le trame creando un livello di regolazione mappa gradiente. Aggiungi uno come maschera di ritaglio al livello del ramo (dipinto con il nero) e mantieni tutti i livelli della trama al di sotto di esso. Vai a Livello> Nuovo livello di regolazione> Mappa sfumatura. Ecco i colori, da sinistra a destra: # 000000, # 95722d, # d0ae7e e # fdf1df.



Passaggio 13

Ora ingrandisci la parte che vuoi fondere insieme. Ecco le estremità delle prime due trame.



Passaggio 14

Usa lo strumento scherma e brucia (O) per pareggiare il contrasto tra i due. Quindi utilizzare lo strumento Gomma e cancellare lungo le fibre per unirle. Alla fine, gli angoli cambiano, quindi non cancellare troppo.



Passaggio 15

Ora ripeti il ​​processo per coprire la parte superiore del ciclo. Non dimenticare di allineare il fondo alla trama precedente.



Passaggio 16

Termina il lato sinistro del ciclo con un quarto duplicato della trama del legno.



Passaggio 17

Finiscilo con una texture finale. Questo è tutto per la parte deformante.



Passaggio 18

Ora applicheremo le modifiche all'intera scena, per renderla più realistica. Per prima cosa, faremo il giro del ramo di legno. Fare doppio clic sul livello di diramazione e aggiungere gli stili di livello mostrati di seguito. Ecco i colori: Inner Shadow impostato su # f1e6b9 e Inner Glow impostato su #ffffbf.


Dopo aver sistemato gli effetti, dovrai aggiungere anche alcune ombre, come nel centro del ciclo in cui una parte del ramo copre l'altra. Crea un nuovo livello vuoto sopra le trame, ma sotto la Mappa sfumatura, e dipingi un punto grande in cui desideri che l'ombra sia con questo grigio: # b1b1b1. Imposta la modalità di fusione su Moltiplica e cancella la parte in cui l'altro ramo attraversa.



Passaggio 19

Dopo aver posizionato le trame, potrebbe essere necessario regolare i bordi del ramo in modo che corrisponda alle fibre. Si noti che la parte inferiore sinistra del ramo è intenzionalmente ruvida, in modo che la trama sia più realistica.



Passaggio 20

Crea alcuni strati dietro il livello "ramo" e disegna un paio di bagliori luminosi e morbidi con lo strumento pennello (B).

Come tocco finale, aumenteremo il contrasto dell'immagine con un Mixer canali. Creane uno nuovo sopra tutti i livelli della scena andando su Livello> Nuovo livello di regolazione> Mixer canali. Usa le impostazioni mostrate di seguito e imposta la modalità di fusione del livello su Moltiplica.


Bene, questa è la tecnica generale che useremo per ottenere la scena finale e il lettering.



Seconda parte

Ora che abbiamo esaminato la tecnica generale utilizzata in questo tutorial, costruiamo la nostra illustrazione finale.


Passo 1

Per prima cosa, prepariamo la scena in cui lavoreremo. Crea un nuovo documento A4 (21 cm per 29,7 cm) a 300 ppi. Afferra lo strumento Sfumatura e crea un gradiente lineare pesante sul fondo con questi colori: # 83cdd0 e # 418184.



Passo 2

Crea un nuovo livello vuoto e trascina un gradiente da bianco a trasparente su due terzi dello schermo dall'alto al basso. Imposta l'opacità del livello al 40%.



Passaggio 3

Con una tavoletta grafica, inizia a disegnare una parte della prima lettera, che è una "L" maiuscola in maiuscolo.



Passaggio 4

Termina la lettera e continua la fine con un lungo ramo.



Passaggio 5

Disegna la forma base dell'intera parola.



Passaggio 6

Aggiungi più dettagli e ingrandisci i bordi dei contorni. Utilizzare un pennello di dimensioni molto più piccole per ammorbidire e ispessire i bordi.



Passaggio 7

Aggiungi alcuni rami sul lato sinistro.



Passaggio 8

Aggiungi alcuni tocchi finali, come i rami molto sottili e assicurati che i bordi siano relativamente lisci.



Passaggio 9

Ora inizieremo ad aggiungere le trame, utilizzando le stesse tecniche illustrate nella Parte I di questo tutorial. Usa la sequenza di immagini come riferimento.



Passaggio 10

Dopo aver posizionato il primo, aggiungi la parte inferiore del ciclo "g".



Passaggio 11

Completa la lettera con alcune trame più duplicate.



Passaggio 12

Quando passi attraverso la parola, prova a creare una transizione graduale attraverso le diverse parti della trama complessiva. L'utilizzo di una sola porzione della trama lo renderà meno interessante.



Passaggio 13

Pianifica lentamente la tua strada.



Passaggio 14

Non dimenticare di posizionare le ombre sotto i cappi e le estremità. A tale scopo, aggiungi un colore dell'ombra di # b1b1b1 e una modalità di fusione del livello di Moltiplicazione.



Passaggio 15

Finisci la prima parte della parola con qualche altra texture.



Passaggio 16

Quando raggiungi rami più diritti, sentiti libero di usare una superficie più ampia.



Passaggio 17

Aggiungi un piccolo contrasto al lato destro usando la parte più scura della trama.



Passaggio 18

Per mantenere il contrasto bilanciato, ho aggiunto anche una parte altrettanto scura sull'altro lato.



Passaggio 19

E alla fine, dopo una folle quantità di torsione, flessione, rotazione, dissolvenza, cancellazione e oscuramento, finirai per applicare le trame. Lo prometto…



Passaggio 20

Ora crea un paio di strati vuoti sopra lo sfondo e dipingi nel primo un bagliore molto grande con lo Strumento Pennello (B) usando un bianco sporco (# f2f1c9). Imposta il livello Opacità al 40%. Nel secondo, crea un bagliore più piccolo, ma più intenso vicino al centro con il bianco e un'opacità del 90%.



Passaggio 21

Ora aggiungi il livello di regolazione del mixer del canale sull'intera scena, come mostrato alla fine della parte I. Potrebbe essere necessario regolarli, in base ai nuovi rami.



Passaggio 22

Ritaglia la foglia superiore da questa foto sxc e inseriscila nella scena. Puoi ordito per ottenere la forma giusta.



Passaggio 23

Aggiungi questo stile di livello sul livello "foglia".



Passaggio 24

Tagliare il gambo della foglia e posizionarlo in modo che poggi su una fibra di legno scuro.



Passaggio 25

Crea un nuovo livello sopra le trame di legno (e sotto la Mappa sfumatura). Campiona i colori della trama e dipingi alcune ombre e punti salienti attorno allo stelo, per far sembrare che stia crescendo fuori dal ramo.



Passaggio 26

Posiziona un secondo sopra la lettera "g", ma cancella la parte che cadrebbe sotto il cappio. Scurisci anche il fondo della foglia, creando un nuovo livello vuoto come maschera di ritaglio e dipingendo con questo verde: # 429e2d. Imposta la modalità di fusione dei livelli su Moltiplica e gioca con Opacity.



Passo 27

Per rendere la scena più realistica, aggiungeremo alcune ombre. Ecco come rendere alcuni che sembrano realistici. Crea un nuovo livello vuoto sopra i bagliori, ma dietro il lettering. Dipingi alcune ombre morbide con un set di pennelli morbidi di colore nero e 100% Opacità. Ci dovrebbero essere solo circa tre dei più bui, e si allineano precisamente ai punti più bassi dei rami. Quindi, modifica l'opacità del pennello al 50% e dipingi alcuni che coprono l'area rimanente.



Passaggio 28

Trasformali (comando + T) e inclinali verticalmente in modo che diventino stretti. Poiché le ombre non sono mai completamente desaturate, le coloreremo. Fare doppio clic sul livello e aggiungere una sovrapposizione colore impostata sul colore n. 8db5a8 e 70% opacità.



Passaggio 29

L'ombra è ancora un po ' piatto ed è attualmente proiettato dal lettering stesso, ma i rami più grandi hanno bisogno di un po 'di ombre. Fai una selezione dei rami (fai clic con il tasto Comando sull'icona del livello) e riempi un nuovo livello vuoto con il nero. Inclinalo come l'altra ombra e cancella le porzioni che non vuoi. Sarà molto sfocato, quindi non preoccuparti di essere troppo meticoloso.



Passaggio 30

Vai a Sfocatura> Sfocatura obiettivo e sfocatura molto, intorno ai 50. Assegna una sovrapposizione colore con il colore # 8db5a8 e il 60% di opacità.



Immagine finale

E alla fine, abbiamo finito. È una tecnica che richiede tempo, ma vale la pena. Puoi applicarlo per creare effetti di lettering diversi, ma anche per disegnare fogliame personalizzato in illustrazioni o interi alberi e rami realistici. Spero che sia stata una lettura utile per te. Vi auguro una buona giornata!