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.

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

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

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:

La radiazione infrarossa (IR) è una radiazione elettromagnetica con una lunghezza d’onda maggiore della luce visibile, ma minore delle onde radio. Il nome significa “sotto il rosso” (dal latino infra, “sotto”), perché il rosso è il colore visibile con la frequenza più bassa. La radiazione infrarossa ha una lunghezza d’onda compresa tra 700 nm e 1 mm.

La radiazione infrarossa viene usata in apparecchi di visione notturna, quando non c’è abbastanza luce visibile. I sensori infrarossi convertono la radiazione in arrivo in un’immagine: questa può essere monocromatica (ad esempio, gli oggetti più caldi risulteranno più chiari), oppure può essere usato un sistema di falsi colori per rappresentare le diverse temperature. Questi apparecchi si sono diffusi inizialmente negli eserciti di numerosi Paesi, per poter vedere i loro obiettivi anche al buio.

–Wikipedia–

Nel seguente tutorial cercheremo di riprodurre questo effetto su una qualsiasi immagine, ed in particolare ci baseremo sulla visione monocromatica, cioè quella più utilizzata per visori notturni e che da un’immagine più sul “verdolino”.

Quindi aprite il vostro Photoshop e la vostra immagine; questa è quella che utilizzerò io:

Bene, tanto per iniziare, dobbiamo utilizzare un livello di aggiustamento (adjustment layer) ed in particolare applicheremo al nostro lavoro il Channel Mixer. Clicchiamo quindi sul simbolo “Create new fill or adjustment layer” (presente nella finestra dei livelli) e scegliamo Channel Mixer:

fatto questo si aprirà una finestra nella quale dovremo settare le caratteristiche del nostro Channel Mixer:

Mi raccomando di spuntare l’opzione monochrome!

Ok, ora duplichiamo il livello base con l’immagine (Background) andando su Layer —> Duplicate Layer… ed assicuriamoci che siano entrambi sotto il Channel Mixer:

E’ il momento di applicare una sfocatura gaussiana al livello copiato con un Radius di 8,0 pixels: per fare questo andate su Filter —> Blur —> Gaussian Blur… ed impostate il filtro come vi ho indicato precedentemente.

Fatto questo cambiate la modalità del livello da Normal a Screen e modificate l’opacità fino ad 80% – 83%:

Siamo quasi alla fine; adesso duplicate questo livello andando sempre su Layer —> Duplicate Layer… e dopo esservi assicurati che anche quest’ultimo si trovi sotto al Channel Mixer, procedete con il portare la modalità del livello a Linear Burn ed a cambiarne l’opacità fino al 60%.

Questo dovrebbe essere il risultato:

Ora però cerchiamo di dare all’immagine quel color verde tipico dei visori notturni. Cliccate sul simbolo a sinistra del Channel Mixer per aprire le sue proprietà:

Modificate come segue:

Perfetto! Il risultato finale si avvicina molto all’output dato dai visori notturni:

Vi allego anche un video riguardante l’implementazione di questa tecnologia in una bmw:

Per invogliarvi nella lettura forse noiosa, vi invito a dare un’occhiata al risultato (cliccate l’immagine per scaricarlo / click image to download):

Bene, iniziamo con le cose serie: il wallpaper deve avere un’idea di fondo che si concretizza nel soggetto dello sfondo che si vuole realizzare. Nel mio caso avevo in mente di creare uno sfondo con una ragazza. Ho rovistato su internet fino a trovare l’immagine che faceva al caso mio e che è la seguente:

Bene, questa immagine la vogliamo e dobbiamo vettorializzare. Il metodo più efficace e veloce per immagini così nitide e con buona risoluzione, è quello che ho descritto un po’ di tempo fa, e che si ottiene utilizzando Illustrator. Utilizzando quel metodo abbiamo il seguente risultato:

Come vedete abbiamo ottenuto un discreto risultato. Ora dopo aver salvato l’immagine in png o jpeg della grandezza che vogliamo (scalando l’immagine in Illustrator), apriamo Photoshop e creiamo un nuovo documento di grandezza 1600×1200px andando su File –> Nuovo (File –> New); a questo punto dopo aver aperto anche l’immagine vettorializzata, facciamo drag& drop di quest’ultima sul nuovo documento utilizzando lo strumento muovi (Move Tool). Se l’immagine è troppo grande, la ridimensioniamo andando su Image —> Image Size…, il mio consiglio è quello di impostare l’altezza a 1200px e lasciare la larghezza automatica. Avrete una cosa del genere disposta su due livelli:

Bene adesso utilizzando lo Strumento Secchiello (Paint Bucket Tool) ed impostando il colore nero, coloriamo il primo livello (quello senza l’immagine) di nero cliccandoci sopra. Questo passaggio potrebbe essere evitato dando subito come Background Color il colore nero durante la creazione del nuovo file 1600×1200px.

Ok ora lo sfondo è uniforme a parte alcuni punti in cui bisogna renderlo più uniforme, io l’ho fatto copiando delle macchie bianche presenti sullo sfondo e attraverso i comandi trasforma, distorci, etc.. (Edit —> Trasform —>…) ho fatto in modo di trasformare quelli parti nel seguente modo:

