Tutorial e Video tutorial Photoshop CS3: creare un quadro con effetto acquerello, partendo dalle nostre fotografie in pochi semplici passi.

In questo video tutorial verrà illustrata una tecnica interessante che consente di creare una sorta di “quadro dipinto” alle nostre fotografie con un effetto acquerello, realizzabile con tutte le versioni di Adobe Photoshop dalla CS1 in poi.
Scaricate il seguente materiale contenente tutti i file necessari per seguire passo a passo.
E’ incluso un set di pennelli, il file PSD sorgente con il risultato finale e le varie immagini utilizzate.

Video tutorial:

Di seguito il tutorial scritto:

Step 1: lavoriamo sullo sfondo del quadro

Il primo step, così come per tutti gli altri, è fortemente soggettivo e la sua buona riuscita dipende dai gusti personali di ogni grafico.

Personalmente vorrei iniziare il tutorial partendo dall’elaborazione dello sfondo del quadro, per creare una base accattivante su cui andare a lavorare.

Per far ciò potete scaricare delle texture di carta, metalliche oppure elaborare voi uno sfondo che più vi aggrada.
Io ne ho scelto uno che sembra della carta macchiata di misura 1000×614 px:

Per prima cosa andiamo a sfocarlo regolando la trasparenza dell’intero livello:

NOTA: se volete avere una maggiore scelta di texture potete scaricarne oltre cento oppure avere un elenco di siti dove reperire del buon materiale.

Creiamo un rettangolo grigio delle dimensioni massime consentite, ed andiamo a posizionarlo sotto lo sfondo di carta macchiato:

Successivamente possiamo posizionare sopra tutti i livelli, un foglio di carta ingiallito come questo:

rendendo anch’esso trasparente del 60% e raggruppando i tre livelli fino ad ora creati, in un solo gruppo.

NOTA: per creare un gruppo basta selezionare tutti e tre i livelli tendo premuto il tasto SHIFT + CLICK SX e premendo poi CTRL + G sulla tastiera, per utenti MAC al posto di CTRL sarà il bottone CMD.

Per comodità nell’immagine superiore ho anche bloccato il gruppo chiamato SFONDO, per evitare che nelle successive operazioni si sposti.

Step 2: posizioniamo la fotografia

Il secondo step consiste nell’elaborare la fotografia affinche risulti dipinta.
Prendiamo un’immagine in alta risoluzione che più ci aggrada, per comodità io ho preso una mia vecchia foto:

Posizioniamola al centro dello sfondo e mentre manteniamo selezionata l’immagine nella paletta dei livelli, andiamo a trasformarla in dipindo andando nel menu alto:
FILTRI (Filter) > ARTISTICO (Artistic) > PENNELLO A SECCO (Dry Brush)

Regoliamo i parametri a nostro piacimento, cercando di creare un’effetto pennellata su tutta la superficie dell’immagine.
Nel mio caso ho impostato i seguenti valori: 1 – 10 – 1, voi create l’effetto che più vi aggrada.

Se non sono già attivi, richiamate i righelli premendo CTRL + R ed andate a delimitare l’area dell’immagine con quattro righe:

Selezioniamo l’immagine e inseriamola in un nuovo gruppo premendo CTRL + G, andiamo poi a nasconderlo seguendo il seguente percorso:
LIVELLI (Layer) > MASCHERA DI LIVELLO (Layer Mask) > NASCONDI TUTTO (Hide All)

Step 3: sfruttiamo i pennelli

Nello zip scaricato all’inizio di questo tutorial, era presente un file contenente un set di pennelli per tutte le versioni di Photoshop dalla CS1 in poi, se non lo avete scaricato potete trovare i pennelli su BitBox.

NOTA: per installare il set di pennelli dovrete entrare nella cartella contenente l’installazione di Photoshop e dirigervi poi in Presets e poi in Brushes, cartella nella quale andrete a inserire il set chiamato: BB_Watercolor_II_CS.abr.

Richiamiamo il set dall’apposita finestra contenente tutti gli stili, se non fosse presente richiamatela premendo F5.

selezioniamo lo strumento PENNELLO (Brush) dalla paletta degli oggetti oppure richiamiamolo premendo B sulla tastiera, ed andiamo a selezionare la tipologia di tratto che più ci aggrada.

NOTA: tutti i pennelli sono presentati in alta risoluzione 2500px, riducetela o aumentatela in base alle vostre esigenze.

Step 4: creiamo il dipinto

Una volta selezionato il tratto desiderato andiamo a passarlo sulla superficie delimitata dal righello, precedentemente creato.
Ad ogni click noteremo un effetto di pennellata che rispolvera l’immagine sottostante, fino ad ottenere un risultato simile:

Step 5: spargiamo colore

Possiamo togliere le linee guida del righello e andare a creare un nuovo livello da posizionare sotto il gruppo del dipinto.
Ora “spargeremo” un pò di colore per creare un’uniformità dell’immagine finale.
Per far ciò dovremo giocare con gli stili del pennello e il contagocce, per prelevare le cromature di colore che più ci interessano.
Per richiamare velocemente i due oggetti basterà premere sulla tastiera B per il pennello e I per il contagocce.
Manteniamo selezionato il nuovo livello creato e selezioniamo con il contagocce i colori del bordo

Clicca sull’immagine per ingrandirla:

Fine

Una tecnica semplice e immediata adatta a qualsiasi livello di utenza, da applicare nei più svariati campi dal web design fino alla creazione di flyer, da poster a loghi.
Per la versione inglese del tutorial visitate il post di Alex Roman, designer rumeno di Bucarest, che propone una versione più complessa della tecnica illustrata.

Altri video tutorial di Webfandom

  • Creare un effetto TiltShift alle nostre fotografie – Tutorial
  • Scontornare una fotografia in Photoshop – Tutorial
  • Ricostruire lo schema geometrico di un layout – Tutorial

Altri articoli correlati:

Alberto TrussardiFondatore del progetto webfandom, è un Web Designer freelance di Bergamo che collabora in tutta Italia con diverse aziende nel campo dello sviluppo web e marketing online. Ama l’arte e la poesia, due ottime compagne che lo aiutano a trovare ispirazione per i lavori che svolge.
Ti è piaciuto l'articolo? Puoi seguire tutti gli aggiornamenti del blog iscrivendoti gratuitamente ai Feed Rss!
  • Feed
  • Cosa sono
  • Reader
Se vuoi puoi condividerlo su:
Puoi trovare articoli simili in: Adobe Photoshop, Comunicazione Visiva, Fotografia, Tutorial

10 COMMENTI

  • Cortesini Matteo 6 settembre 2010

    Grazie, quando avrò un pò di tempo la proverò sicuramente!

  • Andrea Best 6 settembre 2010

    Fantastico! La tecnica è molto interessante da salvare tra i preferiti …

  • Fede 6 settembre 2010

    Ottimo tutorial! Mi servirà sicuramente anche perchè la resa mi sembra figosa!

  • sergio capponi 6 settembre 2010

    chiaro, semplice ed efficace.. continua cosi e grazie

  • Samuele 6 settembre 2010

    Veramente stupendo come effetto. Sono un po’ impedito con photoshop, ma se riesco a trovare il tempo ci provo ;)

  • Boop 6 settembre 2010

    I N T E R E S S A N T I S S I M O!!!!!!! ;) Thx!

    P.S. Ormai sei invecchiato non è ora di togliere la foto dall’header e cambiarla con una più recente? :) XD

    • Alberto 6 settembre 2010

      ormai è il mio avatar! :) grazie a tutti!

      risposta a:  Boop Rispondi
  • Allevi 6 settembre 2010

    Interessante e completo, anche se la tua voce registrata è veramente pessima … Meglio dal vivo!
    Condivido subito, grazie.

  • Sbronzo 6 settembre 2010

    grazie albe …

LASCIA UN COMMENTO

LASCIA UN COMMENTO pesonalizza il tuo avatar registrandoti su gravatar.com

Il progetto WebFandom

WebFandom Logo

Internet e' la prima rete dati pubblica e capillarmente diffusa presso famiglie e imprese, percio' e' un canale di distribuzione virtuale in grado di raggiungere clienti di qualunque dimensione.

WebFandom si occupa di una realizzazione e distribuzione di informazioni, prodotti e servizi sulla rete per imprese di medie e grandi dimensioni, progettando siti internet e sistemi informativi aziendali a forte impatto visivo. Organizziamo campagne pubblicitarie sia online che offline, per promuovere persone, prodotti e aziende.

Se sei interessato potresti consultare i nostri servizi o profili. Se invece pensi che siamo in grado di darti una mano, puoi guardare il nostro portfolio per farti un'idea di cosa sappiamo fare.

Elementi di comunicazione visiva

WebFandom - eBook gratuito

Il primo eBook gratuito italiano sulla comunicazione visiva, un manuale teorico di progettazione grafica che si divide in: Basic e Brand Design. Lo scopo e' quello di fornire un metodo per lo sviluppo di un marchio aziendale.

Seguici su facebook!

Aderiamo ai seguenti Network:

WebFandom - Bergamonews

BergamoNews e' tra i piu' visitati quotidiani online di Bergamo e Provincia, informazioni libere e gratuite da tutta la citta', isole, provincia e Italia. Webfandom aderisce al loro network di blog.

WebFandom - Young Digital

Young Digital Lab e' il network dei migliori giovani professionisti italiani nel campo dei social media. Una societa' di formazione e consulenza sulla comunicazione ai tempi del Social Web.

SideBlog: Notizie Flash dalla rete

Archivio sideblog

Ultimi Preferiti Più letti