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 !

Cominciamo quindi aprendo Photoshop e creando un nuovo documento di misure a vostro piacimento cliccando su File —> Nuovo… (File —> New…). Io ho creato un documento di 600×400px e l’ho riempito di bianco.

Fatto questo, inseriamo una parola con lo Strumento testo orizzontale (Horizontal type tool) indicato dalla freccia nella seguente immagine:

Selezionate il vostro font preferito {1} e la grandezza desiderata {2}.

Bene, adesso potete impostare un colore per il testo selezionandolo con lo Strumento testo orizzontale (Horizontal type tool) (basta fare anche doppio click sopra la scritta), scegliendo poi il colore che preferite dal pulsante Imposta il colore del testo (Set the text color) (indicato dalla freccia rossa in immagine). Io ho scelto #ff1a00:

Ok, ora duplichiamo il livello con il testo trascinandolo nell’apposita icona Crea un nuovo livello (Create a new layer) (cliccate con il tasto sinistro e non rilasciatelo fino a che non siete sopra l’icona), per ottenere una situazione simile:

Assicuratevi di aver selezionato il livello copiato ed andate su Modifica —> Trasformazione —> Rifletti verticale (Edit —> Transform —> Flip Vertical), poi con lo Strumento sposta (Move tool), andate a spostare il livello trasformato fino a far combaciare la parte alta di questa scritta con la parte bassa della scritta iniziale (vedere linea blu):

Assicuratevi ancora che il livello “capovolto” sia selezionato ed aggiungetegli una maschera di livello cliccando nell’icona Aggiunge una maschera di livello (Add layer mask):

Bene, ora con lo Strumento sfumatura (Gradient tool), tracceremo una sfumatura dal basso verso l’alto della scritta copiata; prima di fare questo assicuratevi di: aver selezionato lo strumento, aver impostato come colore di primo piano il nero (Foreground color: black) e come colore di sfondo il bianco (Background color: white), aver impostato come impostazione predefinita Primo piano a sfondo (Presets: foreground to background), aver selezionato la Sfumatura lineare (Linear gradient) ed infine di aver selezionato la maschera del livello (select layer mask) e non il livello stesso (basta cliccarci sopra).

Sistemate tutte le opzioni tracciate una linea verticale dal basso verso l’alto (tenete premuto SHIFT per farla dritta) come indicato dalla freccia gialla. L’evidenziazione della maschera la potete vedere nell’immagine precedente, mentre le altre cose a cui prestare attenzione sono tutte indicate dalle frecce blu:

Questo dovrebbe essere il risultato:

Per ottenere una sfumatura buona, senza essere costretti ad abbassare successivamente l’opacità del livello, basta ricordare che tracciando una retta che va dalla metà della scritta capovolta, alla metà della scritta normale, si ottiene un risultato ottimale che non ha bisogno di modifiche.

• Questo metodo può essere utilizzato anche per gli oggetti ottenendo degli effetti gradevoli.
• Inoltre nel caso in cui abbiate applicato degli stili alla scritta, ricordatevi di raggruppare il livello che verrà trasformato, in un nuovo oggetto avanzato. Per fare questo cliccate sul livello con il tasto destro e scegliete Raggruppa in un nuovo oggetto avanzato (Group into new smart object). Fatto questo applicate la maschera al livello creato e proseguite come nel tutorial.

Dopo l’acquisto di Photoshop CS3 (ita) avevo deciso di fare i tutorial con l’ultimo gioiellino di casa Adobe, ma per questa volta, lo farò utilizzando la versione CS2 (eng); spero che questo possa rendere ancora più felice il nostro amico Marcoz !

PRIMA & DOPO

Ma cominciamo con il tutorial. La prima cosa che avete da fare (come sempre), è aprire la vostra foto con Photoshop tramite il comando File —> Apri (File —> Open); questa è la mia immagine:

Proseguiamo duplicando il livello: questo è possibile, cliccando sopra il livello stesso e senza rilasciare, trascinarlo fino all’icona Crea un nuovo livello (Create a New Layer):

Adesso andiamo su Filtro —> Sfocatura —> Sfocatura superficie… (Filter —> Blur —> Surface blur…), ed impostiamo nel modo migliore i seguenti parametri:

