Molti di voi ricorderanno sicuramente il mio vecchio tutorial per trasformare una foto in un fumetto con Photoshop. Quello che vogliamo realizzare stavolta è un effetto simile, ma con The Gimp.

Stavolta abbiamo un problema relativo al fatto che non esiste un un filtro come Effetto Ritaglio o (Cutout) ed anche qualche altra piccolezza.

Detto questo comunque, non preoccupiamoci eccessivamente e procediamo con il realizzare un effetto simile e per certi versi davvero bello.

La versione di Gimp che utilizzerò è l’ultima disponibile ad oggi, cioè la 2.6.4. Potete scaricare The Gimp a questo indirizzo. Anche se non avete troppa familiarità con questo software, non preoccupatevi perché è davvero semplice da utilizzare. Bene! Cominciamo!

Aprite il vostro Gimp con l’immagine scelta andando su File —> Apri:

Passo 1

Cominciamo duplicando il livello (basta trascinare questo sopra l’apposita icona come in figura):

Fatto questo avremo una copia del nostro livello di partenza. Selezioniamo ora questa copia cliccandoci sopra ed andiamo su Filtri —> Sfocature —> Selettiva Gaussiana…; impostiamo i seguenti valori e clicchiamo su Ok:

Notate che i valori che ho immesso sono appropriati per un’immagine grande quanto la mia (cioè molto, dato che è 1508px*2013px); per immagini di dimensioni minori i valori probabilmente devono essere abbassati ulteriormente. Obiettivo di questo filtro è quello di sfuocare la superficie del viso di Eva (sì è una mia amica) in modo da renderlo più uniforme (in altre parole si cerca di applicare un filtro simile alla Sfocatura superficiale di Photoshop). Duplicate questo livello trascinandolo nell’apposita icona e tornate nel livello precedente togliendo a l’ultimo livello creato la visibilità (basta cliccare nell’occhio del livello a sinistra):

Passo 2

Adesso (con il livello selezionato) andiamo su Colori —> Posterizza… e impostiamo i Livelli di posterizzazione ad 8:

Passo 3

Applichiamo a questo livello una Sfocatura Gaussiana andando su Filtri —> Sfocature —> Gaussiana… con i valori indicati in figura:

Duplichiamo ora questo livello trascinandolo nell’apposita icona ed impostiamo la Modalità di quest’ultimo da Normale a Luce debole:

Passo 4

Riattiviamo ora la visibilità al livello che nell’immagine precedente ha nome Sfondo copia#1; poi andiamo a desaturare con Colori —> Desaturazione…:

Scegliete Sfumature di Grigio basate su Media:

Duplichiamo questo livello e togliamo la visibilità al nuovo creato. Lavoriamo ancora sul livello che abbiamo desaturato (quello evidenziato in blu nell’immagine sotto):

Applichiamo ora al livello il filtro Fumetto andando su Filtri —> Artistici —> Fumetto…:

I valori utilizzati sono ancora una volta quelli adatti alla dimensione della mia immagine; per immagini più piccole, i valori vanno abbassati.

Dopo aver cliccato su Ok, cambiamo la Modalità del livello da Normale a Moltiplicatore. Ecco cosa otteniamo:

L’immagine è un po’ scura, quindi andiamo su Colori —> Livelli… e modifichiamoli in questo modo (Livelli in ingresso: 0 – 1,00 – 140):

Passo 5

Riattiviamo la visibilità al livello che sta sopra tutti (quello desaturato che avevamo duplicato nel passo 4) ed applichiamo il filtro Effetto giornale andando su Filtri —> Distorsioni —> Effetto giornale… (di seguito i valori che ho scelto):

Una volta applicato il filtro, cambiate la Modalità del livello da Normale a Sovrapposto. Ecco come appare l’immagine:

Passo 6

Bene, non male. Andiamo ora nella scheda dei Canali cliccandoci sopra (è accanto alla Finestra dei Livelli), fate click con il tasto destro del mouse sopra il canale che non è né troppo chiaro, né troppo scuro; nel mio caso è il Canale Verde. Nel menù che vi appare scegliete Canale alla Selezione. Subito nell’immagine sarà selezionato il Canale corrispondente:

