Read this tutorial in English language

Leggi questo tutorial in lingua Inglese

Vista la vicinanza del 14 febbraio (che è San Valentino), ho pensato di fare un tutorial che potesse entrarci in qualche modo con questa data. Quello che cercheremo di fare, sarà creare una scritta infuocata “LOVE” che al posto della “O” ha un cuore. Partiamo?

Prima di cominciare facciamo il punto della situazione sui font che adopereremo. Utilizzeremo un font che dovreste avere tutti, e cioè un Arial Black per le lettere “L, V, E” e un Sexy Rexy Smitten per la “O”. Quest’ultimo font lo potete scaricare cliccando qui, mentre questa è l’home page del font:

http://www.dafont.com/sexyrexy-smitten.font

Una volta scaricato lo zip, troverete oltre al font (inseritelo nella cartella dei vostri font tramite pannello di controllo —> Caratteri o Font), anche varie immagini. Tra queste è presente la mappa dei caratteri, che è utilissima per sapere a che immagine corrisponde ogni carattere che digitiamo. Nel tutorial io ho scelto un semplice cuore che corrisponde alla lettera “W” (doppia v maiuscola), ma potete scegliere qualsiasi altra figura con la sua relativa lettera.

Ok, cominciamo sul serio. Create un nuovo documento di dimensioni a vostro piacimento; queste sono le mie preferenze:

Assicuratevi di avere come colore di sfondo il nero e come colore di primo piano il bianco. Scegliendo Colore di Sfondo (Background Color) il documento sarà riempito di nero.

Ora selezionate lo Strumento Maschera testo orizzontale (Horizontal Type Mask Tool):

Impostate lo strumento in questo modo:

Scrivete ora quello che desiderate, nel mio caso LWVE (La W diventerà un cuore):

Andate ora a selezionare la “W” e cambiate il font da Arial Black a SexyRexy-Smitten:

Esiste la possibilità che la dimensione che avete utilizzato per le altre lettere facciano diventare troppo grande il cuore (nel senso che non entra nel documento); quindi potete abbassare la dimensione del simbolo a vostra discrezione, io l’ho portata da 250pt a 220pt:

Perfetto, clicchiamo sullo Strumento selezione rettangolare (Rectangular Marquee Tool) ed utilizziamolo per spostare la scritta nel punto del documento più idoneo (io l’ho messa in centro); per muovere la scritta basta cliccare dentro la selezione che vi appare e, tenendo premuto il tasto sinistro del mouse, muovere la scritta:

Con lo Strumento Secchiello (Paint Bucket Tool), andiamo a riempire di bianco la selezione (basta un click dentro la selezione stessa):

Deselezioniamo la scritta andando su Selezione —> Deseleziona (Select —> Deselect):

Perfetto. Utilizziamo ora lo Strumento sfumino (Smudge Tool), indicato da questo simbolo: , ed impostiamolo nel seguente modo:

Logicamente la dimensione scelta dipende dalla dimensione della vostra scritta, per me è bastato un 30px, ma a voi potrebbe servirvi anche un valore più grande (o più piccolo). Adesso viene la parte “difficile”; dovete cercare di simulare i movimenti ondulati del fuoco sulla scritta. Fate un po’ di pratica con lo strumento e vedrete che è facile.

Come noterete parto dai bordi della scritta e vado verso l’alto. Dopo aver tracciato le basi delle prime fiamme, provate a riprendere le fiamme stesse per renderle più sfuocate e meno marcate. Fate questo lavoro per tutto il testo:

Tutte le lettere devono essere infuocate in ogni punto, le fiamme partono dal basso e vanno verso l’alto; inoltre possono rientrare (rovinando così la struttura stessa delle lettere e dando maggior realismo al tutto). Aggiungete ora un livello di Bilanciamento Colore (Color Balance), cliccando nell’apposita icona in basso nella finestra dei livelli (Crea un nuovo livello di riempimento o di regolazione / Create new fill or adjustments layer):

Cliccando nell’icona vi apparirà una finestra nella quale dovrete impostare alcuni parametri, partiremo impostando le Ombre (Shadows), poi passeremo ai Mezzitoni (Midtones) ed infine aggiusteremo le Luci (Highlights). Di seguito le impostazioni per ogni parametro:

Ombre (Shadows)

Mezzitoni (Midtones)

Luci (Highlights)

Proseguiamo adesso riscrivendo quello che abbiamo scritto all’inizio utilizzando però lo Strumento testo orizzontale (Horizontal Type Tool):

Cambiamo il colore del testo da bianco a nero semplicemente cliccando sulla doppia freccetta (Scambia i colori di primo piano e di sfondo / Switch Foreground and Background Colors) presente nella finestra degli strumenti:

Naturalmente ricordatevi di selezionare il testo ! Fatto il cambio di colore, con lo Strumento sposta (Move Tool), spostate la nuova scritta fino a farla combaciare con la scritta infuocata:

Ricordatevi di selezionare il nuovo livello e che per muovere un livello con lo Strumento sposta (Move Tool) basta cliccare con il tasto sinistro del mouse e tenendolo premuto, spostare il livello.

