Share
Nel tutorial di oggi dimostreremo come creare una tipografia 3D super lucida usando Illustrator e Photoshop. Iniziamo!
Crea fantastici effetti di testo con gli stili di livello 3D da Envato Market.
Apri Illustrator e creane uno nuovo RGB documento, 1000 px per 800 px, 72 DPI, e scrivi il tuo testo in un bel font grande. Ho usato Dimensione dello script di marketing 234pt.
Quindi, con il testo selezionato, vai a Oggetto> Espandi, e premi ok nella finestra pop-up. Il nostro testo non è più modificabile come testo, ma è una serie di percorsi che possiamo modificare con lo strumento di selezione diretta.
Attualmente, le nostre lettere sono oggetti separati raggruppati, vogliamo che siano un unico percorso composto. Possiamo farlo utilizzando il pulsante Unisci sulla tavolozza Pathfinder. Se non vedi la Tavolozza degli itinerari, vai su Finestra> Pathfinder per visualizzarla e, con i nostri percorsi selezionati, fai clic su Unisci.
Con il Strumento penna (P) selezionato, traccia un nuovo percorso a partire dall'ultimo colpo dell'ultima lettera s, e rotea verso il basso sotto il nostro tipo. Ho anche cambiato il colore del testo in un grigio più chiaro solo per vedere cosa sto facendo meglio.
Cambiare il Peso del colpo del nostro nuovo percorso a una dimensione che corrisponde alla larghezza del percorso del testo a cui si unirà. Nel mio caso il Peso del colpo è 12pt.
Duplicare questo percorso trascinando la miniatura del Gruppo (nella palette dei livelli) in Nuovo strato pulsante. Disattiva questo duplicato facendo clic su "occhio" accanto alla miniatura del gruppo in Tavolozza dei livelli. Lo stiamo facendo perché ovunque i nostri elementi si sovrappongono ne abbiamo bisogno su livelli separati in Photoshop per quando aggiungiamo l'ombreggiatura.
Con il Strumento di selezione diretta (A) seleziona i due punti di ancoraggio in basso a destra del nostro percorso, colpito Elimina e chiama questo gruppo "swirl 1".
Spegni questo gruppo "swirl 1" e accendi il duplicato che abbiamo creato, chiamalo "swirl 2" ed elimina il seguente Punti di ancoraggio. Lo stiamo facendo perché quando estrudiamo le nostre forme in 3D, non vogliamo che i nostri percorsi si intersechino, vogliamo che uno passi davanti all'altro.
Riattiva tutti i nostri gruppi ora e dovresti avere il percorso originale completo, solo che è suddiviso in due gruppi diversi. Con entrambi questi gruppi selezionati vai a Oggetto> Espandi, e premere ok sulla finestra pop-up. Ora vogliamo rendere il nostro giretto un po 'più interessante regolando la larghezza in certi punti. Per fare questo, ingrandiremo e sposteremo manualmente alcuni punti di ancoraggio.
Ora ingrandisci fino alla fine del nostro vortice e aggiungi due punti di ancoraggio come mostrato di seguito, quindi spostali leggermente verso l'alto e verso destra.
Ora con il Converti strumento punto di ancoraggio (MAIUSC + C), regola le due nuove ancore per arrotondare gli angoli.
Quindi dobbiamo riordinare l'area in cui il nostro testo si unirà al nostro turbinio. Aumenta lo zoom in quell'area e regola il percorso del vortice in modo che esca piacevolmente fuori dal testo
OK, prima di noi Estrudere questa forma, questa è la tua ultima possibilità di regolare il tuo vortice quindi ora è il momento di fare qualche ritocco finale, vale la pena passare il tempo qui per far funzionare la tua linea giusto. Quando sei soddisfatto del tuo design, cambia il tuo oggetto in modo che siano tutti dello stesso colore, un grigio medio, poi con tutti quelli selezionati vai a Effetto> 3D> Estrusione e smusso.
Quindi con tutti gli oggetti selezionati, vai a Oggetto> Espandi Aspetto.
Noterai che in alcune aree i nostri oggetti non si allineano come dovrebbero, riposizionandoli leggermente ora, ma non sarai ancora in grado di renderli perfetti, ci vorrà un po 'di editing dei percorsi, faremo quello in un momento.
Ora disattiva i due livelli di turbolenza, quindi ti resta solo il testo. Seleziona il testo e Fare clic con il tasto destro> Separa, poi ancora una volta, Fai clic con il tasto destro del mouse> Separa. Ora seleziona la superficie frontale del nostro testo e spegni questo livello. Ora dovresti rimanere con gli elementi 3d più scuri.
Fare clic e trascinare per selezionare tutti questi elementi rimanenti, quindi fare clic sul pulsante Unisci nella tavolozza Pathfinder e denominare questo gruppo "3d 1". Se non vedi il esploratore tavolozza, vai a Finestra> Pathfinder. Unire questi oggetti li unisce tutti come un unico percorso composto; dovrebbe anche sbarazzarsi di quelle piccole linee bianche. Ripeti questo processo per i due elementi che compongono il ricciolo, nominando quindi "3d 2" e "3d 3".
Ora dovresti avere sei gruppi -
"testo", "3d 1", "swirl 1", "3d 2", "swirl 2" e "3d 3"
Prima di esportare questo file su Photoshop, abbiamo solo bisogno di ripulire la linea attorno a dove il nostro testo incontra "swirl 1". Ingrandisci quella zona con il Strumento di selezione diretta (A), modifica i punti di ancoraggio e i loro manici per unire i due elementi.
Ora siamo pronti per esportare questo file in Photoshop come PSD stratificato. Per fare questo vai File> Esporta e assicurati di selezionare Photoshop come il formato.
Apri il file esportato in Photoshop e vai Immagine> Dimensioni della tela ed entra 3000 x 2000 px e premere ok. Ridimensiona i nostri livelli (Control-T) mentre si tiene Alt + Maiusc, renderli di una dimensione confortevole all'interno del documento.
Nome e disposizione dei livelli come segue, quindi abbiamo tre livelli "base" (questi sono i livelli grigio chiaro che costituiscono la parte anteriore del nostro oggetto) e tre livelli "3D" (gli elementi 3D grigio scuro).
Ora gruppo (Control-G) le nostre tre coppie di livelli in singoli gruppi denominati "1" "2" e "3", quindi "1" contiene i nostri livelli di testo ("base 1" e "3d 1"), "2" contiene "base 2" e " 3d 2 "e" 3 "contiene" base 3 "e" 3d 3 ".
Crea un nuovo livello e posizionalo sotto il gruppo "3", chiamalo "bg" (per lo sfondo) e riempilo di bianco. Quindi crea un nuovo livello sopra "bg" e chiamalo "bg2". Imposta il colore di primo piano su grigio # 767.676 e selezionare il Strumento sfumatura (G). Scegli un primo piano al gradiente trasparente e traccia il nostro gradiente dalla parte superiore del documento fino al centro e imposta la trasparenza del livello su 30%.
Crea un nuovo livello sopra "bg 2" e chiamalo "bg 3". Seleziona lo strumento sfumatura e premi D per impostare i colori di primo piano e di sfondo su bianco e nero. Selezionando una sfumatura dal primo piano allo sfondo, disegna una nuova sfumatura nella parte inferiore del documento e cambia il livello in 10% di opacità. Gruppo questi tre nuovi livelli e chiamano il gruppo "background".
Ora seleziona il livello "base 1" e applica a Stile sovrapposizione sfumatura (Livello> Stile livello> Sovrapposizione sfumatura) usando i colori # c81d61 e # d3347b.
Pulsante destro del mouse sul livello "base 1" e selezionare Copia stile livello. Ora seleziona "base 2" e Control-clic su "base 3" in modo che entrambi i livelli siano selezionati, quindi fare clic con il pulsante destro del mouse su due e selezionare Incolla stile layer. Doppio click nello stile di livello di "base 3" per aprire la tavolozza dei livelli e invertire la sfumatura.
Ora aggiungeremo un semplice stile di sovrapposizione dei colori a tutti i nostri livelli "3D". Seleziona "3d 1" e applica a Sovrapposizione colore (Livello> Stile livello> Sovrapposizione colore) e usare il colore # 797.979. Quindi copia questo Stile di livello (Fare clic con il tasto destro> Copia stile livello) e poi Incolla a "3d 2" e "3d 3".
Ora crea un nuovo livello nel gruppo "1" e chiamalo "splende". I nostri strati dovrebbero ora assomigliare a questo.
Imposta il bianco come colore di primo piano, seleziona un gradiente da primo a trasparente e disegna questo gradiente dal centro del documento fino all'inizio del testo.
Control-clic sulla miniatura del livello "base 1" (carica una selezione basata su quel livello) quindi vai a Seleziona> Modifica> Contratto e usare 2px come la quantità.
Imposta questo livello "lucentezza" su 30% di opacità, quindi con questa selezione attiva e con il nostro livello "lucentezza" selezionato, fare clic su Aggiungi maschera di livello pulsante situato nella parte inferiore della palette Livelli.
Ora con il Maschera di livello selezionato e il colore di primo piano impostato su nero, prendi un pennello di medie dimensioni, con bordi taglienti e maschera di più sul livello "lucentezza".
Crea un nuovo livello chiamato "lucentezza" e posizionalo nel gruppo "2" e disegna un altro gradiente da bianco a trasparente questa volta in direzione diagonale.
Control-clic sulla miniatura del livello di "base 2" (per caricare una selezione basata su questo livello) quindi Control-Shift-click sulla miniatura del livello di "base 3" (questo aggiungerà una selezione di "base 3" alla nostra selezione attuale). Ancora una volta dobbiamo contrarre questa selezione entro 2px, lo facciamo andando Seleziona> Modifica> Contratto> 2px. Con il nostro nuovo livello "lucentezza" selezionato, fai clic su Aggiungi Maschera di livello pulsante nella parte inferiore della palette Livelli di nuovo per applicare la nostra selezione come maschera. Dovresti avere qualcosa di simile.
Trasforma questo nuovo livello "lucentezza" in 50% di opacità e poi con una varietà di pennellate con bordi rigidi e morbidi, maschereremo più di questo strato.
Crea un nuovo gruppo all'interno del gruppo "1", chiamalo "3d shading" e posizionalo sopra il livello "3d 1" e sotto "base 1". Adesso Control-clic sulla miniatura del livello di "3d 1" e fare clic su Aggiungi maschera di livello per applicare la selezione al nuovo gruppo come maschera.
Crea un nuovo livello all'interno di questo nuovo gruppo e chiamalo "ombreggiatura 1", quindi con un piccolo pennello morbido impostato su 80% nero, ombra in tutte le aree che sarebbero in ombra in base alla sorgente di luce.
Quindi imposta il livello Modalità di fusione a Sovrapposizione, 50% Opacità.
Crea un nuovo livello sopra "shading 1" e chiamalo "shading 2", quindi con un piccolo pennello morbido impostato su bianco e 50% di opacità, Dipingi qualsiasi area che sarebbe illuminata dalla nostra sorgente luminosa.
Impostare "ombreggiatura 2" su 50% di opacità con Modalità di fusione - Sovrapposizione.
Crea un nuovo livello in questo gruppo e chiamalo "shading 3". Quindi con un pennello nero piccolo e morbido impostato su 100% di opacità, dipingi più ombra nelle piccole aree lungo la parte inferiore del testo che non riceveranno alcuna luce.
Ora ripeteremo questo processo per il gruppo "2". All'interno del gruppo "2", crea un nuovo gruppo sopra "3d 2" e sotto "base 2", chiamalo "3d shading 2", quindi Control-clic sulla miniatura di "3d 2" e applicare tale selezione come maschera a "3d shading 2". Quindi crea un nuovo livello chiamato "ombreggiatura 1" all'interno di questo gruppo e con un pennello nero di medie dimensioni e morbido in una certa ombra. Infine, cambia il Modalità di fusione a copertura.
Crea un nuovo livello in questo gruppo e chiamalo "ombreggiatura 2". Con un pennello medio, morbido, bianco, dipingi un punto culminante nell'angolo sinistro e cambia il livello Modalità di fusione a copertura.
Ora faremo lo stesso per il gruppo "3". Crea un nuovo gruppo chiamato "3d shading 3" e posizionalo nel gruppo "3" tra i livelli "base 3" e "3d 3". Control-clic sul livello "3d 3" e applicare la selezione come maschera a "3d shading 3". Crea un nuovo livello chiamato "ombreggiatura 1" all'interno di questa nuova cartella e imposta il Modalità di fusione a copertura. Con una grande spazzola nera dipingi delle ombre lungo il bordo inferiore.
Crea un nuovo livello chiamato "ombreggiatura 2" e con un grande pennello bianco dipingi un punto culminante come segue.
Cambia il Modalità di fusione a copertura.
OK in questa fase questo è il modo in cui l'immagine e i tuoi livelli dovrebbero apparire.
Ora torna al gruppo "1" e duplica "base 1" trascinandolo su Nuovo strato pulsante nella parte inferiore della palette dei livelli.
Apri il Stili di livello finestra per questo livello duplicato facendo doppio clic su Effetto Sovrapposizione sfumatura. Nella finestra Stile livello deselezionare il Sovrapposizione sfumatura e aggiungi un'ombra interiore con le seguenti impostazioni.
Clic destro sull'effetto stesso nella palette dei livelli e vai a Crea livello. Questo separerà l'effetto dal livello, quindi cesserà di essere uno stile di livello e sarà un'immagine di pixel su un livello a sé stante. Assegna un nome a questo livello "evidenzia 1".
Ora puoi eliminare il livello "copia base 1". Spingi "evidenzia 1" 1px a sinistra premendo il tasto freccia sinistra, quindi Control-clic sulla miniatura di "base 1" e applicare tale selezione a "evidenzia 1" come maschera di livello premendo il tasto Aggiungi maschera di livello pulsante nella parte inferiore del Livelli tavolozza.
Con la maschera di livello in atto, spingere il livello 1px su e 2px lasciato usando i tasti freccia. Questo per posizionare il punto culminante proprio dietro l'angolo del nostro lettering - da dove la luce si rifletterebbe. Ora dovresti avere qualcosa di simile.
Gruppo il livello "evidenzia 1" (Control-G) e nominare il gruppo "highlight". Dare al gruppo a Maschera di livello facendo clic sul pulsante Maschera livello. Potremmo lavorare sulla maschera di livello "highlight 1", ma in questo modo sarà più facile correggere gli errori e perfezionare la maschera.
Con la maschera di livello selezionata, utilizzando un pennello nero morbido medio, mascherare le aree della cartella di evidenziazione. Mascherare le aree che non si trovano su un bordo in alto a sinistra. Ecco come dovrebbe apparire.
Ripeti l'ultimo passaggio per i gruppi "2" e "3" - duplicando i livelli "base", applicando l'ombra interna, quindi creando un livello dallo stile e mascherandolo necessario.
OK, ci stiamo arrivando, ora vogliamo aggiungere altri colori. Crea una nuova cartella nella parte superiore di tutti i nostri livelli / gruppi e chiamala "sovrapposizione colore". Crea un nuovo livello all'interno di questo nuovo gruppo e chiamalo "sovrapposizione 1". Imposta il colore di primo piano su # 7c21c8 e selezionare il Strumento sfumatura (G) con un primo piano al gradiente circolare trasparente. Aggiungi una grande sfumatura radiale nell'angolo in basso a destra, quindi imposta il livello Modalità di fusione a Colore.
Ora crea un nuovo livello chiamato "sovrapposizione 2" e disegna un'altra sfumatura nell'angolo in alto a destra con il colore # fee409. Cambia di nuovo il Modalità di fusione a Colore.
Ora vogliamo caricare una selezione che includa tutti i nostri livelli "base". Lo facciamo da Control-clic su "base 1", Control-Shift-click su "base 2" e Control-Shift-click su "base 3".
Ora applica questa selezione come maschera di livello al gruppo "sovrapposizione colore" facendo clic sul pulsante Aggiungi maschera di livello.
Ora stiamo per aggiungere colore ai livelli "3d". Crea un nuovo livello all'interno del gruppo "1", assegna al nuovo layer "color 1" e posizionalo direttamente sopra il gruppo "3d shading 1". Seleziona il Strumento sfumatura e creare un gradiente a tre colori usando i colori # a53c3d, # c52366 e # b22d9d. Sul nuovo livello, traccia un gradiente lineare lungo tutta la lunghezza della nostra immagine e cambia "colore 1" Modalità di fusione a Colore.
Ora vogliamo mascherare questo nuovo livello di sfumatura nella forma dei nostri livelli "3D", meno la forma di alcuni dei nostri strati "di base". Potrebbe sembrare una serie complessa di clic, ma è necessario per ottenere la giusta selezione, quindi è importante seguire questi clic correttamente e ricordare, è necessario fare clic sulla miniatura del livello, non sul livello completo.
Per prima cosa, Cmd / Ctrl + clic su "3d 3", quindi Cmd / Ctrl + alt-clic su "base 2", Cmd / Ctrl + Maiusc-clic su "3d 2", quindi Cmd / Ctrl + Maiusc-clic su " 3d 1 ", infine Cmd / Ctrl + Alt-clic su" base 1 ". Quando hai selezionato, applicalo come maschera di livello a "colore 1".
Successivamente, crea un nuovo livello all'interno e nella parte superiore del gruppo "2" e chiamalo "shadow". Premuto il tasto Control la miniatura di "base 2" e Control-Shift-click la miniatura di "3d 2" e applica quella selezione come maschera al livello "ombra". Su quel livello, con un pennello medio, morbido, su 30% di opacità nero, dipingi in una piccola ombra dove la parte superiore del nostro ricciolo scompare dietro il testo. Ciò creerà l'illusione della distanza tra questi due elementi.
Ora dobbiamo fare la stessa cosa più in basso nella spirale in cui si sovrappone a se stessa. Crea un nuovo livello all'interno e sopra il gruppo "3" e chiamalo "shadow 2". Control-clic la miniatura di "base 3" il Control-Shift-click la miniatura di "3d 3" per caricare la selezione e quindi applicarla come maschera a "shadow 2". Con un pennello medio, morbido impostato su 30% nero, dipingi in una piccola ombra sul vortice che è sotto.
OK, abbiamo appena finito adesso, solo una piccola ombra e una riflessione lasciati da aggiungere. Se comprimi tutte le tue cartelle ora, dovresti rimanere con cinque gruppi principali. Seleziona tutti loro separatamente da "sfondo" e trascinali sul Nuovo strato pulsante per duplicarli. Con tutte le cartelle duplicate selezionate colpisci Control-E per unirli in un livello, denominare questo livello "riflessione". Trasformazione libera questo strato (Control-T) poi tasto destro> Capovolgi verticale. Sposta questo livello lungo la pagina e aggiungi una maschera di livello.
Con bianco e nero come colori di primo piano e di sfondo, disegna una sfumatura lineare in primo piano con lo sfondo sulla maschera, dalla parte inferiore del riflesso verso l'alto, quindi cambia il livello Opacità giù verso 10%.
Infine, crea un nuovo livello, appena sopra il nostro gruppo "sfondo" e chiamalo "ombra". Con il nero come colore di primo piano, seleziona il Strumento sfumatura (G) scegli una sfumatura radiale e disegna un grande primo piano a una sfumatura trasparente nel mezzo della nostra immagine.
Trasforma questo livello (Control-T) e trascinalo con le ancore superiore e inferiore per ridurne l'altezza come mostrato
Prima di rilasciare il Trasformazione libera, fare clic destro e selezionare Prospettiva. Trascina l'ancora in alto a destra verso sinistra (la sinistra lo rispecchierà) e premi Invio.
Gira il livello Opacità giù verso 30% e questo è tutto!
Ami gli effetti 3D? Quindi dai un'occhiata alla nostra selezione premium di stili di livello 3D da Envato Market.
Aggiorna la tua tipografia con un sorprendente testo 3D! Questo pacchetto di stili di pristine layer include 10 file Photoshop suddivisi in due livelli di testo. Aggiorna facilmente il testo con uno dei tuoi da inserire nei tuoi progetti oggi!
Accentsconagua