Fatto questo torniamo nella Finestra dei Livelli e cliccando con il tasto destro del mouse sopra l’ultimo livello (quello a cui abbiamo applicato l’Effetto giornale), scegliamo Aggiungi maschera di livello…:

E’ importante scegliere come Inizializzazione la voce “Selezione” e spuntare la casella Inverti maschera (potete vedere tutto nell’immagine precedente).

Ecco abbiamo finito , resta solo da diminuire l’opacità del livello fino al 50%:

Ecco dunque l’originale ed il risultato finale:

Ecco anche un altro esempio:

Rock’n'Roll!

Read this tutorial in English language

Leggi questo tutorial in lingua Inglese

Di recente ho creato un tutorial in lingua inglese per The Gimp e riguardante l’arte frattale. Ho ricevuto molte richieste da parte vostra affinché mi sbrigassi a scriverlo anche in italiano ! E come si suol dire “meglio tardi che mai”!! In futuro scriverò anche tutorial riguardanti questo bel software open source.

Per scrivere questo tutorial mi sono ispirato proprio all’arte frattale e ho focalizzato la mia attenzione su un filtro di Gimp chiamato Fiamme. A questo poi ho aggiunto qualche piccolo “trucco”.

Le immagini che illustrano il tutorial sono le stesse che ho utilizzato per il tutorial in lingua inglese; naturalmente vi scriverò i comandi in italiano e nel caso voleste cambiare la lingua a Gimp potete farlo andando in Pannello di Controllo —> Impostazioni Regionali e selezionando la lingua che volete.

Il risultato di questa guida è molto bello e facile da ottenere.

Ok, partiamo creando un nuovo documento andando su File —> Nuovo… e settando le opzioni del documento come preferite; ecco le mie scelte:

Ho riempito con colore di primo piano nero

Assicuratevi che il colore di primo piano e di sfondo sia bianco, e selezionate Abstract 1 come gradiente; se non vedete la scheda dei gradienti, cliccate sopra il bottone evidenziato dal cerchio viola e scegliete Aggiungi scheda —> Gradienti:

Andate su Filtri —> Render —> Natura —> Fiamme…:

Dobbiamo aggiustare qualche opzione nella scheda Rendering:

Scegliete la Brillantezza appropriata (ho notato che il valore 2.00 fa bene il suo lavoro) alla vostra immagine; dovete ricordarvi che un valore troppo basso rende l’immagine molto scura.

Scegliete anche un valore giusto per il Contrasto e la Gamma; fate un po’ di test per trovare i valori perfetti per la vostra immagine.

Il valore più importante è la Densità campionamento: se mettete un valore basso, la definizione della vostra immagine sarà bassa; se settate un valore alto, la definizione sarà molto alta e il frattale sarà ben definito. Per esempio, se volete ottenere qualcosa di simile dovete settare la Densità campionamento a 5.00, ma se invece volete qualcosa come questo, dovete impostare la Densità campionamento a 20.00.

In Mappa colore scegliete Gradiente personale per utilizzare Abstract 1.

Fatto questo, cliccate sopra la scheda Camera ed impostate lo Zoom a 3.00 (per ingrandire le fiamme); se la visuale delle fiamme non vi piace, muovete X e Y per aggiustare la posizione della vostra immagine.

Per scegliere il vostro tipo di fiamme, cliccate su Modifica e scegliete Casuale o Sferica, come Variazione (anche con Sinusoidale potete ottenere degli ottimi effetti). In Direzioni potete vedere l’anteprima di alcune fiamme; se non ve ne piace nessuna, cliccate su Casualità per generare altre anteprime. Quando avrete trovato la “fiamma” che vi piace, cliccate sopra di essa ecliccate Ok due volte (una per la finestra “Modifica fiamme” e una per la finestra “Fiamme”).

L’applicazione del filtro richiede un po’ di tempo (soprattutto se avete impostato una Densità di campionamento alta); quando avrà concluso, ecco cosa potrete vedere (una parte della mia immagine):

