Share
In questo tutorial creeremo tipografia 3D divertente, realistica, con texture animale in Photoshop utilizzando lo strumento Repousse di CS5. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Apri un nuovo file Photoshop che dovrebbe essere di 17 pollici di larghezza e 11 pollici di altezza con una risoluzione di 300 pixel / pollice.
Per prima cosa creeremo uno sfondo semplice. Voglio che lo sfondo finale sia davvero luminoso, così posso mostrare le lettere correttamente ma sarebbe un po 'difficile da lavorare, quindi metterò una leggera sfumatura che potremo eliminare più tardi.
Sblocca il livello di sfondo facendo doppio clic su di esso e apri il menu di stile del livello. Seleziona l'opzione "Sovrapposizione sfumatura" e seleziona una sfumatura che va da Nero a Bianco a un angolo di 39ø circa e riduci l'opacità al 70%.
Crea un nuovo livello e usa lo strumento Secchio (G) per impostare il colore di primo piano sul nero e riempire il livello. Quindi vai al menu Filtro> Disturbo> Aggiungi disturbo e usa una quantità del 20% con Distribuzione su Uniforme e l'opzione Monocromatica spuntata.
Vai a Immagine> Regolazioni> Inverti (Comando / Ctrl + I) e imposta la modalità di fusione dei livelli per moltiplicare.
Il tuo background è impostato e dovrebbe assomigliare a questo:
Seleziona lo strumento di testo (T) e scrivi la prima lettera del tuo testo. Faremo questa lettera per lettera in modo che possiamo dare una prospettiva diversa a ciascuno una volta che li rendiamo con i Repouss? strumento. Il font che userò per questo tutorial si chiama Hobo Std con una dimensione di circa 380 pt (Cambia le dimensioni a seconda della dimensione del documento su cui stai lavorando).
Una volta posizionato il livello di testo, vai al menu 3D> Repouss? > Livello testo. Assicurati di selezionare la preimpostazione di forma "estrusione" e di ruotare la tua lettera 3D in una bella prospettiva usando lo strumento di rotazione della trama del testo. Stiamo per lasciare tutte le altre opzioni alle loro impostazioni predefinite. Tutte le lettere 3D saranno la base del nostro lavoro, quindi prenditi il tuo tempo mentre le posizioni e il rendering.
Fondamentalmente faremo lo stesso per ogni lettera della tua parola. Ogni volta cambia un po 'la prospettiva della lettera. Non devi preoccuparti delle fonti di luce in questo momento, lo risolveremo una volta che avremo iniziato a avvolgere le nostre trame attorno alle lettere.
Sentiti libero di giocare con la posizione di ogni lettera. Come puoi vedere qui, ho messo la "L" davanti a "I" e "D" per dare più variazione e profondità.
Ti suggerisco di salvare ogni parola in diversi gruppi per mantenere le cose organizzate.
Fai la stessa cosa per la seconda parola. Ricorda di continuare a ruotare e giocare con le posizioni degli strati in modo che non sembrino tutti uguali. Crea un nuovo gruppo per ogni parola che fai.
Dopo aver finito con ogni parola, dovrebbero essere separati in gruppi diversi per mantenere le cose organizzate per il prossimo passo. La tua immagine con le lettere renderizzate dovrebbe ora assomigliare a questo:
Copia le cartelle delle tue lettere 3D e rasterizza ognuna di esse facendo clic con il pulsante destro del mouse sul livello del livello e selezionando l'opzione "Rasterizza 3D", in questo modo sarà più semplice lavorare con loro. Se lo si desidera, è possibile mantenere le parole 3D originali in modo da poter tornare indietro nel caso in cui sia necessario.
Useremo molti livelli mascherati e livelli di regolazione mascherati quindi ti consiglio vivamente di inserire ogni lettera nel proprio gruppo.
Perché questo effetto funzioni, dobbiamo prima isolare ogni lato della lettera in modo da poter avvolgere le trame secondo la prospettiva delle lettere. All'inizio questo processo potrebbe risultare un po 'noioso, ma alla fine otterremo un fantastico effetto di trama animale realistico.
Inizieremo con la lettera "W". Ci sono molti modi in cui possiamo isolare i lati di ogni lettera. In questo momento useremo due metodi. Utilizzo dello strumento Bacchetta magica (W) e Penna (P).
Seleziona lo strumento Bacchetta magica (W) e fai clic su un lato della lettera. Una volta effettuata la selezione, crea un nuovo livello e riempi la forma con il colore bianco (ALT + BACKSPACE). Rinominare il nuovo livello con qualsiasi lato della lettera selezionata. In questo caso il "Front", quindi andremo con il "Side" il "Back" e così via.
De - seleziona la forma (Comando / Ctrl + D) e torna al livello "W", quindi seleziona un nuovo lato con lo strumento bacchetta magica, crea un nuovo livello e riempilo con il bianco. Ripeti lo stesso processo per ogni lato.
Potrebbe essere necessario modificare il valore "Tolleranza" dello strumento bacchetta magica a seconda di come viene effettuata la selezione. Se lo strumento esegue una selezione più piccola di quella desiderata, seleziona un valore di tolleranza più alto di quello che hai impostato fino a quando non fai una selezione dell'intera forma.
È meglio se riusciamo a riempire tutti i lati con il colore bianco, in questo modo possiamo vedere rapidamente se mancassimo di texturing eventuali punti sulla lettera.
Una volta isolati tutti i lati della lettera, è possibile disattivare la visibilità del livello della forma 3D originale.
Scarica il
Texture di pelliccia di leopardo e trascinala sul tuo documento. Lo duplicheremo più volte per avvolgere ogni forma della lettera e collegheremo ciascuno dei livelli di texture con maschere di ritaglio. Trascina il livello di trama sopra la forma. Tenendo premuto ALT e fare clic tra i due livelli per creare una maschera di ritaglio.
Ora, usando gli strumenti di trasformazione, cambia la trama per adattarla alla prospettiva e alla posizione della lettera.
Uno degli strumenti migliori per avvolgere il testo è l'opzione "Warp". Duplica il livello di testo e maschera di ritaglio uno per ciascuna delle forme e trasformalo di conseguenza.
Potrebbe volerci un po 'di tempo per ottenere la prospettiva giusta, ma diventerà più facile mentre lo fai.
Una volta che hai tutti i lati con la clip di texture mascherata su ogni forma, i tuoi livelli e la tua lettera 3D dovrebbero assomigliare a questo:
No, applicheremo l'ombreggiatura su ciascun lato della lettera per aggiungere profondità e realismo. Crea un nuovo livello sulla parte superiore del livello di texture, imposta la sua modalità di fusione su "Moltiplica" e tagliala mascherandola.
Afferra lo strumento Pennello (B) con una punta circolare di base dello 0% di durezza e circa 150 pixel di larghezza con l'opacità del pennello impostata su 30%, imposta il colore di primo piano sul nero. Scegli la tua fonte di luce (in questo caso ho deciso che la luce sarebbe arrivata dalla parte centrale della tela sul lato superiore) e sfumature di pennello morbido e ombre in base alla tua fonte di luce.
Spazzolare tante volte quanto necessario su ciascun lato della lettera.
I tuoi livelli e le tue ombreggiature dovrebbero ora assomigliare a questo:
Ora che l'ombreggiatura della lettera è terminata, dobbiamo migliorare le parti in cui la luce colpisce la nostra forma. Per fare ciò, aggancia la maschera a un nuovo livello sopra il livello di ombreggiatura della forma che desideri aggiungere alla luce.
In questo caso sto solo aggiungendo luce alla parte anteriore della lettera. Imposta la modalità di fusione del livello su "Sovrapponi" e usando lo stesso pennello morbido che abbiamo usato per l'ombreggiatura, ora inizieremo a dipingere con il bianco.
I capelli o
"pelliccia" è molto importante per rendere questo aspetto realistico e nel complesso aggiungere profondità alla tipografia. Crea un nuovo livello sopra tutti i livelli del tuo gruppo. Non hai bisogno di tagliare questa maschera.
Afferra lo strumento pennello e seleziona un pennello rotondo rigido di circa 3 pixel di larghezza e 100% di opacità. Abbiamo bisogno che questo sia davvero una cosa per ottenere il maggior numero di dettagli possibile. Nel menu dei pennelli, assicurati di controllare l'opzione "Dinamica della forma" e imposta il controllo della variazione della grandezza su "Pressione della penna".
Come puoi vedere nell'anteprima del tratto del pennello, l'impostazione del controllo sulla pressione della penna renderà il tratto sfumato all'inizio e alla fine. Sto usando una tavoletta grafica per fare in modo che la dinamica della pressione sia migliore. Nel caso in cui non si disponga di una tavoletta grafica, è sempre possibile utilizzare lo strumento Penna per disegnare piccoli percorsi, quindi accarezzarli e duplicarli in modo da poter riempire l'intera silhouette della lettera con i capelli più facilmente.
Inizia tenendo premuto ALT + Fai clic su un colore della texture per entrare in una modalità "quick eyedropper" e campionala (ti suggerisco di iniziare prima con i toni più scuri) inizia a fare brevi brevi pennellate attorno ai bordi della lettera seguendo la direzione del capelli nella trama.
Mentre procedi, continua a campionare i colori in modo regolare (dal più scuro al più leggero) tenendo presente i colori sulla trama per creare una bella fusione.
Prenditi il tuo tempo mentre fai questo passo. Più dettagli e variazioni di colore rendi più realistico sarà.
Una volta che tutti i bordi sono stati coperti con i capelli dipinti, modifica la dimensione del pennello a 1 pixel. Seleziona un colore di tono medio e scarabocchia alcune linee attorno ad esso.
Continua a lavorare i capelli finché i bordi non sono completamente riempiti.
Ora aggiungeremo un po 'di contrasto all'immagine. Quando sei soddisfatto del risultato dei passaggi precedenti, puoi duplicare il gruppo "W" e quindi Unirlo (Comando / Ctrl + E) per applicare le seguenti impostazioni di contrasto:
Piccoli dettagli come mettere le code e gli occhi in questo tipo di manipolazione lo rendono davvero pop e gli conferiscono un aspetto molto organico.
Sull'immagine della texture originale, utilizzando lo strumento Penna o lo strumento Lazo poligonale (L), disegnare una forma di raccordo e copiarla in un nuovo livello.
Ora dobbiamo dare volume e ombreggiatura alla coda. Vai al menu di stile del livello, seleziona l'opzione Smusso e rilievo e applica le seguenti impostazioni:
Queste impostazioni applicheranno alcune sfumature e luci alla coda e daranno un po 'di volume. Inoltre puoi agganciare una maschera a un nuovo livello e dipingere un po 'più di ombre e luci come abbiamo fatto nei passaggi precedenti.
Abbiamo anche bisogno di dipingere alcuni capelli. Usa la stessa tecnica che usavamo con i bordi delle lettere.
Puoi anche mettere i livelli di coda in un gruppo diverso. Questo dovrebbe essere sotto la nostra lettera in modo che la coda si nasconda dietro di essa.
Proprio come abbiamo fatto prima con la lettera "W", abbiamo bisogno di isolare entrambi i lati della lettera "I".
Trascina l'immagine stock delle zebre nel tuo documento. Usando lo strumento penna o il laccio poligonale, disegnare una grande selezione della pelle di zebra e copiarla su un nuovo livello. Questa sarà la trama che useremo per questa lettera.
Utilizzando nuovamente la maschera di ritaglio, avvolgere la trama attorno alle forme. Fai attenzione a non modificare troppo questo perché vogliamo mantenere il pattern zebra il più riconoscibile possibile.
Una volta che hai la texture, è il momento di fare le ombreggiature e le luci. Crea un nuovo livello, aggancia la maschera alla trama e ombreggia di conseguenza.
Abbiamo anche bisogno di dipingere alcuni capelli attorno ai bordi. La differenza è che questa volta, abbiamo bisogno di dipingere i capelli un po 'più corti che con la lettera di leopardo. Usa una spazzola rotonda dura di circa 2 pixel di larghezza e assaggia i colori dalla trama.
Dal momento che la trama sembra un po 'piatta come è adesso. Abbiamo bisogno di dipingere anche alcuni dettagli sui capelli all'interno della lettera. Usa un pennello da 1 pixel e 2 pixel per questo.
Per i dettagli di questa lettera, torna alla tua immagine originale e fai una selezione dei capelli posteriori della Zebra. Usa un raggio di sfumatura di 3 pixel per la selezione e copia i capelli in un nuovo livello.
Mettilo dietro la lettera e dipingi dei capelli come sul gradino prima. Dovrebbe assomigliare a qualcosa di simile a questo:
Sul livello di texture Zebra, disegna una selezione di un'altra forma di swirly (prova a renderla diversa dalle altre) e copiala su un nuovo livello. Metti questo strato sopra i livelli delle lettere.
Aggancia la maschera a un nuovo livello e aggiungi sfumature e punti salienti usando un pennello morbido e rotondo.
Apri il menu di stile del livello e usa le successive impostazioni Bevel and Emboss per dare volume alla coda. (Sperimenta con questi valori per risultati diversi)
Su un nuovo livello, dipingi un po 'di capelli per finirlo. Inoltre maschera o cancella con un pennello morbido, un po 'di coda dove incontra i capelli posteriori in modo da dare l'aspetto della coda che arriva da dietro verso l'alto.
Crea un nuovo livello tra i gruppi "I" e "W". Qui dipingeremo l'ombra che cade sulla "W" con la lettera "I". Prendi un pennello morbido rotondo di circa 200 pixel di larghezza con un'opacità di circa il 30% e sfiora la lettera
"W" dove dovrebbe essere l'ombra:
Inizia isolando ciascun lato della lettera in forme separate. Quindi trascina sul documento la texture della pelle Snake, fai una selezione sulla pelle come prima e copiala in un nuovo livello.
Mentre clip mascherare la trama per le forme, prova a seguire le forme di forme ans trama. Sperimenta con diverse posizioni per vedere cosa si adatterebbe meglio. Come puoi vedere nell'esempio seguente, ho cercato di far scorrere il pattern lungo la lettera invece di ritagliare la texture casualmente:
Con una trama come questa può facilmente sembrare molto piatta se non si trasforma la trama secondo la prospettiva delle forme nella lettera.
Aggiungi l'ombreggiatura e le luci come facevamo prima con le lettere:
Prendi l'immagine del Reptile Eye e trascinala sul tuo documento. Usando lo strumento penna, estrai l'occhio dall'immagine. Giralo orizzontalmente, trasformalo in modo che corrisponda alla prospettiva della lettera e posizionalo sopra al livello della forma frontale.
Ora andiamo a Schivare e Bruciare (O) per abbinare la luce della forma. Afferra lo strumento Brucia e seleziona un pennello rotondo morbido di circa 30 pixel di larghezza con l'intervallo dello strumento Brucia impostato ai mezzitoni e l'Esposizione al 25%. Spazzolare le aree più scure per creare ombreggiature sull'occhio.
Ora seleziona lo strumento Scherma e fai lo stesso per creare punti salienti.
Ora aggiungeremo alcuni dettagli alla lettera, per migliorare ulteriormente il suo aspetto animalesco come il rettile.
Seleziona un pennello rotondo duro di circa 10 pixel di larghezza e l'opacità impostata al 100%. Seleziona il livello della forma su cui abbiamo troncato mascherando le trame. Dipingi piccoli urti intorno ai bordi seguendo il modello delle scale. Vedrai che la trama agisce anche su questi nuovi pezzi verniciati. Se in qualsiasi momento ci sono punti scoperti dalla trama puoi sempre trasformarla un po 'di più per coprire tutto.
Poiché questa lettera è posizionata di fronte alle altre due lettere, dobbiamo dipingere le ombre che cadono su di esse. Crea un nuovo livello sotto il gruppo "L" e usa un pennello morbido rotondo con colore nero e bassa opacità per dipingere le ombre sulle lettere proprio come abbiamo fatto con il passaggio 18.
Ecco uno sguardo al pannello dei livelli finora.
Star estraendo ciascun lato della lettera nel proprio livello. In questo caso così come in alcune altre lettere, l'uso dello strumento bacchetta magica potrebbe non funzionare bene. In questo caso usa lo strumento penna per tracciare un percorso lungo la forma e riempirlo.
Potrebbe essere necessario farlo in lettere con molte ombre e curve.
Prendi l'immagine del modello Texture elefante e applica le successive impostazioni di Luminosità e Contrasto:
Proprio come abbiamo fatto con i passaggi precedenti, avvia la duplicazione della clip e maschera il livello della trama su ciascuno dei lati della lettera.
Fai attenzione e prenditi il tuo tempo per metamorfizzare la texture, specialmente sulle aree rotonde.
Mentre fai l'ombreggiatura delle trame, prendi come riferimento la tua prima forma 3D, in questo modo puoi applicare luci e ombre in un modo più preciso.
Trascina il documento Testa elefante sul documento, capovolgilo orizzontalmente e usando lo strumento penna estrai il tronco dell'animale.
L'immagine è un po 'satura al momento e non si fonderà correttamente con il resto dello strato strutturato. Passare al menu Tonalità e Saturazione (Comando / Ctrl + U) e desaturare l'immagine.
Ora che la saturazione è fissa, abbiamo bisogno di coprire le parti piccole di erba sul tronco, per fare questo, useremo lo strumento Timbro clone. Selezionalo (S) e scegli un pennello tondo morbido; mentre si tiene premuto il tasto ALT, campionare una parte del tronco simile alla parte che si desidera applicare, una volta campionata, spazzolare lentamente sopra il filo d'erba, campionare da una fonte diversa ogni volta che ne avete bisogno.
Usando gli strumenti scherma e brucia, migliora le luci e le ombre sull'immagine. Posiziona il livello del tronco sopra la lettera testurizzata, inizieremo a lavorare sulla fusione del tronco.
Aggiungi una maschera di livello al livello del tronco e usando un pennello morbido, maschera i bordi del tronco in modo che si sfuma con il corpo della lettera.
Usando lo strumento Timbro clone con un pennello morbido, clona le parti del tronco nel corpo della lettera per ottenere un migliore effetto di fusione.
Usando la stessa tecnica del punto 21, posizionati su una delle forme principali e, usando un pennello, dipingi lungo i bordi con un pennello duro seguendo lo schema della trama. Fatelo ai bordi di ogni livello di forma.
Prendi l'immagine del cappello e trascinala sul tuo documento. Estrai quindi dallo sfondo, quindi applica le successive impostazioni di luminosità e contrasto:
Mettilo sopra la lettera con l'elefante. Crea nuovi livelli e tagliali mascherandoli per dipingere alcune ombre e luci rispettivamente. (Puoi anche usare gli strumenti Brucia e Schiva).
Ecco come dovrebbe apparire il tuo testo ora dopo aver terminato la prima parola:
Ora sei pronto per creare il prossimo set di lettere usando le stesse tecniche descritte nei passaggi precedenti. D'ora in poi, menzionerò solo come creare i dettagli specifici per ciascuno dei nuovi set di lettere e saltare i passaggi di isolare ogni parte della lettera, ombreggiatura e texturing poiché sono gli stessi per ogni lettera.
In questa lettera useremo uno stock di immagini Cat come texture.
La pittura della pelliccia e l'avvolgimento della trama saranno in qualche modo simili a ciò che abbiamo fatto con la lettera "W".
Quando inizi a dipingere la pelliccia su questo, assicurati di darle tratti più lunghi, per abbinare la lunghezza della pelliccia al gatto. Inizia i tratti quasi a metà della trama, questo aiuterà anche con la fusione. Tieni anche a mente la variazione dei colori.
Non dimenticare di aggiungere piccoli dettagli alle tue lettere, ad esempio la coda di gatto. (Stesso processo del passaggio 14).
Questa lettera sarà simile a ciò che abbiamo fatto sulla prima lettera "I", ma in questo caso non dipingeremo alcun pelo perché
L'immagine del cavallo aveva già una consistenza molto bella.
Per la coda, ho selezionato una parte dei capelli dal brodo di cavallo e l'ho posizionato sopra la lettera.
Quindi dipingi alcuni capelli con grandi tratti per migliorare l'unione con la forma.
Il prossimo alle lettere potrebbe essere il più difficile da tessere principalmente a causa del gran numero di lati che hanno. Ricordarsi di utilizzare la lettera 3D originale come riferimento per l'ombreggiatura e il fulmine. Dal momento che stiamo usando un'immagine di stock Tiger come texture, faremo questo strato come abbiamo fatto con la lettera "W" e la seconda "L" con la trama della pelliccia di gatto.
Crea nuovi livelli tra i gruppi di lettere per dipingere le ombre proiettate sulle forme.
Questa lettera sarà molto simile a quella del serpente con texture poiché utilizziamo un'immagine di rana.
Questa sarà forse la lettera più difficile da tessere a causa del numero di lati e forme curve, quindi prenditi il tuo tempo per metamorfosi con cura.
Dipingi anche sopra i livelli principali per creare scale attorno ai bordi della lettera proprio come nel punto 21.
Afferra lo strumento penna e disegna un tracciato in un nuovo livello come nell'esempio seguente, riempilo con un rosso brillante.
Clip maschera uno strato a questa forma e dipingi con un pennello morbido rotondo alcune sfumature e punti salienti. Sotto, dipingi un'ombra che aiuterà a fondersi con la lettera:
Usando lo strumento Lazo poligonale, disegna una selezione swirly sulla parte superiore della forma della lingua. Con una spazzola rotonda morbida a bassa opacità (circa il 20%) e di colore bianco, spazzolare delicatamente all'interno della selezione. Dipingi dolcemente sui bordi per fare un effetto saliva sulla lingua.
Crea un nuovo livello tra i livelli "F" ed "E" e dipingi l'ombra che cade sulla lettera.
La seconda parola della tua tipografia dovrebbe apparire ora come questa, con tutte le textures e le sfumature applicate:
A questo punto puoi rimuovere il gradiente che abbiamo inserito nel passaggio 2 per aiutarci ad avere un po 'di contrasto tra lo sfondo e le forme su cui stavamo lavorando, lasciando uno sfondo quasi bianco con rumore.
Crea un nuovo livello sopra il livello del rumore del tuo sfondo e usando un pennello rotondo morbido con colore nero impostato a circa il 20% di opacità, Disegna le ombre sotto il testo in base alla tua fonte di luce:
Per finire, aggiungeremo un livello di regolazione della luminosità e del contrasto per migliorare le luci, le ombre e la saturazione del colore. Vai a Livello> Nuovo livello di regolazione> Luminosità e contrasto e imposta i seguenti valori: (questo livello dovrebbe essere sopra tutti i livelli).
Ora il tuo testo dovrebbe apparire in questo modo con il nuovo livello di regolazione:
Accentsconagua