giovedì 24 dicembre 2009

Tutorial: effetto pioggia

Ecco un effetto molto semplice da realizzare che potrà tornare utile per aggiungere atmosfera ad una foto.
L'effetto "pioggia"
Tutorial grafica: effetto pioggia
Come sempre, utilizzerò istruzioni generiche per permettere a ciascuno di realizzare questo effetto con il programma di grafica che preferisce: Photoshop, Paint Shop o Gimp.
Ho scelto come immagine di partenza un vecchio (2007) autoritratto scattato nella classica "giornata uggiosa":
Tutorial grafica: effetto pioggia
  1. Creiamo un nuovo livello con modalità di fusione scolora / filtra / dividi (a seconda del programma) e lo riempiamo completamente di nero con il secchiello.
    Non è cambiato niente? :)
    Ok, adesso utilizziamo la funzione aggiungi disturbo.
    Le regolazioni variano a seconda delle dimensioni dell'immagine e dell'intensità dell'effetto che si vuole realizzare. Qualcosa del genere dovrebbe andare bene:
    - intensità disturbo: 20-50%
    - modalità: random o gaussiana
    - monocromatico: (importante, a meno che non vogliate una multicolore pioggia radioattiva)
    Tutorial grafica: effetto pioggia
  2. Per aumentare la dimensione delle "gocce", dobbiamo ingrandire tutto il livello.
    Possiamo utilizzare lo strumento "sposta" di photoshop (paint shop ha lo strumento "deforma raster", gimp ha lo strumento "scala"), la proporzione varia a seconda delle dimensioni dell'immagine e dell'effetto desiderato.
    Diciamo che un ridimensionamento tra il 150% e il 200% dovrebbe andare:
    Questo è l'aspetto che dovrebbe avere il livello della "pioggia"
    Tutorial grafica: effetto pioggia
  3. Che sommato al livello base darà questo risultato: Tutorial grafica: effetto pioggia
  4. La pioggia ha una peculiarità: si muove!
    Cerchiamo di riprodurre quest'effetto con il filtro sfocatura da movimento (motion blur). Scegliamo la direzione e l'intensità in maniera da avere un effetto realistico.
    Tutorial grafica: effetto pioggia
    E questo l'effetto finale:
    Tutorial grafica: effetto pioggia
  5. Per accentuare le "gocce", andiamo a regolare i livelli in modo da migliorare il chiaroscuro, e poi aumentiamo la messa a fuoco con l'effetto contrasta ("accentua messa a fuoco" per paint shop)
    Tutorial grafica: effetto pioggia
    il risultato:
    Tutorial grafica: effetto pioggia
  6. Per migliorare l'effetto, applichiamo di nuovo la sfocatura da movimento, ma con un'intensità minore:Tutorial grafica: effetto pioggia
    Il risultato:
    Tutorial grafica: effetto pioggia
E questa è l'immagine intera:
Tutorial grafica: effetto pioggia
Potremmo fermarci qui, ed è quello che faremo per la maggior parte delle immagini.

Questa foto in particolare, ha un cielo neutro molto chiaro e di conseguenza nell'area del cielo le gocce risaltano poco.
Vediamo come risolvere il problema:
  1. Per prima cosa, andiamo a creare due maschere che ci serviranno in seguito: quello che mi serve è isolare la figura dallo sfondo.
    Faccio una copia dell'immagine di partenza (il livello base) e la converto in b/n, scegliendo il canale che mi permette di isolare meglio lo sfondo (in questo caso, un filtro blu va benissimo).
    Poi lavoro sulla luminosità con i livelli, in maniera da "sbiancare" quasi totalmente lo sfondo e annerire il più possibile il contorno della figura (1).
    Dove non arrivo con i livelli, vado a ritoccare (anche grossolanamente) con il pennello bianco e nero (2)
    Infine, creo una copia di questa maschera in negativo, attaverso la regolazione del colore -immagine negativa (3).
    1. Tutorial grafica: effetto pioggia 2. Tutorial grafica: effetto pioggia 3. Tutorial grafica: effetto pioggia
    Teniamo da parte queste due maschere (2 e 3), ci serviranno tra poco.
  2. Torniamo alla nostra immagine "piovosa" e duplichiamo il livello con la pioggia
    Tutorial grafica: effetto pioggia
    Ora la pioggia è più visibile sul cielo, ma troppo marcata sulla figura.
  3. Creiamo una maschera di livello, utilizzando questa maschera:
    Tutorial grafica: effetto pioggia
Ora il secondo livello "pioggia" è visibile solo nell'area del cielo,
et voilà:
Tutorial grafica: effetto pioggia

Tutorial grafica: effetto pioggiaVi state chiedendo a cosa serve allora questa maschera? :)

Vi propongo una soluzione alternativa: questi sono i passaggi:

- applicare la seconda maschera al primo livello pioggia

- invertire i colori del secondo livello pioggia (con "immagine negativa")

- impostare la modalità di fusione del secondo livello pioggia su "moltiplica"
Per finire, una regolatina al bilanciamento colore per "raffreddare il tutto".
Finito :)
Tutorial grafica: effetto pioggia
In realtà, come abbiamo visto, l'effetto pioggia si ottiene con pochi semplici passaggi.
In questo caso ho preso in considerazione la "peggiore delle ipotesi" con un cielo molto chiaro che non facesse risaltare la pioggia (un caso analogo può essere quello di un forte controluce)

Se qualcosa non è chiaro, usate i commenti ;)
Se avete richieste particolari per i prossimi tutorial, mandatemi una mail: lulu@viziocreativo.it

PS: ops... Buon Natale :)

Nessun commento:

Posta un commento