Non male! Ora assicuratevi di avere il colore nero come “Colore di primo piano” e bianco come “Colore di sfondo”; create un nuovo livello cliccando nel bottone apposito (indicato dalla freccia a sinistra) e scegliete Colore di primo piano in “Tipo di riempimento livello”. Cliccate Ok.

Andate su Filtri —> Luce e ombra —> Riflesso lenti…:

Spostate la lente dove preferite e cliccate Ok:

Cambiate la modalità del livello in “Scherma”:

Cliccate con il tasto destro sopra il livello e scegliete Aggiungi maschera di livello…:

e scegliete Inizializza la maschera di livello a: Bianco (opacità completa)

Ora fate attenzione: cliccate sopra la maschera per lavorare con questa; selezionate lo Strumento Pennello ed utilizzate questi settaggi:

Come potete vedere, provo ad eliminare il cerchio rosso (generato dal filtro “Riflesso lenti…”) che è troppo evidente; con lo Stumento Pennello cercate di dare alla luce l’aspetto che preferite.

Fatto questo, selezionate il livello cliccando sopra di esso (non la maschera) e muovete il “pezzo di luce” dove volete. Naturalmente per far ciò, utilizzate lo Strumento Muovi:

Ok, ora è facile! Duplicate questo livello e muovete il livello nuovo posizionandolo dove desiderate (per duplicare, basta cliccare sul livello e trascinarlo, senza rilasciare il mouse, sopra il bottone indicato dalla freccia in immagine):

I colori delle luci sono troppo uguali. Questo non è bello. Per modificare i colori andate su Colori —> Tonalità-saturazione… e cambiate i valori (nel mio esempio ho modificato solo la Tonalità):

Sono convinto che abbiate capito la tecnica, voglio solo spiegarvi un altro trucchetto: duplicate l’ultimo livello creato, spostatelo dove preferite e cambiategli anche colore. Fatto questo, rimpicciolitelo (o ingranditelo) andando su Livello —> Scala livello…; questa operazione crea una luce maggiore che copre più linee o parti del frattale:

Spero che abbiate capito ogni passaggio, ma nel caso incontraste qualche problema, potete chiedermi qualsiasi cosa nei commenti . Ah! Ricordatevi di utilizzare la vostra fantasia perché ogni volta avrete “fiamme” diverse e casuali!

Questo è il mio risultato finale (1600×1200):

Ho preparato anche qualche wallpaper:

1600×1200
1024×768
1280×800

Dal colore al b/n e modifica del colore degli occhi con il “Bilanciamento Colore”

Questo problema lo hanno avuto in tanti ma la necessità di creare il tutorial è venuta “a galla” grazie a Davide che mi ha chiesto di spiegargli i passaggi in maniera più approfondita. Sostanzialmente quello che si desidera fare è cambiare il colore degli occhi di un soggetto dopo aver trasformato in bianco e nero la foto.

Passo 1

Aprite la vostra immagine con Photoshop e duplicatela cliccando sopra il livello con il tasto destro del mouse e scegliendo Duplica livello…. Nella finestra che vi apparirà (Duplica livello) cliccate semplicemente Ok.

Immagine: http://www.sxc.hu/photo/982488

Bene, questa copia è fatta per evitare di creare modifiche irreversibili alla foto originale. Potevamo anche non crearla dato che non modificheremo niente della foto iniziale. Ma le buone abitudini è meglio non perderle.

Passo 2

Ora dobbiamo trasformare la nostra immagine in bianco e nero. Un metodo parecchio usato è quello che cambia la modalità dell’immagine portandola a Scala di grigio, ma essendo un metodo che elimina le informazioni sul colore dell’immagine, preferisco non utilizzarlo. Andiamo quindi a creare un livello di regolazione Bianco e nero… cliccando nell’apposita icona Crea un nuovo livello di riempimento o di regolazione e scegliendo poi Bianco e nero…:

Impostiamo quindi i parametri nel modo che ci sembra più opportuno. Nel mio caso ecco i settaggi:

Inutile dire che con questo metodo avete il pieno controllo delle impostazioni del vostro bianco e nero; ecco la differenza tra l’applicare la modalità Scala di grigio (non modificabile) e l’utilizzare invece il livello di regolazione del Bianco e nero…:

