Share
Questa è la prima parte di una serie in due parti. La seconda parte verrà rilasciata domani. In questo pezzo imparerai come dare vita a un testo semplice e mettere tutto in uno spazio 3D fantastico, colorato e luminoso. Alcune tecniche pulite qui illustrate ti permetteranno di portare la tua arte al livello successivo. Da non perdere!
Dai un'occhiata all'immagine che creeremo alla fine di questa serie di due parti. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.
Questa serie di tutorial è una sorta di continuazione del tutorial Super Malleable Lines. Ci sono alcuni effetti simili mostrati qui, ma da un'angolazione molto diversa. Nella parte I di questo tutorial, ci concentreremo su come creare testo 3D e l'effetto splatter.
Prima di tutto, per creare il testo 3D, è necessario scaricare la versione demo di Xara 3D6. Puoi anche usare Adobe Illustrator, ma ti consiglio vivamente di procurarti Xara per questo pezzo. Scarica anche l'immagine della texture del metallo colorato che useremo da cgtextures.com.
Il modo migliore per iniziare un pezzo d'arte colorato è trovare i colori giusti. Nel tutorial Super Malleable Lines, i colori dello sfondo erano soleggiati, quindi questo ci ha dato una calda impressione. Qui ci sposteremo di più in toni freddi.
Iniziamo con l'apertura di un nuovo documento di circa 1350 pixel per 1600 pixel con una risoluzione di 300px / pollice. Crea un nuovo livello e crea una corrispondenza di colori breve. Non scegliere il primo colore che scegli, prova a giocare con alcuni toni diversi. Le persone spesso distruggono le loro opere con sfondi di cattiva qualità.
Quindi ora che abbiamo trovato un colore adatto, prendi lo strumento secchiello (G) e riempi il nuovo livello con # 166a91. Denominare questo livello "sfondo".
Ora quello di cui abbiamo bisogno è dare un po 'di vita a questo background. Ancora una volta, dedicare un po 'di tempo alla ricerca dei colori, cerca di ottenere alcuni toni freddi appropriati. Quello di cui sto parlando è trovare toni più scuri e chiari di questo colore blu. I colori che ho usato sono mostrati nelle immagini qui sotto.
Se hai già scelto un buon colore più scuro (o se hai qualche problema con i colori, fai riferimento alle immagini qui sotto - ho mostrato il colore specifico usato). Afferra lo strumento Pennello (B), imposta Flusso su 5%, Durezza su 0% e ingrandisci il diametro come vedi sotto. Crea un nuovo livello, chiamalo "bg_color" e dipingi negli angoli con questo grande pennello. Fai ogni spazzolatura di nuovo colore sul proprio nuovo livello.
Prova a dipingere in punti diversi, in pratica rendi i bordi più scuri e quelli più chiari. In questo modo riceverai dei gradienti irregolari e questo è quello che vogliamo.
Quando hai finito col colorare lo sfondo, assicurati che tutto funzioni per te. I colori mi sembravano un po 'troppo luminosi, quindi ho deciso di andare alla palette dei livelli e ho aggiunto un nuovo livello di regolazione di tonalità / saturazione sopra tutti gli strati. Poi ho leggermente diminuito la saturazione, rimuovendo un po 'di colore.
Ora apri una trama di metallo macchiato. Non so perché questo si chiama "metallo", mi sembra come delle macchie. In ogni caso, le macchie sono il punto, puoi scegliere un'immagine a tua scelta. Deve essere adatto alle tue esigenze.
Ora premi Comando + T, usa Distorsione per rendere una prospettiva di questa immagine. Quindi premi Comando + Maiusc + U per desaturare. Comando-clic sulla miniatura di questo livello per chiamare la selezione. Copia usando Command + C.
Torna al nostro documento di progetto principale. Afferra lo strumento Penna (P) e disegna una forma di schizzi, quindi trasformala in una selezione. Crea un nuovo livello soprattutto, chiamalo "trama". Ora vai a Modifica> Incolla in. La nostra texture dovrebbe ora essere incollata dinamicamente nella selezione, significa che puoi cambiare la sua posizione all'interno della selezione. Ora modifica il metodo di fusione del livello in Sovrapponi e imposta Opacità al 70% e il tuo progetto dovrebbe assomigliare alla seconda immagine in basso.
Ora crea innanzitutto un nuovo livello e chiamalo "splatter shading". Afferra lo strumento Pennello (B) e cambia il colore in # 125361. Assicurati che le impostazioni del pennello siano molto morbide, ad esempio Durezza 0%, Flusso 10%. Ora effettua la selezione del livello di trama (fai clic con il tasto Comando sulla miniatura del livello). Dai un'occhiata alla terza immagine qui sotto e dipingi nei punti indicati. Abbiamo bisogno di scurire le parti curve interne di questo splatter per creare un aspetto convesso. Questo splatter deve apparire un po ', per non essere così piatto. Fare riferimento alla 4a e alla quinta immagine di seguito.
OK, ora che hai creato dell'ombreggiatura, passiamo alle luci. Guarda la prima immagine qui sotto. Ho fatto una piccola preparazione (questo non è qualcosa che devi fare). Prima di aggiungere l'illuminazione devi immaginare come sarebbe se fosse reale. Così ho creato diverse linee semplici per mostrare quali luoghi sono buoni per impostare le luci.
Se sei pronto, crea innanzitutto un nuovo livello e chiamalo "splatter lighting". Chiama la selezione del livello "trama". Ora con le stesse impostazioni del pennello e un colore più luminoso # 99e9ea, inizia a dipingere nei punti indicati (tieni un piccolo spazio dal bordo dello splatter).
Nota: ricorda che sei in grado di apportare modifiche ogni volta che ritieni che qualcosa non sia giusto, quindi se dai troppa ombra o illuminazione, aiutati con lo strumento gomma morbida (E) per cancellare parti indesiderate.
Prima di spostarci ulteriormente, vai alla tavolozza dei pennelli e cambia le impostazioni del pennello, come mostrato di seguito.
A cosa serve questo? Usando un pennello piccolo, morbido e sbiadito puoi facilmente dipingere con un mouse. Se dipingi in un punto, ti è permesso fare alcune linee di fallimento, dato che saranno appena visibili. Fare riferimento alla seconda immagine in basso e osservare come vengono create le linee di luce. Nella terza immagine in basso ci sono delle frecce bianche che indicano dove dipingere. Aggiungi queste linee di luce su ciascun bordo esterno esterno dello splatter.
Ora, non modificare le impostazioni del pennello, solo aumentare leggermente il diametro e cambiare il colore in bianco. Quindi crea innanzitutto un nuovo livello, chiamalo "sovrapposizione di luci". Imposta il metodo di fusione di questo livello su Sovrapponi e inizia a dipingere negli stessi punti indicati nel passaggio 6. Crea solo piccoli punti, non linee.
Continua ad aggiungere illuminazione su parti dello splatter selezionate. Ricorda di lavorare in modo dinamico con il tuo diametro. Puoi passare da più grande a più piccolo per creare luci spot carine.
Aiuta anche te stesso con lo strumento Gomma (E) e una gomma molto morbida, qualcosa come lo 0% di durezza e l'8% di flusso. Prenditi tutto il tempo mentre lavori sui dettagli.
Quindi, crea innanzitutto un nuovo livello, chiamalo "splatter touch up" e modifica la modalità di fusione in Moltiplica. Ripristina le impostazioni del pennello. Quindi imposta il pennello su Durezza 0%, Flusso 5%, cambia il colore in # 125361. Ora guarda la prima immagine qui sotto e scurisci nei punti indicati con un semplice tocco. Quindi passa a un colore bianco, crea un nuovo livello, chiamalo "splatter light", quindi usa le stesse impostazioni del pennello per aggiungere più luce a questo splatter.
Prima di passare alla creazione di splatter shadow, ecco un paio di cose che devi capire:
Non abbiamo specificato la fonte di luce in questo lavoro in modo da saltare l'ombra causata dalla luce sorgente. Ci occuperemo solo dell'ombra al di sotto dello splatter (fare riferimento al puntatore 2 nel passaggio precedente).
Ora c'è solo una leggera differenza tra lo splatter con l'ombra e senza di esso. Ma per ora va bene. Nella parte II di questo tutorial, renderemo questa superficie più sporca e questo darà un effetto ombra più forte.
Abbiamo quasi finito, ma prima di andare oltre voglio che guardi la terza immagine qui sotto. Forse ti stai chiedendo perché questi punti non hanno ombra? Lo splatter sembra un oggetto 3D, quindi se lo avessi nel programma 3D potresti ruotarlo vedendo come appare ogni lato. Ora, se tu potessi guardare lo splatter dal lato destro, l'ombra sarebbe lì. Ma dal nostro punto di vista (anteriore) non è visibile, quindi non lo aggiungiamo.
È piuttosto difficile da spiegare, a volte devi solo immaginare come sarebbe nella realtà.
OK, una volta che abbiamo finito con lo splatter, possiamo andare oltre per creare del testo. Ma prima di farlo, diamo un'occhiata alla prima immagine qui sotto. Come vedi, non tutta la spruzzata era coperta di luci e ombre. L'area indicata con il colore rosa sembra incompiuta. Va bene, perché ho progettato questa illustrazione dall'inizio per creare un testo nel mezzo. Quindi il testo dovrebbe coprire alcune imperfezioni della schiena.
La seconda, terza e quarta immagine qui sotto sono una piccola dimostrazione di come ho pianificato fondamentalmente di fare il testo. Ho fatto una piccola preparazione perché non sapevo esattamente come dovesse apparire. Questo non è qualcosa che devi fare, ma a volte è bene sperimentare. Così, quando questo testo piatto si è verificato, mi sono venute in mente molte idee. Questo mi ha aiutato molto a vedere ciò che voglio ottenere.
Per mettere il testo 3D su una superficie nello spazio 3D è necessario impostare la linea dell'orizzonte. Dai un'occhiata alla prima immagine qui sotto. La mia base era lo splatter che ho creato. Nel nostro caso la linea dell'orizzonte dovrebbe essere un po 'sopra il bordo superiore dello splatter. Non devi disegnare queste righe come ho fatto nella prima immagine qui sotto, prova solo a immaginare dove dovrebbe essere questa linea.
Questo non è necessario in alcuni pezzi astratti dove ad esempio: le lettere volano in aria, poiché possono ruotare.
Prima di passare alla creazione del testo 3D, è necessario comprendere anche la posizione delle lettere: dai un'occhiata alla seconda immagine qui sotto. Se le lettere si trovano al di sotto della linea dell'orizzonte, ricorda che le guardi dall'alto e questo è il modo in cui creeremo il nostro testo.
OK, finalmente qualche azione. Apri Xara3D 6. E come ho detto prima, tieni visibile la parte superiore delle lettere. Xara è molto facile da usare, se passi circa 5 minuti scoprirai tutto.
Nelle immagini qui sotto ho indicato alcune opzioni più importanti che sono state usate qui per generare questo testo. Ti consiglio di giocare con le tue impostazioni personali. Ma se vuoi ottenere qualcosa di simile al mio, i colori qui usati sono:
Il resto delle opzioni di colore rimane intatto.
Le persone a volte dimenticano alcune cose in Xara3D 6:
OK, abbiamo salvato il testo in formato PNG in modo che sia trasparente. Ora apri il testo in Photoshop e trascinalo nel nostro progetto. Quindi premi Command + T (Free Transform) e seleziona Warp. Cerca di rendere questo testo meno dritto e più arrotondato come se stesse girando. Dà una sensazione 3D migliore.
Poi fai riferimento alla terza immagine qui sotto: prendi lo strumento Brucia (O), imposta l'intervallo sui mezzitoni, il flusso al 25% e dipingi un po 'sul fondo di ogni lettera (più tardi questo ti aiuterà a ottenere un effetto ombra migliore).
Dopodiché, correggi alcuni toni del testo usando Livello> Regolazioni> Colore selettivo (avanti e quinta immagini sotto). Questo dipende dal gusto personale. Prova a regolare principalmente i rossi, poiché questa opzione influirà principalmente sul testo rosa.
OK, ora dai un'occhiata alla prima immagine qui sotto. Ho indicato alcuni posti che sembrano piuttosto male. Questo colore scuro non si adatta perfettamente alla nostra illustrazione. Accanto, la freccia rossa indica un punto che Xara ha distrutto, sembra sporco. Stiamo andando a ritoccare tutti questi punti.
Quindi, prima prendi lo strumento Penna (P) e traccia un percorso nel punto più inquietante di questo testo (è indicato da una freccia rossa). Attiva questa selezione (fai clic con il pulsante destro del mouse> Crea selezione). Quindi selezionare lo strumento Timbro clone (S), fare riferimento alla terza immagine in basso. Imposta le tue impostazioni come le mie (imposta anche la durezza su 0%). Quindi ritoccare questo punto dall'aspetto negativo. Ed è bello farlo su un nuovo livello.
OK, ora prendiamo cura del resto dei punti dall'aspetto negativo. Crea un nuovo livello sopra il livello del testo, puoi chiamarlo "correzione del testo" e cambiare il suo metodo di fusione in Sovrapposizione. Afferra lo strumento Pennello (B), cambia le impostazioni del pennello in Flusso 10%, Durezza 0% e dargli un grande diametro. Ora scegli # ffbdf3 per il colore. Tenere premuto Comando-clic sulla miniatura del livello di testo per chiamare la selezione di questo testo. Quindi fai una pennellata morbida sulle macchie che sembrano troppo scure.
Il compito principale è scegliere un colore rosa brillante (che corrisponda al colore del testo) e coprire alcune imperfezioni utilizzando la modalità di fusione sovrapposta. Puoi anche attraversare alcuni punti casuali di facce di testo, questo darà una bella varietà tonale al testo.
Ora prendiamoci cura del gloss. Ho scritto tutto sulle immagini qui sotto, dovresti essere in grado di seguirle facilmente. La cosa principale è creare un gradiente morbido dalla metà di queste lettere verso l'alto.
Puoi farlo nel modo in cui ti senti a tuo agio, anche se penso che il modo in cui viene mostrato di seguito sia piuttosto bello e veloce.
Passiamo alla creazione di una certa profondità. Queste lettere sembrano OK per ora, ma non è ancora niente di speciale. Dobbiamo dare loro un aspetto più unico. Creeremo l'illusione che il testo rifletta qualcosa dall'ambiente. E la cosa è che nessuno si preoccupa che il riflesso mostri oggetti reali o falsi, purché sia bello.
Quindi fai clic con il tasto Comando sulla miniatura del livello di testo per chiamare la selezione di questo testo. Quindi premi Comando + Maiusc + C (Copia unito) e Comando + V (Incolla). Ora abbiamo creato esattamente lo stesso duplicato dell'intero testo. Assegna un nome a questo livello "Riflesso 1", crea alcuni duplicati di questo livello e chiamali in ordine "Riflesso 1", "Riflesso 2" e "Riflesso 3."
Ora prendi uno dei livelli di riflessione, premi Comando + T (Trasformazione libera) e ruotalo come vedi nella prima immagine qui sotto. Quindi chiama la selezione dal livello di testo originale (seconda immagine sotto). Vai a Seleziona> Inversa e premi Elimina (ricordati di selezionare il livello di riflessione trasformato mentre premi il pulsante Elimina). Dovresti ottenere qualcosa che assomigli alla seconda immagine qui sotto.
Quindi cambia l'opacità del livello di riflessione a circa il 15-20% e imposta la modalità di fusione su Sovrapponi. Dovresti ottenere qualcosa di simile alla terza immagine qui sotto. Assicurati che il riflesso rimanga solo nelle facce del testo, quindi se vai da qualche parte usa una gomma morbida per effettuare i ritocchi (avanti immagine sotto).
Ripeti il processo di riflessione circa 2-3 volte fino a coprire l'intero testo (con attenzione, non arrivare a confusione). Fai riferimento alla quinta immagine qui sotto, dovresti ottenere qualcosa di simile.
Ora renderemo ancora più forte l'effetto lucido e riflettente. Afferra lo strumento Gomma (E), imposta Flusso su 5% e Durezza a 0%, quindi fai una piccola cancellazione attorno alla lucentezza di ogni lettera (dove indicano le frecce bianche). Quindi passare allo strumento Brucia (O), impostare l'Intervallo su Mezzitoni ed Esposizione su circa il 20% e aggiungere una certa profondità a ciascuna lettera (dove indicano le frecce rosse).
Ora risolviamo alcuni problemi di illuminazione. Ovviamente il testo è per lo più schiarito dall'angolo in alto a sinistra (prima immagine sotto). Puoi vedere che il lato in alto a sinistra di queste lettere è più luminoso del lato destro. Ovviamente ci sono poche fonti di luce su questo testo perché anche il frontale è luminoso, ma concentriamoci sulla fonte di luce più forte.
Guarda la seconda immagine qui sotto, sembra che ci manchi qualcosa. Il resto di queste lettere ha una bella luce e ombra, ma la parte superiore delle lettere "L" e "R" manca quasi completamente di ombreggiatura. Probabilmente è causato dalla luce di Xara. Immagino che fosse troppo basso per raggiungere la cima di queste lettere. Ma non è un problema, lo sistemeremo, visto che in seguito sembrerà molto meglio.
Quindi chiama la selezione del livello di testo (terza immagine sotto). Afferra lo strumento Pennello con le stesse impostazioni precedenti (Durezza 0%, Flusso attorno al 5%), cambia il colore in un rosa più scuro (# 79185d). Crea innanzitutto un nuovo livello, chiamalo "ombra aggiuntiva" e inizia a dipingere sul lato destro della parte superiore di queste lettere, fai riferimento alla terza immagine qui sotto.
Quindi crea un nuovo livello sopra, chiamalo "luce addizionale" e ripeti lo stesso processo, ma questa volta dal lato sinistro di queste lettere (vedi 4 immagine sotto).
Nota: ricorda sempre di aiutare te stesso con una gomma morbida se qualcosa non va bene.
Vai alla palette dei livelli e crea un nuovo livello di regolazione Mappa sfumatura sopra tutti i livelli. Seleziona il gradiente da Nero a Bianco e dovresti avere qualcosa di simile alla prima immagine qui sotto. Quindi cambia il metodo di fusione di questo livello in Luce soffusa e abbassa l'opacità al 70% (seconda immagine sotto).
Infine chiama la selezione del livello di testo, vai a Seleziona> Inversa. Quindi vai alla tavolozza dei livelli e seleziona la maschera del livello Mappa sfumatura. Una volta fatto, prendi lo strumento secchiello (G), cambia il colore in nero e riempi la maschera (terza immagine sotto).
E cosa ha fatto? Ora siamo sicuri che questa mappa del gradiente riguarda solo questo testo, niente al di fuori di esso.
Ora è un piccolo dettaglio, ma mi piace aggiungere questo. Cambia le impostazioni del pennello in Durezza 100%, Flusso 100%, quindi prendi lo strumento Penna (P). Crea innanzitutto un nuovo livello e crea una curva o una linea retta in cima a ciascuna lettera come vedi sotto.
Al termine, fare clic con il tasto destro e selezionare Traccia percorso. Assicurati che l'opzione Simula pressione sia selezionata.
Immagino che la parte più difficile di tutte sia sempre l'aggiunta di ombre. OK, prima di tutto facciamo un'ombra standard tra splash e lettere.
Prima di iniziare, ricorda che è bene trattare ombre con lo stesso colore della superficie ma in tonalità diversa. Quindi la nostra superficie splatter è di un colore blu chiaro, quindi per l'ombra scegli un colore blu scuro (qualcosa come # 092330). Ora prendi lo strumento Pennello (B), ricorda di avere Durezza impostata su 0% e il resto delle opzioni che hai sotto.
Crea un nuovo livello sotto il livello di testo e chiamalo "ombra del testo". Inizia con un diametro piccolo e aggiungi piccole linee d'ombra esattamente sotto le lettere. Rendi il tuo diametro più grande per riempire gli spazi vuoti tra le lettere.
Nota: aiuta sempre con una gomma morbida!
Stiamo andando alla fine della prima parte di questo tutorial. Di solito gioco con alcune regolazioni generali quando sto per finire. Quindi vai alla tavolozza dei livelli, crea un nuovo livello di regolazione della Mappa sfumatura, seleziona il predefinito "Viola, Arancione" e fai clic su OK. Quindi cambia il metodo di fusione di questo livello in Luce morbida e abbassa la sua opacità a circa il 20% (questo darà un po 'più di calore a questo pezzo).
Quindi ripeti questa procedura, ma questa volta crea una mappa sfumatura dal blu scuro (nero verde) # 202930 a un colore più chiaro (anche trasformandolo in grigio) # 31505b. Imposta il metodo di fusione di questo livello su Luce soffusa e Opacità a circa l'80%. Ciò aumenterà un po 'di colore e contrasto.
Questo testo sembrava ancora troppo freddo per me, quindi ho deciso di creare un'altra mappa sfumatura utilizzando la stessa procedura. Questa volta ho usato i colori da # 2e2111 a # e2be84 (terza immagine sotto). Questi sono alcuni colori brunastri e giallastri per aggiungere un po 'di calore. E cambia di nuovo il metodo di fusione di questo livello in Luce soffusa e la sua opacità a circa il 30%.
E infine puoi aggiungere il livello di regolazione Curve, se lo desideri. Questo non è necessario, ma penso che il tono scuro e contrastato dia una bella sensazione. Puoi anche giocare con il canale rosso in Curve per dare al colore del testo un aspetto più desiderato.
Dopo aver aggiunto alcune mappe sfumate, ho deciso di spostare alcune parti chiare (indicate dalle frecce bianche). Ho anche fatto una piccola correzione dell'ombra perché sembrava troppo scura e densa.
Inoltre, come puoi vedere nella seconda immagine in basso, ho abbassato l'opacità dell'ombra tra il testo e lo splatter. È solo perché le curve hanno reso un po 'troppo buio.
Sii pronto per eventuali correzioni, dopo aver regolato i colori e il contrasto a volte potresti voler cambiare qualcosa. Ed è bello dare un nuovo sguardo al tuo pezzo e lavorare su alcuni dettagli se non si adattano correttamente.
Così ora sai come creare uno splatter fresco da zero, aggiungi un testo 3D colorato lucido. Riempi l'intera immagine con colori fantastici e posiziona tutto nello spazio 3D. Penso che ci siano molti effetti e tecniche utili che puoi usare nei tuoi progetti.
E così abbiamo raggiunto la fine del tutorial Parte I. Sebbene questo pezzo abbia bisogno di un lavoro più dettagliato su di esso, poiché è troppo vuoto. Quindi, nella seconda parte dell'esercitazione, imparerai alcune belle tecniche per ottenere effetti luminosi e creare un aspetto creativo e disordinato. Dai un'occhiata presto!
Grazie per aver letto il tutorial. È possibile visualizzare l'immagine finale di questa serie in due parti di seguito o visualizzare una versione più grande qui.
Accentsconagua