• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare un avatar animato con effetto pioggia!

ebello

Redattore onorario
Autore del topic
Redattore
22 Aprile 2007
53.266
162
Miglior risposta
0
Ciao ragazzi, oggi vi spiegherò come creare un avatar con effetto pioggia animato!

- Prima di tutto creiamo un documento con le dimensioni che preferiamo (se vi serve per Sciax2 vi consiglio di adottare la dimensione 175 x 250)
6bb8afd74c019c3df9d3b4ba52cdad73.png


- Prendiamo l'immagine che preferiamo e trasciniamola dentro il nostro foglio bianco, successivamente ridimensioniamo l'immagine tenendo premuto il tasto shift così da evitare di ottenere una foto schiacciata

- Creiamo un nuovo livello cliccando qui:
720f46c1c5b73775fd83acc8eab7604e.png
e coloriamolo tutto di nero tramite lo strumento secchiello:
12e68aae6a4423ddee0c2400e7b2aaeb.png


- Creiamo un secondo livello e facciamo la stessa cosa

- Selezioniamo il primo livello nero e andiamo su Filtro > Disturbo > Aggiungi disturbo e impostiamo la pagina che ci appare in questo modo:
79667e89c7b75fe2799e615dae995e11.png
, diamo l'ok

- Tendendo selezionato sempre lo stesso livello andiamo su Filtro > Sfocatura > Effetto movimento, e impostiamo le varie impostazioni in questo modo:
17301fdd94884c00f7a4b642587d0275.png
, diamo l'ok

- Eseguiamo questi due passaggi anche sul secondo livello nero

- Dovremmo ottenere qualcosa del genere:
99a7c8560f8df90e222bc406a61878b9.png


- Adesso selezioniamo i due livelli dove abbiamo impostato il disturbo e la sfocatura, e andiamo ad impostarli su "Luce soffusa" cliccando qui:
0137fd25f4edaea4d37732a9fe1a21d3.gif


- Accertiamoci di avere la timeline in basso su photoshop:
8b066594d8183c8ee83955b7fde433ee.png

(Se non lo avete andate su Finestra > Timeline)

Se non vi appare la timeline uguale alla mia cliccate su questo pulsante:
74159df77974bc9c774a1b6e34fe5965.png


- Impostiamo il ritardo di 0,1 secondi sul primo fotogramma e rendiamo visibile solo il primo livello insieme al background:
eb40d53626b5baecf417f4561617278a.png


- Creiamo un nuovo fotogramma cliccando su questo tasto:
4a231353594be72ab2610234e299814f.png

e rendiamo visibile solo il secondo livello insieme al background:
af97b9b1636dba3a39ea747f9165fc98.png


- Accertiamoci di aver messo "Sempre" qui:
d64354a91e06659a8adbe9a0e4cf7a0b.gif


- Andiamo su File > Salva per il web > Salva ed ecco la nostra gif animata!

CKz6lEc.gif





(Ovviamente bisogna vedere bene la dimensione dell'immagine, se dovete metterla nel vostro avatar dovrà rispettare le dimensioni e il peso imposto da Sciax2, altrimenti l'immagine verrà ridimensionata e quindi non vedrete l'effetto animato)
 
Ultima modifica:
  • Like
Reactions: 6 people
Ciao ragazzi, oggi vi spiegherò come creare un avatar con effetto pioggia animato!

- Prima di tutto creiamo un documento con le dimensioni che preferiamo (se vi serve per Sciax2 vi consiglio di adottare la dimensione 175 x 250)
6bb8afd74c019c3df9d3b4ba52cdad73.png


- Prendiamo l'immagine che preferiamo e trasciniamola dentro il nostro foglio bianco, successivamente ridimensioniamo l'immagine tenendo premuto il tasto shift così da evitare di ottenere una foto schiacciata

- Creiamo un nuovo livello cliccando qui:
720f46c1c5b73775fd83acc8eab7604e.png
e coloriamolo tutto di nero tramite lo strumento secchiello:
12e68aae6a4423ddee0c2400e7b2aaeb.png


- Creiamo un secondo livello e facciamo la stessa cosa

- Selezioniamo il primo livello nero e andiamo su Filtro > Disturbo > Aggiungi disturbo e impostiamo la pagina che ci appare in questo modo:
79667e89c7b75fe2799e615dae995e11.png
, diamo l'ok

- Tendendo selezionato sempre lo stesso livello andiamo su Filtro > Sfocatura > Effetto movimento, e impostiamo le varie impostazioni in questo modo:
17301fdd94884c00f7a4b642587d0275.png
, diamo l'ok

- Eseguiamo questi due passaggi anche sul secondo livello nero

- Dovremmo ottenere qualcosa del genere:
99a7c8560f8df90e222bc406a61878b9.png


- Adesso selezioniamo i due livelli dove abbiamo impostato il disturbo e la sfocatura, e andiamo ad impostarli su "Luce soffusa" cliccando qui:
0137fd25f4edaea4d37732a9fe1a21d3.gif


- Accertiamoci di avere la timeline in basso su photoshop:
8b066594d8183c8ee83955b7fde433ee.png

(Se non lo avete andate su Finestra > Timeline)

- Impostiamo il ritardo di 0,1 secondi sul primo fotogramma e rendiamo visibile solo il primo livello insieme al background:
eb40d53626b5baecf417f4561617278a.png


- Creiamo un nuovo fotogramma cliccando su questo tasto:
4a231353594be72ab2610234e299814f.png

e rendiamo visibile solo il secondo livello insieme al background:
af97b9b1636dba3a39ea747f9165fc98.png


- Andiamo su File > Salva per il web > Salva ed ecco la nostra gif animata!

CKz6lEc.gif





(Ovviamente bisogna vedere bene la dimensione dell'immagine, se dovete metterla nel vostro avatar dovrà rispettare le dimensioni e il peso imposto da Sciax2, altrimenti l'immagine verrà ridimensionata e quindi non vedrete l'effetto animato)
scusa la domanda stupida ma che programma è?
 
Ottima guida ^-^.Come ho scritto nella presentazione mi piace la grafica ma non me la cavo molto bene!Questo è un buon inizio per gli utenti meno esperti come me!
 
Vi ringrazio, se avete dei problemi potete contare sul mio aiuto! :emoji_slight_smile:
 
L'ho trovato. Però si chiama "Animazione" su photoshop cs5... comunque grazie

Mio lavoro:
256qo79.jpg

Ottimo, in questo caso occhio a come ridimensioni l'immagine... tieni premuto il tasto "shift" mentre ingrandisci una foto ;)
 
Ho provato a farla tenendo premuto SHIFT. va bene?

Mio secondo lavoro:
na0Eeh9.gif


P.s= Stavolta l'ho hostata su imgur

Se noti l'immagine esce schiacciata, quando tieni premuto il tasto shift cerca di ingrandire l'immagine anche andando oltre i limiti del foglio bianco... così da non avere la foto schiacciata
 
e se io volessi mettere la pioggia solo sullo sfondo e non sul personaggio?

Devi avere un render, cioè un personaggio senza sfondo... così da poterlo piazzare sopra uno sfondo a tuo piacimento.