Ora è giunto il momento di essere creativi e di usare buon gusto nelle scelte di colore, stili, etc.. Cominciamo aggiungendo un bell’arazzo (creando un nuovo livello) utilizzando un brush appartenente alla grande libreria di brusheezy (e che trovate nello zip). Chi non sapesse come utilizzare i pennelli, può leggersi questo tutorial. Perfetto, adesso diamo uno stile a questo pennello con le seguenti impostazioni:

Bene ora il nostro wallpaper dovrebbe apparire così:

Ok, ora utilizziamo un altro pennello a cui diamo le seguenti impostazioni:

Ecco come diventa il pennello:

Perfetto ora aggiungiamo l’ala (sempre un pennello) e poi andiamo nelle Blending Options e applichiamo un Color Overlay bianco al 100% di opacità e diamo al livello uno Stroke di 3px, outside, 100% opacità e di colore bianco (con Fill Type = color). Posizioniamo il livello dell’ala sopra l’altro livello, tanto è bianco su bianco . Ecco come procede il lavoro:

Ora ci manca da aggiungere le stelline e quell’effetto d’etereo che dà un’atmosfera più magica al tutto. Questi effetti sono fatti con un plugin di Photoshop che si chiama Auto FX Mystical Lighting; a questo indirizzo potete provare la demo:

LINK Mystical Lighting

Non vi sto a descrivere il procedimento, nello zip trovate i livelli già pronti.
Infine rimane la mia scritta con il pennello aggiuntivo il cui stile lo potete trovare sempre nello zip da scaricare. Non vi sto a spiegare come si fa dato che il procedimento è lo stesso che abbiamo utilizzato finora con gli altri pennelli e quindi non dovreste avere difficoltà.

Concludendo quindi posso consigliarvi di cercare sempre buoni pennelli e di usare molta fantasia nella scelta dei colori e degli stili che applicate ai livelli; inoltre a volte anche dei plugin possono fare la differenza

Iniziamo con l’aprire il nostro Photoshop e successivamente l’immagine alla quale dobbiamo applicare la cornice, andando su File —> Apri (File —> Open). Avrete di fronte a voi la vostra immagine che nel mio caso è la seguente:

Adesso dovete fare un semplice passaggio, che consiste nell’andare su Image —> Canvas Size:

Dopo aver cliccato, vi apparirà una finestra dove avete da settare qualche parametro:

Alla voce “Current Size” sono indicate le dimensioni in pixel della vostra immagine originale e sotto, alla voce “New Size“, dovete impostare un nuovo valore per width e height, che tenga conto delle dimensioni della vostra immagine.

In sostanza dovete avere una vaga idea di come volete che la cornice sia grande; ad esempio, io ho pensato ad una cornice uniforme di 15 pixels su ogni lato e di conseguenza ho aumentato la Width e la Height originali di 30 pixels.

Sotto a queste impostazioni ci sono delle freccette (Anchor): cliccando nel quadratino centrale, farete in modo che la cornice si disponga uniformemente su tutti i quattro lati dell’immagine.

Infine alla voce “Canvas extension Color“, dovete impostare il colore della cornice, che può essere bianco (white), nero (black), grigio (gray) o di un colore a vostra scelta (other..).

Fatto tutto questo cliccate su Ok; questo dovrebbe essere il risultato:

VIDEO TUTORIAL

Quello che vediamo oggi è un metodo semplicissimo e banalissimo per inserire un’immagine dentro ad una scritta. In particolare metterò un’immagine di fiori (tulipani) dentro ad un numero, il 5. Perché? Semplice, 5 è il mio nuovo page rank ! Si lo so che conta poco, ma è comunque bello dirlo . Il risultato finale dovrà essere qualcosa di simile:

Bene cominciamo, la mia immagine iniziale è la seguente e la potete scaricare QUA:

Apritela con Photoshop (File —> Open) e cliccate sopra il livello due volte per renderlo modificabile, vi apparirà una finestra nella quale potrete rinominare il livello e fatto questo, cliccate su Ok. Bene, ora selezionate lo strumento testo (Text Tool) e scrivete quello che desiderate (nel mio caso il numero 5):

Come noterete il colore da usare è indifferente e la grandezza dipende dalla scritta che dovete fare e dalla grandezza dell’immagine. Fatto questo, spostate il livello del testo sotto il livello immagine (semplicemente cliccando sul livello con il tasto sinistro del mouse e trascinandolo sotto al livello con l’immagine):

Adesso manca il passaggio essenziale —> tenendo premuto Alt (vi apparirà un simbolino come nella figura qui sotto a sinistra), cliccate con il tasto sinistro del mouse in mezzo ai livelli per ottenere la situazione nell’immagine qua sotto a destra:


Ok, ora siamo a posto, basta aggiungere degli effetti al livello utilizzando le opzioni di fusione (Blending Options); io ho utilizzato questi, ma nessuno vi vieta di provarne altri:

Ricordatevi di selezionare il livello con il testo!

Poi impostate un’ombra (Drop Shadow):

Il colore è nero

e per finire un bagliore esterno (Outer Glow):

Il risultato finale l’avete già visto: