Share
Envato Tuts + è in circolazione da molti anni. Durante quel periodo, abbiamo pubblicato molti contenuti. Sappiamo che la quantità di contenuti sul nostro sito potrebbe essere un po 'opprimente per quelli di voi che hanno recentemente scoperto il nostro sito. Questo è il motivo per cui abbiamo deciso di risuscitare periodicamente alcuni dei nostri post precedenti per farti divertire tutti. Oggi, abbiamo deciso di riportare un post del fondatore di Envato, Collis Ta'eed, a partire da maggio 2008, che dimostra come creare uno spettacolare effetto testo in erba in Photoshop. Iniziamo!
Ami gli effetti di testo? Crea effetti più veloci con i generatori di testo di Envato Market.
Questo tutorial è composto da tre parti: lo sfondo, il testo stesso e alcuni effetti extra finali. Quindi, prima di tutto, faremo uno sfondo. Per fare ciò creiamo un nuovo documento in Photoshop. Ho fatto il mio 1920 x 1200 perché voglio che questa immagine sieda sullo sfondo del mio portatile.
Iniziamo disegnando a Gradiente radiale con il Strumento sfumatura (G) passando da un leggero giallo-verde (# adbf41) a un verde di media distanza (# 328a26). Mi chiedo se abbia mai scritto un tutorial che non inizia con un gradiente radiale.
Ora per questa immagine vogliamo creare uno sfondo veramente strutturato, leggermente simile alla carta. Quindi la prima cosa di cui abbiamo bisogno è ... una trama di carta!
Fortunatamente puoi prendere alcune fantastiche trame di carta grungy da Bittbox e sono anche belle e grandi, il che è buono perché è una grande tela.
Quindi non ricordo quale texture ho usato per prima, ma prendine una, desaturatela (Ctrl-Shift-U) e allungarlo sulla parte superiore per adattarlo alla tela.
Ora impostiamo il livello copertura e 70% di opacità per fondere la trama con il nostro bel sfondo verde.
Ora per avere un aspetto davvero angosciato, ho poi copiato questo strato, ruotandolo intorno 180' e impostarlo 20%. Poi ho aggiunto alcuni strati di texture di carta (usando trame diverse, principalmente da Bittbox) e li ho messi tutti a deboli sovrapposizioni, uno sopra l'altro.
Questo è stato in parte per l'ulteriore sofferenza, ma anche perché ho capito che le trame sembravano un po 'granulose e non piccole e nitide. Quindi, combinando trame extra e poi attenuandole tutte, posso ottenere un aspetto generale più gradevole e più nitido.
Comunque, come puoi vedere nello screenshot, qui ci sono sei livelli. Non dimenticare che se sei un membro Plus puoi scaricare il file PSD per questo tutorial e dare un'occhiata a te stesso!
Adesso io duplicato il gradiente di sfondo originale, collocato il livello duplicato sopra tutte le trame e impostato su 40% di opacità-questo tonifica la trama, quindi non è così sgangherata!
Ora creiamo a Nuovo strato sopra e usando un grande, morbido, pennello nero, aggiungi un po 'di nero ai bordi. Vale la pena ridimensionare l'opacità a circa 30% e copertura. È quindi possibile duplicare il livello ed eseguire un pesante Sfocatura gaussiana su di esso (impostato su circa 32pX). In questo modo i bordi si ammorbidiscono davvero.
OK, ora abbiamo uno sfondo piacevole!
OK, ora siamo pronti per fare un po 'di testo sull'erba. Per fare ciò, avremo bisogno di una bella erba carina da tagliare. Dopo un sacco di ricerche, ho finalmente trovato questa bella foto su Flickr di erba.
Quindi scarica l'immagine a grandezza originale e copialo sulla tela.
Quindi abbiamo bisogno di un tipo. Quindi seleziona un font che vuoi ritagliare. Ho scelto Swiss 924BT, che è grasso e condensato. Ho pensato che fosse bello e grandioso. E ho scritto il testo "TERRA". Questo perché sto realizzando cinque di questi sfondi: terra, acqua, fuoco, aria, spirito ... è come quel cartone che guardavo da bambino, Capitan Planet!
Ad ogni modo, basta solo impostare il testo in bianco e impostarlo su Sovrapponi e come il 50% di Opacità. Questo livello non verrà effettivamente visualizzato alla fine, è solo un livello guida.
OK, ecco il testo sopra l'erba che abbiamo ottenuto in precedenza.
Ora un po 'di pianificazione! Per fare del testo fuori dall'erba, non sarà sufficiente solo per stendere l'erba. Piuttosto, abbiamo bisogno che appaia tutto ruvido, con pezzetti di erba che sporgono dai bordi. Per fare ciò, useremo le forme delle lettere come guida approssimativa per poi tracciarle approssimativamente attorno a loro e periodicamente sporgere per tracciare intorno fili d'erba.
Ti avverto ora, è molto stancante!
OK, quindi qui stiamo tracciando. Dovresti usare il Strumento penna (P) e francamente, se non ti è utile prima di iniziare, sarai alla fine!
Si noti come nelle parti in cui il mio percorso si protende, segue una serie di singoli fili d'erba. In questo modo, quando avrai il cut-out finale, sembreranno dei pezzi di erba che spuntano fuori.
Quando hai finito il tuo percorso, è meglio salvarlo nel percorsi tavolozza. È possibile farlo passando a quella tavolozza e quindi facendo clic sulla piccola freccia in giù e scegliendo Salva percorso. In questo modo se hai bisogno del percorso più tardi, puoi afferrarlo.
In ogni caso, fai doppio clic sul percorso per ottenere la selezione e torna al tuo livello di erba. Duplicare lo strato di erba in modo da avere ancora più erba per le altre lettere, quindi invertire la selezione (Ctrl-Shift-I) e tagliare l'erba in eccesso. Nello screenshot ho sbiadito il doppio strato di erba in modo da poter vedere la parte "E" ritagliata.
OK, quindi qui abbiamo la nostra "E" sull'ultimo bakcground. Come puoi vedere, sembra solo leggermente migliore rispetto a quando abbiamo appena usato la lettera per stencil l'erba senza preoccuparci di tracciare. Ma va bene, ciò di cui ha bisogno è un po 'più profondo. Dopotutto, se quella lettera fosse davvero lì, dovremmo vedere un'ombra e dei lati.
Prima di tutto però, aggiungeremo uno stile di livello per dargli un aspetto un po 'più tridimensionale. Gli stili sono mostrati sotto.
Ecco il primo set di stili di livello...
Adesso duplicare quel livello, quindi cancella lo stile di livello dal duplicato, così possiamo aggiungere altri stili. Questa volta aggiungi gli stili mostrati sotto ...
Ecco la seconda serie di stili di livello... (nota che lo è 51% di opacità quindi si fonderà con il livello precedente)
Quindi questo era tutto solo sperimentale, e sembra abbastanza OK, ma ovviamente ha una lunga strada da percorrere. Ora aggiungeremo un po 'di ombra. Per questo useremo una tecnica che ho dimostrato in un tutorial precedente, Uso di Luce e ombra per dare vita al testo
L'idea è di dare un aspetto tridimensionale. Così Ctrl-click lo strato di erba e poi in un nuovo livello sottostante, riempirlo di nero. Quindi premere una volta la freccia giù e la freccia destra e riempirla di nuovo, quindi ripetere più volte fino a ottenere un effetto come quello mostrato. Penso che fossero circa 15 passaggi di riempimento.
Ora eseguiamo a Filtro> Sfocatura> Sfocatura movimento sulla nostra ombra con a 45 'Angolo e a Distanza di circa 30. Quindi imposta il testo a un valore basso Opacità di circa 50%. Dovresti avere qualcosa che assomigli allo screenshot qui sotto.
Ora sposta lo strato di ombre verso il basso e verso destra e la magia accade! All'improvviso sembra che la lettera stia proiettando un'ombra. Piuttosto pulito!
Adesso io duplicato questo strato tre volte. Ogni volta che ne ho cancellato un po ', in modo che, man mano che l'ombra si avvicina al testo, diventa più scura. Ho impostato questi livelli su Moltiplicare.
Quindi questo testo sembra piuttosto interessante, ma per un po 'di profondità in più dovremmo aggiungere alcuni pezzi di erba nell'area di sfondo / ombra. Piuttosto che ritagliare più erba, possiamo semplicemente usare questa lettera attuale trasformata in modo che non sia ovvio che lo stiamo hackerando insieme.
Quindi come puoi vedere qui sotto ho creato alcuni pezzi di erba. Sono solo pezzi tagliati della nostra lettera principale.
Ora spostando quei pezzi nelle aree d'ombra, possiamo far sembrare che ci sia erba che spunta fuori ed è un vero oggetto 3D fatto da erba!
Poiché questi nuovi bit di erba sono in ombra, potresti voler usare il Strumento Brucia (O) per scurirli in modo appropriato.
Quindi, una lettera in basso ... quattro per andare! Per fortuna non abbiamo scelto una parola lunga come erm, non so ... laboriosa!
Usando la stessa identica tecnica ... ecco la A;
e la R e T ... ottieni l'immagine.
E infine, l'intera parola! L'unica cosa in più che ho fatto qui è stato spostare leggermente le lettere. Ogni lettera è a sé stante Gruppo di livelli che lo rende molto più facile spostarlo.
Ora bello come sembra, il nostro testo è un po 'solo e monotono. Quindi in quest'ultima sezione aggiungeremo altri elementi al design. Nota che non vogliamo strafare, perché voglio che questo sia uno sfondo del desktop, quindi lo spazio è importante (per tutte le mie icone!).
Quindi, per prima cosa, aggiungiamo del testo in più. Qui ho inserito una bella citazione sulla terra e l'unità tratta dalla fede Baha'i (questa è la mia religione!). Amo le citazioni, perché significa che abbiamo tre parti da decorare: la citazione, le virgolette e la fonte.
Il testo è in una variante della Svizzera che è più sottile, ma ancora condensata. L'utilizzo di più font della stessa famiglia (pesanti, leggeri, ecc.) È una buona scommessa sicura per mantenere il tuo aspetto coerente.
Quindi qui ho impostato la citazione a copertura e 50%, quindi ha duplicato il testo e lo ha impostato su Schermo e 50%. Poi ho aggiunto delle virgolette nello stesso carattere svizzero, ma le ho rese più grandi e una tonalità di verde brillante. Infine, la fonte della citazione è in lettere giovani e centrata verticalmente. E, naturalmente, l'intera citazione è stata misurata, quindi è esattamente la lunghezza del testo principale "EARTH".
Successivamente aggiungeremo un po 'di risalto alla scena. Per fare ciò, crea un Nuovo strato soprattutto il resto, e usando il Strumento sfumatura (G), traccia una sfumatura da bianco a trasparente verso l'alto a sinistra. Quindi imposta questo livello su Luce soffusa e 50%. Questo lo trasformerà in un bel po 'di luce.
Ora aggiungeremo due elementi accattivanti per compensare tutto il verde. Queste saranno una brillante farfalla blu e una piccola coccinella rossa. Ho usato l'eccellente sito Web everystockphoto che cerca una tonnellata di siti Web gratuiti per trovare due fantastiche immagini da utilizzare: Coccinella | Farfalla
Posizionare le immagini è abbastanza facile. Prima la farfalla Apriamo semplicemente l'immagine in Photoshop, usa il Strumento bacchetta magica (W) per selezionare tutta l'area bianca, quindi andare a Seleziona> Modifica> Espandi ed espandere la selezione di 1px per assicurarci di aver capito tutto Quindi premere Ctrl-Shift-I per invertire la selezione e copiare la farfalla sulla nostra tela principale.
La coccinella che ho selezionato deve essere tagliata fuori dalla sua immagine. Per farlo ho usato il Strumento penna (P) e ho rintracciato il piccolo ragazzo e poi l'ho tagliato in quel modo.
Quindi ecco i nostri due extra. Come puoi vedere, la coccinella sembra un po 'strana in realtà perché ho fatto un lavoro veloce e decente per eliminarlo. Ma va bene, perché sarà piccolo, quindi non sarai in grado di vedere i dettagli comunque.
Quindi incollali e poi riducili e posizionali in modo appropriato. È meglio se non sono vicini, perché in questo modo si bilanciano l'un l'altro.
Ho aggiunto un'ombra discendente a ciascuno. Con la coccinella è un'ombra molto vicina perché è piccolo e cammina sull'erba. Con la farfalla, ho impostato la distanza a circa 10px perché è sospeso nell'aria e quindi l'ombra atterra a pochi passi.
Ecco il risultato finale!
Gli effetti di testo sono diventati molto più semplici con i generatori di testo di Envato Market. Crea effetti strabilianti con texture realistiche e forme 3D! Dai un'occhiata a uno dei nostri preferiti qui sotto!
Aggiungi alcuni fiori al tuo effetto testo con questo fantastico generatore di testo. Scegli tra sette bellissime opzioni per cambiare il colore e lo stile del testo in erba. Scarica questo pacchetto oggi per accedere a azioni Photoshop pronte per l'uso a un prezzo conveniente!
Accentsconagua