Selezionate ora il livello di partenza con la scritta infuocata. Andate su Filtro —> Sfocatura —> Controllo sfocatura… (Filter —> Blur —> Gaussian Blur…), ed impostate il raggio (Radius) a circa 4px:

Cliccate su Ok ed andate a cambiare la modalità del livello di testo creato per ultimo da Normale (Normal) a Sovrapposto (Overlay):

Ci siamo, questo dovrebbe essere il vostro risultato:

Cliccate sopra l’immagine per vederla nelle dimensioni reali.

• Guarda il video del tutorial su youtube!

Con questo tutorial imparerete (spero), a creare scritte dallo stile “grunge”, cioè un po’ sciupate, disastrate, e chi più ne ha più ne metta. Esistono molte tecniche per farlo, ma quella che vi mostro è forse la più veloce. Utilizzeremo una scritta ed un’immagine.

Cominciamo dunque con il creare un nuovo documento avente le misure che desiderate, andiamo su File —> Nuovo (File —>New), ed inseriamo i dati:

Io ho fatto un documento 600×500px riempito di bianco

Procediamo creando il nostro testo utilizzando un font abbastanza “cicciotto”, come ad esempio impact, o come quello scelto da me, Dinova. Ovviamente utilizzeremo lo Strumento Testo (Horizontal Type Tool):

Notate la diversa grandezza delle varie parole ed il colore (un semplice rosso). Le grandezze del testo (e tante altre opzioni), potete modificarle anche cliccando nel pulsante indicato dalla freccia verde in alto a destra (Palette dei caratteri e dei paragrafi – Toggle the characters and paragraph palettes).

Dopo aver completato la scritta, procediamo utilizzando un’immagine; è necessario chiarire che non ha molta importanza cosa vi sia fotografato od altro, l’unica cosa importante davvero è che sia un po’ confusionaria, tipo una foto di un paesaggio con molti alberi o una foto di una metropoli. E’ importante anche che ci siano abbastanza colori. Ecco l’immagine che ho scelto io:

Ora andiamo su Immagine —> Regolazioni —> Soglia… (Image —> Adjustments —> Threshold…):

Nella finestra che vi appare dobbiamo regolare il parametro cercando di avere molte zone nere separate tra loro, il nostro obiettivo è cioè cercare di avere una resa dell’immagine il più frastagliata possibile. Io ho portato la Soglia (Threshold) al valore 50, ma voi dovete vedere caso per caso:

Potete vedere la resa dell’immagine dietro la finestra

Bene a questo punto con lo Strumento Bacchetta Magica (Magic Wand Tool), andate a selezionare (cliccando) una parte della foto nel quale ci sia nero:

Nell’immagine ho cliccato con lo strumento in una parte dell’immagine nella quale c’era il nero e potete notare il tratteggiato delle parti selezionate.

Ciò che ci interessa è selezionare tutte queste parti nere, ed il modo più veloce per fare questo, dopo aver cliccato in una singola parte, è quello di andare su Selezione —> Simile (Select —> Similar), che ci selezionerà tutte le parti simili a quella da noi selezionata:

A questo punto andiamo su Modifica —> Copia (Edit —> Copy), e torniamo al documento con la scritta iniziale.

La cosa da fare innanzitutto è selezionare il livello di sfondo (select background layer) cliccandoci sopra, e riempirlo di nero tramite la scorciatoia per Windows ALT+BACKSPACE e per Mac OPTION+DELETE:

Ok, ormai ci siamo. Resta da selezionare il testo (solo il testo) cliccando sopra la finestrina del livello e contemporaneamente tenendo premuto CTRL (in Mac è Command+Click); così facendo tutto il nostro testo sarà evidenziato:

Procediamo quindi con l’ultimo passaggio, attraverso il quale diamo al testo un effetto in stile grunge; cliccate su Modifica —> Incolla Dentro (Edit —> Paste Into):

Notate che nel momento in cui “incollate” viene creato un nuovo livello che potete muovere con lo Strumento Muovi (Move Tool), per far apparire il testo nel modo che più desiderate.

Enjoy !

Oggi, dopo molto tempo, vedremo come sia possibile realizzare scritte 3D con Illustrator. Armatevi di pazienza perché è più facile da fare che da dire ! Tanto per iniziare dovete aprire Illustrator, poi creare un nuovo documento di dimensioni che preferite; io ho scelto 600px per 600px (File —> New…):

Fatto questo selezionate il Type Tool (Strumento Testo) e poi impostate la grandezza dei caratteri ed il font come preferite (in modo da vedere bene ciò che fate):

Cliccate sullo Strumento Testo

Scegliete font, stile e dimensione

Ok, ora non dovete far altro che scrivere quello che più desiderate; io ho scritto due semplici lettere “CW“. Una volta scritto tutto, cliccate sullo Strumento di Selezione (Selection Tool) e selezionate il testo appena scritto cliccandoci sopra:

Cliccate sul Selection Tool

Una volta selezionata la scritta, vi apparirà questa “cornice” azzurra

Perfetto, ora applicchiamo al testo qualche effetto: andate su Effect —> Warp —> Arc…

Nella finestra che vi apparirà impostate i seguenti valori:

Ecco come dovrebbe apparirvi il testo:

Adesso andate su Effect —> 3D —> Extrude & Bavel:

Nelle regolazioni impostate Extrude Depth a 30pt:

Fatto questo cliccate su Object —> Expand Appearence per ottenere un risultato simile:

Come potete vedere è stato creato un tracciato formato da punti uniti; quello che noi desideriamo fare è scindere la parte frontale delle lettere (quella liscia) dalla tridimensionalità che è dietro. Per fare questo dobbiamo cliccare più volte su Object —> Ungroup:

Clicchiamo più volte fino a che la parte frontale del testo non è completamente scissa dal dietro

Fatto questo dobbiamo rendere uniformi le parti curvose e non unite del testo dietro (in 3D), questo perché altrimenti in fase di colorazione verrebbero come parti disunite con distacco netto dovuto ai piccoli rettangolini. Quindi mergiamo queste parti tramite il comando Add to Shape Area presente nella finestra PathFinder (chi non la vedesse può attivarla cliccando su Window —> Pathfinder):

Cliccate sulla parte da mergere (quelle stondate e tutte quelle che presentano più di un tracciato interno; per capirsi che sono formate da più rettangolini azzurri) e poi tenendo premuto ALT, cliccate sul bottone Add to Shape Area (indicato dalla freccia rossa). Mi raccomando di farlo per ogni lettera.

Questo vi farà avere una colorazione perfetta e non “a scatti”. Adesso selezionate le due parti frontali delle lettere tenendo premuto Shift e cliccando su ognuna:

Come vedete per mettere il gradiente dovete aver attivato la Finestra Color (Window —> Color); fatto questo dovete cliccare nella scheda Gradient in basso e scegliere i colori che desiderate in più modi (o selezionandoli dallo spettro, o indicandoli in rgb, o trascinando quelli di default nella barra del gradiente, etc…).

Bene, ora tenendo premuto Shift, cliccate su tutte le parti dietro la parte frontale per selezionarle tutte:

Dopo aver selezionato ogni parte ad esclusione di quelle già colorate, selezionate lo strumento Eyedropper Tool (Contagocce), e cliccate in un punto già colorato. Così facendo si colorerà in automatico anche la parte tridimensionale:

Nelle impostazioni del gradiente di queste parti però spostate verso il colore più scuro il Gradient Slider (cerchiato in nero nell’immagine seguente):

Così facendo avremo un vero effetto di tridimensionalità che ci permetterà di ottenere un risultato simile a questo:

Oppure giocando con le impostazioni, simile a quest’altro:

Adesso aprite l’immagine con il notepad, si proprio con il notepad: cliccate con il tasto destro sopra l’immagine e scegliete apri con e poi notepad (o blocco note):

Si aprirà qualcosa del genere:

Come potete vedere dall’immagine ci sono tanti simbolini strani: noi li utilizzeremo. Selezionate qualche riga come ho fatto io nell’immagine qui sopra e copiate il testo (tasto destro —> copia oppure ctrl+c), poi aprite Photoshop. Andate su File —> New e create un nuovo documento, io l’ho fatto con queste caratteristiche e dimensioni (che potete anche variare):

Dopo aver cliccato su Ok, vi ritroverete davanti ad un documento vuoto; riempitelo di nero andando su Edit —> Fill… e scegliendo come color il nero:

Ora selezionate lo strumento testo e cliccate all’esterno della vostra immagine come vedete qua sotto senza rilasciare il tasto, arrivate fino all’angolo opposto:

Coprite tutta l’immagine con l’area di testo

Quando, avrete fatto, ci sarà un livello in più adibito proprio al testo. Ora settate il font Arial, grandezza 6pt e colore #66EF36:

Ora andate sopra l’immagine e fate tasto destro —> paste (incolla) oppure ctrl+v, i caratteri strani dell’immagine aperta con il notepad che avevate precedentemente copiato, sono ora sopra lo sfondo nero:

Adesso cambiate l’orientamento del testo per renderlo verticale cliccando semplicemente sul tasto in alto sulla sinistra:

Ora il vostro testo sarà verticale e sembrerà scendere dall’alto. Riducete l’opacità del livello testo fino al 40% e applicate un outer glow di default:

Riduco opacità fino al 40%:

Aggiungo un Outer Glow di default:

Nella finestra che vi si aprirà cliccate semplicemente su Ok

Ecco il risultato intermedio:

Adesso riapplicate questo metodo per creare un altro layer (livello) testo mettendo stavolta come grandezza dei caratteri 9pt. Anche stavolta applicate un Outer Glow come abbiamo visto precedentemente, ma con colore #2AFF00:

Cliccate dove indica la freccia rossa e settate il colore a “AFF00″

Se avete fatto tutto correttamente questo dovrebbe essere il vostro risultato: