Tutorial: Dare l’effetto “gocce d’acqua”
Attenzione
Questo articolo è stato pubblicato più di un anno fa, potrebbero esserci stati sviluppi.
Ti preghiamo di tenerne conto.
Il tutorial di oggi è un po’ lungo, ho voluto documentare dettagliatamente tutti i passaggi, cosi che potessero essere compresi anche senza leggere le spiegazioni, ma solo sfogliando le immagini.
Con Gimp le manipolazioni fotografiche sono molto facili, ma la tecnica di cui parlerò oggi è abbastanza complessa, e la scrivo in questo post anche per ricordarmene in futuro. Oggi partiremo da un soggetto monocromatico, e finiremo con avere lo stesso soggetto con l’effetto acqua.
Per creare l’effetto useremo tutta farina del nostro sacco, ad eccezione del font. Chiunque è libero di usare il font che più lo appaghi, meglio se con gli angoli arrotondati (deve sembrare scritto con l’acqua) e visto che personalmente odio il “Comic Sans MS” ho deciso di usare l'”Arabolical“.
Iniziamo con il classico foglio bianco. Misure 640 x 480 px che coloreremo con un gradiente in modalità “radiale“dello stesso colore in due differenti tonalità: #017189 e #00acd2.
Il secondo passo è creare un bel testo in grado di denigrare più che di lodare. Categoricamente in bianco:
Dovremo anche aggiungere quelle che diventeranno gocce d’acqua. Creiamo un nuovo livello e facciamo dei puntini con lo strumento “Pennello“:
Difficilmente le gocce sono così regolari e tondeggianti. Useremo lo strumento “iWarping” per deformarle un po’:
La cosa più utile del filtro “iWarping” è sicuramente lo spazio dedicato all’anteprima:
Fondiamo in basso il livello delle gocce “incollandolo” a quello del testo, “click con il dx sul livello” – “Fondi in basso” (assicuriamoci di avere i due livelli interessati uno sopra l’altro):
Ora duplichiamo il livello con l’apposito tasto:
Per fare ordine chiameremo i livelli “Livello 1” (quello in alto) e “Livello 2”. Clicchiamo con il destro sul “Livello 2” e selezioniamo “Alfa a selezione”. Dovrebbe essere stato selezionato solo il contorno.
Ora andiamo nel tab “Canali“:
E creiamo un nuovo canale dalla selezione:
Con le seguenti caratteristiche:
Rimanendo nel tab dei “Canali” applichiamo tre diverse sfocature al canale appena creato. Rispettivamente di 7, 4 e 1 pixel.
A lavoro ultimato rendiamo invisibile il canale, premendo l’apposito tasto:
Ora giochiamo con gli “effetti luce”. Torniamo nel tab “Livelli“, selezioniamo il “Livello 1” e andiamo nel menù “Filtri” – “Luce ed ombra” – “Effetti luce“:
Creiamo ora una mappa a sbalzo del canale che abbiamo sfocato poco fa:
Ora tocca agli effetti luce. Ecco il primo:
Ed ora il secondo:
Ed ora la scelta dei materiali:
Visto che il processo della “Mappa a sbalzo” non sempre è intuitivo da capire, ho pubblicato un piccolo screencast che spiega la “Mappa a sbalzo” a fondo pagina.
Finalmente possiamo cliccare il pulsante “Ok“. Questo dovrebbe essere il risultato:
Ora selezionando sempre il “Livello 2” andiamo a bloccare il canale alfa, cliccando sull’apposita casella di spunta:
Impostiamo una sfocatura gaussiana con raggio di 4px, successivamente sblocchiamo il canale. Non sembrerà successo nulla, ma questo piccolo accorgimento rende il lavoro più realistico all’occhio.
Ora renderemo trasparente il nostro testo. Dopo aver selezionato il “Livello 1” andiamo su “Colori” – “Colore ad alfa“:
E selezioniamo un grigio non troppo scuro.
Questo piccolo accorgimento non fa altro che rendere trasparenti le zone riempite del grigio che abbiamo scelto. La caratteristica più utile di questo tool è che non si limita a rimuovere le zone di colore uguale, ma rende semitrasparenti i colori limitrofi che abbiano la stessa combinazione di colori.
Ora per rendere il tutto più realistico aggiungeremo una piccola ombra. Clicchiamo con il destro su “Livello 1” e selezioniamo “Alfa a selezione“, come prima:
E selezioniamo “Proietta ombra” dal menù “Luci ed ombre“:
Le impostazioni da inserire saranno queste:
Ora selezioniamo il “Livello 2” ed impostiamo l’opacità al 50% tramite l’apposito strumento nella finestra dei livelli:
Clicchiamo con il destro sempre sul “Livello 2” e selezioniamo ancora una volta “Alfa a selezione“. Ora usiamo un filtro chiamato “Vortice e pizzico“. Usiamo questo filtro per dare un’effetto riflesso alla nostra acqua:
Con le seguenti opzioni:
Ed ecco a voi il risultato finale:
Al prossimo tutorial!
10 commenti
TheJoe · 12 Febbraio 2011 alle 5:56 AM
Onestamente… non può essere. 😉
Una volta che hai creato il nuovo canale dovresti essere in grado di vederlo con tutti i plug-in. Il percorso per gli effetti luce è “Filtri” – “Luce ed ombra” – “Effetti luce”. Attivi la mappa a sbalzo con un flag e selezioni il canale.
Prova a mandarmi uno screencast della tua procedura, vedo se ci sono dei nei.
Ander · 11 Febbraio 2011 alle 8:53 PM
Alora dopo tanti tentativi ho notato che:
il canale compare se su filtri seleziono mappa e mappa a sbalzo. Contunua a non esserci nel filtro luci…
TheJoe · 11 Febbraio 2011 alle 1:23 PM
Rendo invisibile il canale, torno nel tab dei livelli, seleziono il livello del testo e applico gli effetti luce…
Ander · 10 Febbraio 2011 alle 9:42 PM
Ho visto il video: quando rendi invisibile il canale dove scappi con il puntatore? 🙂
TheJoe · 10 Febbraio 2011 alle 8:46 PM
Continuo a non capire.. probabilmente non mi spiego bene. Ho realizzato uno screencast, lo pubblico anche nell’articolo. Spero ti sia d’aiuto.
http://www.youtube.com/watch?v=VlZL2bBCsrU
Ander · 10 Febbraio 2011 alle 6:46 PM
🙂 Creo lo sfondo (Sfumatura radiale), creo il testo (non applico le gocce) Duplico il livello e sul livello originale applico l’alfa a selez.
Su canali creo un nuovo canale e spunto “inizializza alla selezione (opacità 100%) applico la sfocatura guassiana (3 volte con 3 valori differenti) e rendo invisibile il canale.
Seleziono il livello copiato a vado sul pannello delle luci: su mappa a sbalzo non mi compare il canale, Applicando le luci (i materiali e la mappa che credo sia un livello) non ottengo il tuo risultato.
TheJoe · 10 Febbraio 2011 alle 6:26 PM
Ummhh.. mi sembra strano.. ricapitoliamo un attimo.
Tu arrivi ad avere la scritta (con le gocce) in bianco su sfondo diverso, ma su canali differenti, giusto?
– click con il dx sul LIVELLO del testo -> “selezione ad alfa”,
– nel tab CANALI crei un nuovo canale come indicato,
– imposti le tre sfocature (7, 4 e 1 px),
– deselezioni e rendi invisibile il canale.
Non capisco cosa non ti sia chiaro..
Ander · 10 Febbraio 2011 alle 6:13 PM
Purtroppo seguo alla letera anche quella parte ma il canale sulla mappa a sbalzo non c’è…. uffff
TheJoe · 10 Febbraio 2011 alle 2:42 PM
Ciao, grazie dei complimenti, ma mi sa che hai saltato un passaggio.. riprendi da: “Ora andiamo nel tab “Canali”:” – “E creiamo un nuovo canale dalla selezione”.
Il nuovo canale andrà poi sfocato, reso invisibile e sarà successivamente disponibile nella finestra della “mappa a sbalzo”.
Ander · 10 Febbraio 2011 alle 1:08 PM
Salve, complimenti per l’articolo.
Ho un problema nel momento in cui applico le luci: nel pannello come immagine per la mappa a sbalzo dovrei selezionare il canale creato poco prima? Nella mia lista il canale non c’è. Che cosa intendi per “Creiamo ora una mappa a sbalzo del canale che abbiamo sfocato poco fa”?