La cosa fondamentale di questo passaggio è che non è detto che i valori che ho immesso siano quelli giusti per la vostra foto, possono variare a seconda della risoluzione dell’immagine stessa. L’obiettivo è rimuovere le impurità della pelle e i piccoli difetti lasciando alcune parti, come ad esempio gli occhi, inalterate.

Proseguiamo duplicando questo livello nel modo visto precedentemente per ottenere una configurazione dei livelli che si presenta in questo modo:

Notate che la freccia rossa indica la prima duplicazione del livello base, mentre la freccia azzurra indica il livello che trasciniamo ora per creare il “Background copy 2“. Adesso togliamo l’informazione relativa al colore di quest’ultimo livello (selezionandalo), premendo SHIFT+CTRL+U, oppure andando su Immagine —> Regolazioni —> Togli saturazione (Image —> Adjustments —> Desaturate):

Bene, andiamo nella palette dei Canali (Channels), accanto a quella dei livelli; quello che vogliamo fare è ridurre la luminosità dell’immagine sfruttando i canali. Tenendo premuto CTRL, cliccate sopra il canale RGB (CTRL+CLICK). Subito una parte della foto sarà selezionata.

Invertiamo la selezione per evidenziare maggiormente le parti della ragazza, premendo SHIFT+CTRL+I, oppure andando su Selezione —> Inversa (Select —> Inverse). Ora creiamo un nuovo livello cliccando sopra l’apposita icona e selezioniamolo:

Dopo esserci assicurati di avere selezionato il nuovo livello vuoto, clicchiamo dentro la selezione con il tasto destro del mouse e scegliamo Riempi… (Fill…)

Riempiamo con il colore nero.

Ecco come si presentano immagine e livelli:

A questo punto togliamo la visibilità ai livelli Layer 1 e Background copy 2 cliccando sopra l’occhio a sinistra di ogni livello. Selezionando quindi il livello Background copy, andiamo ad applicare Filtro —> Artistico —> Effetto ritaglio… (Filter —> Artistic —> Cutout…) ed impostiamo in questo modo:

Adesso duplichiamo questo livello cliccandoci sopra e trascinandolo sull’apposita icona come visto prima, e cambiamo la modalità del livello (Blend Mode) da Normale a Luce Soffusa (Normal to Soft Light):

Ecco come si presenta il lavoro per ora:

Riattiviamo la visibilità al livello Background copy 2 (cliccando sopra la posizione dell’occhio), al quale avevamo tolto la visibilità precedentemente:

Applichiamo a questo livello il filtro: Filtro —> Artistico —> Contorni poster… (Filter —> Artistic —> Poster Edges…):

Ecco come si presenta l’immagine dopo aver applicato questo filtro:

Cambiamo la modalità del livello (Blend Mode) da Normale a Moltiplica (Normal to Multiply):

E quindi vediamo come procede l’opera:

Come potete vedere, il risultato è buono, ma l’immagine è un po’ scura; proviamo dunque a sistemarla. Andiamo su Immagine —> Regolazioni —> Livelli… (Image —> Adjustments —> Levels…) e regoliamo in questo modo:

Di seguito l’immagine migliorata:

Ok! Riattiviamo la visibilità dell’ultimo livello (Layer 1), cliccando sempre nella posizione a sinistra del livello dove c’è l’occhio. Noterete che l’immagine si scurisce un po’, ma non preoccupatevi.. Andiamo a cliccare su questo livello tenendo premuto CTRL (CTRL+CLICK) per caricare la selezione precedente:

Aggiungiamo quindi ora al livello una maschera, cliccando nell’apposito pulsante:

Lo scuro sparisce, e questo è bene, dato che ora agiremo solo sulla maschera:

Assicuratevi di aver selezionato la maschera cliccandoci sopra, poi andate su Filtro —> Effetto Pixel —> Colore mezzetinte… (Filter —> Pixelate —> Color Halftone…) ed impostate i seguenti parametri:

L’immagine cambia in questo modo:

Siamo quasi alla fine ! Resta da invertire la maschera, e per fare questo ri-assicuratevi di averla selezionata cliccandoci sopra e poi premete CTRL+I oppure andate su Immagine —> Regolazioni —> Inverti (Image —> Adjustments —> Invert); ecco quello che succede:

Come passo finale, cambiamo la modalità del livello (Blend Mode) da Normale a Sovrapponi (Normal to Overlay):

Abbiamo finito!! Questa era l’immagine iniziale:

E questa è quella finale:

Divertitevi !