Passo 3

Ora zoomate sull’occhio in modo da vederlo meglio che potete, poi con lo Strumento selezione ellittica andate a selezionare l’occhio. Per fare un cerchio perfetto tenete premuto Shift.

Non importa che siate precisi e non preoccupatevi se ci sono delle parti che vanno fuori dall’occhio.

Ora, dopo esserci assicurati di avere come Colore di primo piano il nero e come Colore di sfondo il bianco (vedi immagine di seguito), creiamo un livello di regolazione Bilanciamento colore… cliccando nell’apposita icona (indicata dalla freccia rossa nell’immagine):

Impostate i parametri nel seguente modo:

Ombre

Mezzitoni

Luci

Logicamente dovete settare i parametri in modo da avere il colore desiderato.

Ecco il risultato che abbiamo dopo aver applicato il livello di regolazione:

Passo 4

Perfetto. Adesso tenendo selezionato il livello di Bilanciamento colore…, selezioniamo un pennello di dimensioni appropriate alla dimensione della nostra immagine con Durezza pari allo 0%, e dopo esserci assicurati di avere come Colore di primo piano il bianco e come Colore di sfondo il nero (vedi immagine di seguito), iniziamo a dipingere l’altro occhio (qui potete essere anche precisi):

Fatto questo dovreste avere qualcosa del genere:

Passo 5

Arrivati a questo punto, dobbiamo solo sistemare le imprecisioni. Tanto per cominciare andiamo su Filtro —> Sfocatura —> Controllo sfocatura…, ed impostiamo un valore pari a 2px o 3px come Raggio. Fatto questo assicuriamoci di avere come Colore di primo piano il nero e come Colore di sfondo il bianco e aggiungiamo una Maschera vettoriale al livello di Bilanciamento colore cliccando nell’apposito pulsante indicato in figura e presente nella scheda dei livelli:

Bene, ora con lo strumento pennello di dimensioni appropriate e Durezza 0%, andiamo a cancellare le parti che non fanno parte degli occhi (il colore di primo piano deve essere nero). Se fate tutto bene, alla fine dovreste ottenere qualcosa del genere:

Questo metodo è molto utile in quanto adesso agendo solo sul livello di regolazione Bilanciamento colore… possiamo cambiare rapidamente il colore degli occhi del soggetto (cliccate due volte sulla miniatura del livello):

Ombre: -30, +20, -30 Mezzitoni: +20, -10, -30 Luci: +20, +20, -80

Ombre: +30, +20, -30 Mezzitoni: +20, -10, -30 Luci: +20, +20, -80

Altra vantaggio sta nel fatto che se ci ripensate e volete la vostra bella immagine a colori, basta che rendiate non visibile il livello di regolazione Bianco e nero…. Per fare questo basta cliccare nell’occhio del livello Bianco e nero… presente a sinistra (dopo aver cliccato scompare e magicamente l’immagine torna a colori):

Et voilà!

Dal colore al b/n e modifica del colore degli occhi con il “Tinta unita…”

Questo secondo metodo è pressoché uguale al precedente tranne per una piccola differenza al passo 3.

Passo 3

Ora zoomate sull’occhio in modo da vederlo meglio che potete, poi con lo Strumento selezione ellittica andate a selezionare l’occhio. Per fare un cerchio perfetto tenete premuto Shift.

Non importa che siate precisi e non preoccupatevi se ci sono delle parti che vanno fuori dall’occhio.

Ora, dopo esserci assicurati di avere come Colore di primo piano il nero e come Colore di sfondo il bianco (vedi immagine di seguito), creiamo un livello di regolazione Tinta unita… cliccando nell’apposita icona (indicata dalla freccia rossa nell’immagine):

Come colore scegliete quello che più vi aggrada:

Adesso cambiate la modalità del livello da Normale a Colore:

I passi successivi sono esattamente identici (per cambiare colore dovrete cambiare il colore cliccando due volte sulla miniatura del livello Tinta unita…) . Anche con questo metodo si possono ottenere piacevoli effetti:

Dal colore al b/n e modifica del colore degli occhi con il “Tonalità/saturazione…”

Credo che abbiate capito che anche in questo caso dobbiamo agire sul passo 3.

Passo 3

Ora zoomate sull’occhio in modo da vederlo meglio che potete, poi con lo Strumento selezione ellittica andate a selezionare l’occhio. Per fare un cerchio perfetto tenete premuto Shift.

Non importa che siate precisi e non preoccupatevi se ci sono delle parti che vanno fuori dall’occhio.

Ora, dopo esserci assicurati di avere come Colore di primo piano il nero e come Colore di sfondo il bianco (vedi immagine di seguito), creiamo un livello di regolazione Tonalità/saturazione… cliccando nell’apposita icona (indicata dalla freccia rossa nell’immagine):

In questo caso è fondamentale spuntare la casella Colora e scegliere poi il colore desiderato:

Cambiate poi la modalità del livello da Normale a Colore (se non vi ricordate come fare guardate la figura precedente).

I passi successivi sono esattamente identici (per cambiare colore dovrete cambiare il colore cliccando due volte sulla miniatura del livello Tonalità/saturazione…); ovvio che anche in questo modo otteniamo ottimi risultati:

Conclusioni

Queste tre tecniche, una volta imparate, sono davvero semplici, veloci e non distruttive; inoltre avete il pieno controllo sulla vostra immagine e potete modificare il colore degli occhi quante volte volete. Spero che questo tutorial oltre che chiarire molte cose sulla colorazione degli occhi, sia anche un valido aiuto per cominciare ad apprezzare i potenti livelli di regolazione e di riempimento, e che questo possa essere un punto di partenza per la sperimentazione di nuovi utilizzi di questi strumenti.

In occasione di una sponsorizzazione da parte di 99designs.com, altro sito di riferimento per designer e creativi della rete (e per altro con un’ottima struttura e funzionamento), sitepoint ci dona uno dei suoi libri più belli su Photoshop: The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques. Il libro non è una guida all’uso del software Photoshop, bensì un pratico manuale pieno di tutorial per imparare al meglio determinate tecniche e utilizzi del programma; a mio avviso è molto più utile di molti altri libri. Oltre ad alcune informazioni di base, viene spiegato come si creano bottoni, sfondi, come si utilizzano e modificano i font e gli stili sul testo, come si ottimizzano le immagini per renderle perfette, come si comincia a creare un layout per un sito web ed infine alcune tecniche avanzate per facilitarci la vita con Photoshop ! Insomma un libro davvero da non perdere!

Clicca sull’immagine per andare a scaricare il libro!

Come Scaricare

Per scaricare il libro in formato .pdf, basta semplicemente cliccare su DOWNLOAD NOW! Fatto questo ci apparirà un pop-up dove dovremo inserire un indirizzo e-mail nel quale ci verrà inviato il link per scaricare l’e-book:

Quando vi arriverà il messaggio, ci saranno due link, uno per scaricare la versione ad alta risoluzione (high-res copy) da 64 Mb, oppure per chi non ha una connessione molto veloce c’è il link per la versione a bassa risoluzione (low-res copy) da 23 Mb.

Ultima cosa abbastanza importante da dire è che il libro è in inglese (anche se un inglese comprensibilissimo) e quindi, chi non è molto pratico con la lingua, potrebbe abbattersi un po’ durante la lettura. Per qualsiasi problema comunque non esitate a chiedere .

Ora andate subito a scaricare il libro e cominciate la lettura!

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.

Oggi parliamo di pin-up; non se se vi è mai capitato di vedere delle immagini simili a queste:

se non vi fosse mai capitato, credo che ora vi siate fatti un’idea relativamente a quello che vogliamo creare partendo da una semplice foto.

Con il termine di pin-up si indicano quelle belle ragazze ammiccanti e sorridenti, fotografate in costume da bagno, che durante il secondo conflitto mondiale, negli Stati Uniti, iniziarono a diffondersi su molte riviste settimanali.

Dunque, cominciamo con l’aprire un’immagine adatta a questo utilizzo, questa è la mia immagine:

Ora per non rovinare irrimediabilmente la foto, duplichiamo il livello cliccando sul livello stesso e trasciniamolo sopra l’icona Crea un nuovo livello (Create a new layer):

Bene adesso andiamo ad applicare al nuovo livello il filtro Filtro>Sfocatura>Sfocatura superficie… (Filter>Blur>Surface Blur…) impostando i parametri in modo che tutti quei piccoli dettagli e particolari dell’immagine vengano a scomparire; ecco le mie impostazioni (variatele a seconda delle vostre esigenze):

Ecco anche un confronto tra prima e dopo l’applicazione dell’effetto:

Nonostante l’applicazione del filtro, ci sono delle parti dell’immagine che potrebbero dare qualche problema proseguendo con il tutorial; queste parti sono quelle che hanno mantenuto un livello di dettaglio troppo elevato, come ad esempio i capelli, le labbra o altre parti del vestito (costume), etc.. Per rendere queste parti più sfuocate, utilizziamo lo Strumento sfumino (Smudge Tool) , presente tra gli strumenti di Photoshop a sinistra. Impostiamo lo strumento in questo modo:

La dimensione dipende dalla dimensione della vostra immagine, mi raccomando invece di settare la Intensità (Strenght) molto bassa; inoltre togliete la spunta all’Arrotondamento (Smoothing).

Ok, ora con questo strumento così impostato andate a ripassare le parti di cui parlavamo prima, cioè capelli, labbra ed altre parti troppo dettagliate:

Cercate di seguire la direzione dei capelli e delle parti che state sfuocando, ma anche se non siete precisissimi non preoccupatevi eccessivamente, dato che non influirà sul risultato finale.

Ora duplichiamo questo livello con il metodo utilizzato prima ed impostiamo la modalità del nuovo livello su Sovrapponi (Overlay):

A destra il risultato dopo aver cambiato la modalità del livello in Sovrapponi (Overlay).

Perfetto, adesso dobbiamo regolare la luminosità dell’immagine e per farlo andiamo nella scheda dei Canali accanto ai Livelli (Channels), e tenendo premuto CTRL, clicchiamo con il tasto sinistro del mouse sopra la miniatura del Canale RGB (RGB Channel); l’effetto sarà la selezione del canale:

Andiamo ad invertire la selezione con Selezione>Inversa (Select>Inverse), e successivamente duplichiamo il livello andando su Livello>Nuovo>Crea livello copiato (Layer>New>Layer via Copy). Questa operazione ci creerà un livello nuovo con la nostra selezione:

Cambiamo quindi la modalità di quest’ultimo livello da Normale a Luce vivida (Vivid Light) con la stessa tecnica vista prima; ecco anche il risultato dell’operazione:

Nella scheda dei livelli clicchiamo sopra la miniatura dell’ultimo livello tenendo premuto CTRL, per selezionare le parti che ci interessano:

Bene amici, adesso create un nuovo livello sopra questo, cliccando nell’icona Crea un nuvo livello (Create a new layer) e riempitelo di bianco andando su Modifica>Riempi… (Edit>Fill…) e scegliendo Bianco (White):

Riempite di bianco.

Riassunto dei livelli che dovreste avere.

Dopo il riempimento, l’immagine appare così:

Cambiamo la modalità di quest’ultimo livello (quello che abbiamo riempito di bianco), da Normale a Luce soffusa (Soft Light). Quello che dobbiamo fare ora è unire tutti i livelli che abbiamo in un unico livello; questo però lo vogliamo fare senza perderli. Per farlo tenete premuto ALT e contemporaneamente cliccate con il tasto sinistro del mouse (senza rilasciare) nel menù della scheda dei livelli (simboleggiato da una freccia in alto a destra); senza rilasciare il tasto del mouse posizionatevi sopra Unisci visibili (Merge Visible) e rilasciate il tasto del mouse. Ora avete il vostro livello nato dall’unione di tutti gli altri:

Dopo aver eseguito l’operazione, selezionate lo Strumento contagocce (Eyedropper Tool) e con questo andate a prendere un campione di colore in un punto scuro della pelle (il colore risultante dovrebbe essere una tonalità più o meno scura di rosso):

Mi raccomando di avere come colore di sfondo il bianco; il mio rosso è #ba1502

