• 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 immagini in movimento con PhotoShop

CrazyXahe

Utente Medio
Autore del topic
17 Aprile 2008
219
0
Miglior risposta
0
[ATTENZIONE]La creazione di banner, avatar o gif animate con Photoshop richiede una risoluzione come queste sotto indicate:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
[/ATTENZIONE]


1) Create un nuovo documento, selezionando una delle dimensioni sopra citate; importate su un nuovo livello l’immagine da animare e rinominate il livello ” uno “

uno1zu1.jpg




2) Duplicate il livello ” uno ” e rinominatelo ” due ”

Selezionate il livello “due” , premete CTRL + T , e tenendo premuto il tasto maiuscolo premete quattro volte la freccia destra della tastiera.
In questo modo l'immagine si sposterà di 20 pixel verso destra.

Ps. Potete scegliere voi di quanti Pixel muovere l'immagine premendo la freccia destra della tastiera quante volte volete...

3) Ripetete i punti 1 e 2 finchè non avete circa 10 livelli.

Ps. Anche il numero di livelli dipende dall'animazione che volete creare...


livellitx7.jpg



4) Realizzate l'effetto movimento seguendo queste indicazioni:

Selezionate l'ultimo livello del vostro documento:
Filtro –> Sfocatura –> Effetto movimento

Impostate come nell'immagine seguente:


effettomovimentocd0.jpg



Angolo: 0°
Distanza: 10px

Quindi ripetete la stessa operazione aggiungendo di 10 px la distanza di sfocatura allo scalare di ogni livello:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

4) Deselezionate tutti i livelli ad eccezione del livello ” uno ”

5) Create l'animazione della vostra immagine:

Finesta –> Animazione per aprire il pannello dei fotogrammi.

6) Create tanti fotogrammi quanti livelli avete creato e per ogni fotogramma attivate il relativo livello e nascondete tutti gli altri:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!


finestraanimazioneam6.jpg



7) Settate il tempo di ritardo per fotogramma.
Di default è selezionato un ritardo di 0 sec, praticamento nessun ritardo.

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

8) Salvate il documento in formato gif:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Risultato:
gifanimata1hh0.gif




[ATTENZIONE]La guida postata, anche se possibilmente simile ad altre, è in realtà completamente ideata dal sottoscritto. Per favore quindi non chiedete fonte grazie ^^[/ATTENZIONE]
 
:o stavo per postare la stessa e identica cosa... ma anche come aprirle vedendo i vari frame... io avrei fatto una guida con scritto anche quello... ma... non è vero che deve avere quella risoluzione.. U.U poi... più semplicemente... puoi spostare l'mmagine sempre sullo stesso livello cliccando su il tastino per fare sempre una nuova sequenza per l'animazione... va be... bravo... anche se mi hai fregato sul tempo per postarla :emoji_relieved: :emoji_relieved: