Onde

In questo tutorial spiegherò come possiamo crearci da soli il movimento delle onde in uno specchio d’acqua senza l’aiuto di filtri esterni, che in genere ci carichiamo nel programma senza pensare quanto possano essere pesanti per il programma stesso, ma che sicuramente sono utili per la facilità nel creare cose che pensiamo sia impossibile fare senza.

Inizieremo con lo scaricarci il psd che io ho creato per voi, l’ho chiamato mappa onde.

salvatelo e scompattatelo nel desktop

Mappa onde

Scaricala!46 Download

La prima cosa da fare è aprire il file che avete scaricato nel programma e riflettetelo orizzontalmente, quindi andate a File>Apri…, prendete il file, andate a Modifica>Trasforma>Rifletti orizzontale… e salvate questo nella stessa cartella del psd scaricato, con lo stesso formato, cioè sempre in psd. con il nome di mappa2, tanto per capirci nelle spiegazioni che seguiranno.

La seconda cosa da fare è cercarci una immagine che ci colpisca maggiormente per ottenere un risultato piacevole alla vista a ciò che stiamo per fare, io ad esempio ho scelto questa che vedete sotto.

Apriamo l’immagine nel programma, quindi: File>Apri…
se nel livello della vostra immagine vedete un lucchetto fate doppio clik su di essa e dalla finestrella che comparirà cliccate OK, da livello sfondo che era prima otterremo livello 0.

Dalla barra degli strumenti scegliamo lo strumento Ritaglia e cerchiamo di selezionare metà dell’immagine, (vedi figura)

clicca il tasto invio del pc per confermare.

Adesso andiamo a Immagine>Dimensione quadro… e dalla finestrella che compare impostiamo l’altezza il doppio dell’altezza reale, cioè: l’ altezza reale della mia immagine è 278 pixel, il doppio diventerà 556 pixel e fate clic sull’ ancoraggio al centro in alto. (vedi figura)

clic ok

Nella palette dei livelli clicchiamo il tasto destro e scegliamo la voce Duplica livello…

Nella finestrella che comparirà scriviamo, Come: riflesso e ok.

Andiamo a: Modifica>Trasforma>Rifletti verticale…
Dalla barra degli strumenti scegliamo lo strumento sposta , teniamo premuto il tasto SHIFT e clicchiamo il tasto freccetta in giù del pc che si trova in basso a destra, tante volte fin quando l’immagine riflesso non raggiunge il bordo in basso dell’immagine Livello 0, vedi figura.

Adesso selezioniamo il Livello 0 deve (diventare blu), e creiamo un nuovo livello, quindi:Livello>Nuovo>Livello… e nella finestrella che comparirà scriviamo il nome sfondo e ok.

Teniamo premuto il tasto CTRL e facciamo clic sulla miniatura del livello riflesso, si noterà una selezione.

Scegliamo il colore #6b86a9Copiato, in seguito si può anche cambiare se questo colore non dovesse piacere.
Scegliamo lo strumento secchiello e facciamo clic sulla tela dentro la selezione.

Selezioniamo il livello riflesso, (deve diventare blu).
Andiamo a Filtro>Sfocatura>Effetto movimento… e impostiamo i valori Angolo: 90° e Distanza: 20 pixel o quello che preferite e ok.

Selezione>Deseleziona…

Aggiungiamo la maschera di livello facendo clic sul quadratino con un cerchio al centro che si trova in basso della palette dei livelli, (vedi figura).

Facciamo un clic sulla miniatura della maschera bianca.
dalla barra degli strumenti scegliamo lo strumento Sfumatura che si trova sotto il secchiello e tracciamo una linea verticale partendo dal centro della tela verso il basso, (vedi figura).

Notate nella figura che la parte nera nella maschera deve essere in basso, se noterete che non è cosi allora tornate un passo indietro e prima di tracciare la linea assicuratevi che nella barra delle opzioni in alto sia spuntata o no la casella Inverti

Cliccate con il tasto destro sul livello riflesso e scegliete la voce Duplica livello…
nella finestrella che si aprirà scrivete Come: riflesso1 e ok.
Duplicate ancora e scrivete Come: riflesso2.
Ecco come dovrebbe risultare l’ordine dei livelli (vedi figura).

Adesso trasciniamo il livello 0 sopra tutti gli altri, in alternativa selezioniamolo e andiamo a Livello>Ordina>Porta in primo piano…

Chiudiamo L’occhietto del livello riflesso2.
Selezioniamo il livello riflesso1
teniamo premuto il tasto CTRL e facciamo clic sulla miniatura di questo livello.
Andiamo a Filtro>Distorsione>Muovi…
Nella finestrella che compare impostate come in figura sotto

e ok
.
(Notasi che i valori potete sceglierli voi come volete)

Si aprirà un altra finestrella dove dovrete cercare il file mappa psd che avete scaricato e apritelo.
Fate clic sulla miniatura della maschera e andate a Immagine>Regolazioni>livelli…
Trascinate il cursore sinistro verso il centro, più o meno come in figura

e ok.

i valori anche qui sono a vostra libera scelta.

Aprite l’occhietto del livello riflesso2 e selezionatelo.
Andiamo a Filtro>Distorsione>Muovi… e ok.
Cercate il file che avevate invertito in riflesso orizzontale mappa2 psd e apritelo.

Selezione>Deseleziona…

Adesso inizia il bello… l’animazione… vediamo come.

Chiudiamo di nuovo l’occhietto del livello riflesso2.
Andiamo a Finestra>Animazioni…
si aprirà la finestrella dei frames.
Duplichiamo un nuovo frame facendo clic dove indica la freccetta nell’immagine che vedete sotto.

Apriamo l’occhietto del livello riflesso2 e chiudiamo quello del livello riflesso1.

Selezioniamo il frame 1 (deve diventare blu) e facciamo clic sul pulsante Tweens

Si aprirà una finestrella dove metteremo questi valori che vedete nell’immagine sotto.

E ok.

Abbiamo cosi 8 frames.
Selezioniamo l’ottavo frame, (deve diventare blu), e duplichiamo un nuovo frame, in tutto 9 frames.
Apriamo l’occhietto del livello riflesso1 e chiudiamo quello del livello riflesso2.
Selezioniamo il frame 8 e facciamo clic sul pulsante Tweens.
Quando si aprirà la finestrella non dobbiamo fare altro che cliccare ok e basta.
In tutto avremmo 15 frames.

Selezioniamo il frame 15 ed eliminiamolo facendo clic sulla pattumiera che si trova in basso.

Dalla finestrella che compare cliccate si, se non compare… tanto meglio.

Adesso, molto probabilmente ci sarà già selezionato il frame 14, quindi teniamo premuto il tasto SHIFT e facciamo clic sul frame 1, cosi saranno tutti selezionati.
Facciamo clic sulla scritta 0 sec. e scegliamo la voce 0.2. vedi figura.

Non rimane che provare l’animazione e se tutto e andato come previsto passate in Imageready e salvate ottimizzato come… gif.
Oppure rimanendo in Photoshop salva per web…

Buon lavoro, Spero sia stato utile e alla prossima.

Segui e lascia un 'Like'