Andate ora ad applicare il Filtro>Schizzo>Effetto fotocopia (Filter>Sketch>Photocopy…) con i seguenti parametri:

Fatto questo cambiate la modalità del livello da Normale a Moltiplica (Multiply); ecco il risultato:

Bene, ora diamo un tocco di eleganza alla nostra pin-up truccandola un po’. Creiamo dunque un nuovo livello cliccando nell’apposita iconcina , e poi impostiamo la modalità di questo livello da Normale a Colore (Color). Scegliamo poi un colore simile al “rosa/rosso pelle” per le guance e con lo Strumento Pennello (Brush Tool), andiamo a dipingere utilizzando un pennello molto soffice (durezza/hardness 0%, dimensione a seconda della dimensione della vostra immagine):

Fate lo stesso con il sopra degli occhi (scusate la terminologia un po’ rozza, ma non sono una bimba ) scegliendo il colore che preferite, io ho scelto il #b7ffe5; se necessario riducete anche l’opacità del livello fino al 70%-80% tramite l’apposito comando in alto a destra nella scheda dei livelli: . Ecco il risultato che dovreste essere in grado di ottenere:

Siamo quasi alla fine; creiamo un nuovo livello cliccando nell’apposita icona , e poi riempiamolo al 50% di grigio andando su Modifica>Riempi… (Edit>Fill…):

Applichiamo ora il filtro Granulosità (Grain) andando su Filtro>Texture>Granulosità… (Filter>Texture>Grain…) ed impostiamolo in questo modo:

Il parametro Contrasto (Contrast), dipende dalla dimensione e risoluzione della vostra immagine, più è grande, più potete aumentare, più è piccola, più dovete diminuire; mi raccomando di impostare il Tipo (Grain type) su Ingrandito (Enlarged).

A questo punto dobbiamo togliere la saturazione al livello e per farlo andiamo su Immagine>Regolazioni>Togli saturazione (Image>Adjustments>Desaturate); fatto questo cambiamo la modalità del livello da Normale a Sovrapponi (Overlay). Ecco quello che otteniamo:

Unite tutti i livelli (senza perderli) con il metodo visto precedentemente, e poi create un nuovo livello sotto quest’ultimo cliccando nell’apposita icona () e tenendo premuto CTRL durante l’operazione (vedrete che il livello apparirà sotto l’ultimo creato ). Ora impostate come colore di primo piano il #f0e0b6, semplicemente cliccando due volte sopra al pulsante Imposta il colore di primo piano (Set foreground color):

Ora dovete riempire il livello con questo colore andando su Modifica>Riempi… (Edit>Fill…) e poi scegliendo Colore di primo piano (Foreground Color). Fatto questo, basta che andiate a cambiare la modalità del livello generato precedentemente da tutti gli altri (il livello 6 per chi ha seguito la mia procedura senza modificare i nomi dei livelli), portandola da Normale a Moltiplica (Multiply). Il risultato eccolo qua:

Spero che il risultato sia di vostro gradimento

• 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 !

Bene, cominciamo!

Per iniziare dovete aprire la vostra immagine andando su File —> Apri (File —> Open), oppure potete aprirla utilizzando il Bridge. Questa è la mia immagine:

La prima cosa da fare è creare un nuovo livello di regolazione (create new adjustment layer), cliccando nell’apposita iconcina presente nella finestra dei livelli in basso a sinistra e scegliendo Tonalità/saturazione… (Hue/Saturation…):

Nella finestra che apparirà impostate come segue:

Adesso provate a modificare il metodo di fusione per il livello di regolazione (Blend Mode adjustment layer); provate prima a metterlo su Tonalità (Hue), poi su Colore (Color) e confrontatelo con il metodo Normale (Normal), noterete alcune differenze che potranno piacervi di più o di meno a seconda dei vostri gusti:

Metodo Tonalità

Metodo Colore

Metodo Normale

Dopo aver scelto il vostro stile preferito (io ho scelto il metodo Tonalità), dobbiamo aggiungere un altro livello di regolazione, e stavolta aggiungiamo un Filtro fotografico (Photo Filter); per fare questo cliccate nuovamente sull’icona precedentemete vista e scegliete Filtro fotografico…:

Fatto questo impostate il filtro in questo modo:

Perfetto! Ora la nostra foto è pronta per essere invecchiata ! Questo è il risultato intermedio:

Ok, adesso selezionate il livello con l’immagine originale (sfondo/background) e poi cliccate sull’icona Crea un nuovo livello (Create a new layer):

Poi dobbiamo impostare il colore di sfondo e di primo piano di default (background & foreground color), cioè bianco e nero; per fare questo possiamo premere “D” sulla tastiera, oppure cliccare sulla freccettina (indicata dalla freccia rossa) per avere la prima casella con il nero e la seconda casella con il bianco. Infine dobbiamo riempire il livello con il colore bianco: si può premere “Ctrl+Backspace“, oppure andare su Modifica —> Riempi… (Edit —> Fill…); qui ho utilizzato la scorciatoia da tastiera:

Bene, adesso clicchiamo su Filtro —> Texture —> Granulosità… (Filter —> Texture —> Grain…), e nella finestra che appare impostiamo come segue:

Clicchiamo su Ok ed andiamo ad impostare il metodo di fusione del livello (Blend Mode) su Moltiplica (Multiply):

Io ho applicato il filtro una volta sola, ma se il risultato non fosse di vostro gradimento potete riapplicare il filtro al livello un’altra volta premendo “Ctrl+F“.

Come noterete ci sono molte linee verticali:

Affinchè si perda questa artificialità, utilizziamo una maschera di livello per rendere più casuali le linee. Aggiungiamo quindi al livello una maschera cliccando sull’apposita icona:

Notate che la maschera è evidenziata ed è perciò attiva (se non lo fosse cliccateci sopra per renderla attiva). Andiamo ad applicare un filtro proprio alla maschera cliccando su Filtro —> Rendering —> Nuvole (Filter —> Render —> Clouds); dovreste vedere uno sfoltimento delle linee verticali.

Adesso aggiungiamo un livello di regolazione dei Livelli (Levels), cliccando sull’icona che abbiamo già visto (cerchiata in rosso), e scegliamo appunto Livelli… per poi impostare i parametri come nella seguente immagine:

Dopo aver cliccato su Ok, clicchiamo “Ctrl+I” per invertire la maschera di livello. Per fare questo potevamo anche andare su Immagine —> Regolazioni —> Inverti (Image —> Adjustments —> Invert). Ora premiamo “D” per avere come colore di primo piano il bianco e come colore di sfondo il nero (foreground color: white, background color: black); poi selezioniamo lo Strumento Sfumatura ed impostiamo una Sfumatura Radiale (freccia gialla) in metodo Scolora e con sfumatura predefinita Primo piano a sfondo (potete impostarla cliccando sopra la parte indicata dalla freccia rossa).

Ora tracciamo il gradiente dall’alto in basso in vari punti della foto, vedrete un bagliore in ogni punto:

Aggiungiamo un nuovo livello cliccando sul tasto già visto precedentemente ed andiamo a riempirlo al 50% di grigio con Modifica —> Riempi… (Edit —> Fill…):

Poi applichiamo il filtro disturbo andando su Filtro —> Disturbo —> Aggiungi disturbo… (Filter —> Noise —> Add noise…), ed impostiamo come in figura:

Ora mettiamo il livello in metodo Luce Intensa (Blend Mode>Hard Light). Per finire utilizziamo lo stesso metodo usato per il livello con granulosità (grain layer), ed aggiungiamo anche a questo livello una maschera. Fatto questo applichiamo alla maschera il filtro Nuvole (Clouds) per rendere il disturbo più casuale.

Bene concludiamo con uno screenshot dei livelli creati:

e mettiamo a confronto la foto iniziale con quella finale e vediamo le varie versioni che si ottengono a seconda che il livello di Tonalità e Saturazione sia in metodo Tonalità, Colore e Normale.

IMMAGINE DI PARTENZA

IMMAGINE CON METODO TONALITA’

IMMAGINE CON METODO COLORE

IMMAGINE CON METODO NORMALE