• 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 [Photoshop CS5] Come creare GIF animate!

VPS42

Utente Normale
Autore del topic
18 Dicembre 2010
89
0
Miglior risposta
0
Ho deciso di creare questa guida per utenti meno esperti o semplicemente volenterosi di imparare..

Iniziamo!

1° Passo:
Scegliamo l'immagine da animare, la mia scelta è questa:
Perfavore, Entra oppure Registrati per vedere i Link!

2° Passo:
Avviamo Photoshop, creiamo una nuova IMG, la mia sarà di dimensioni 200x100

3° Passo:
Apriamo la nostra IMG, la copiamo e poi incolliamo nell' IMG appena creata, rinominando il livello appena formato in "Base"

4° Passo:
Nel mio caso, io darò all'effetto del Pg che "cammina" quindi creiamo un livello, rinominandolo "1", e , incollando di nuovo l'IMG , la spostiamo di poco dalla posizione nel livello "Base" e continuiamo il lavoro fino a 5 volte.
Il mio risultato:
15qdo2p.jpg

5° Passo:
Abbelliamo il nostro lavoro con dei particolari come per esempio dei testi o altro, per renderlo più carino

6° Passo:
Iniziamo il lavoro sul "movimento", quindi in alto a destra, a sinistra della X per chiudere il programma, clicchiamo sulle >> e clicchiamo "Movimento"
Dopo vedremo una nuova parte sotto la nostra IMG in svolgimento, noi clicchiamo nell'angolo a sinistra:
2s68ytf.jpg

Così si aprirà in versione "semplificata" come i livelli di una semplice IMG, ne creiamo 5 nel nostro caso

7° Passo:
Passiamo per ogni livello del "movimento" e selezioniamo i livelli visibili cliccando sull'occhio presente affianco al livello (es: |o| "Base" , "o" sta per l'occhio)
Nel nostro caso dobbiamo fare come una scaletta:

Primo Livello -> Visibile solo base
Secondo -> Visibile solo 1
Terzo -> Visibile solo 2
Quarto -> Visibile solo 3
Quinto -> Visibile solo 4

( Per scegliere la visibilità: con l'occhio selezionato, sarà visibile, con l'occhio deselezionato, non sarà visibile)

8° Passo:
Scegliamo i secondi di "spazio" tra le animazioni dei livelli cliccando sulla freccia che ci apre una tendina (nello spazio per animazione), nel nostro caso ho scelto 0,2 secondi.
Se vogliamo possiamo anche scegliere la ripetizione della GIF tra " Sempre " , " 3 volte " o " 1 volta "

9° Passo:
Salviamo l'immagine: File -> Salva per Web e Dispositivi (si apre una finestra) -> Salva
Dopodichè non ci resta che hostarlo sul web, consiglio
Perfavore, Entra oppure Registrati per vedere i Link!

Questo è il mio risultato:

t8srrm.jpg


Questo è tutto, vi aspetto nelle mie prossime guide!
Attendo risposte!

VPS42 in Sciax2 e YouTube/ AmicoBolla in tutti gli altri Forum in cui sono iscritto


Ps: Questa guida la potete trovare su YouTube, nel mio canale "VPS42"! (
Perfavore, Entra oppure Registrati per vedere i Link!
)


[video=youtube;5EDl64PP5TM]http://www.youtube.com/watch?v=5EDl64PP5TM[/video]

EDIT: A breve anche su YouTube!
 
Ultima modifica:
Riferimento: [Photoshop CS5] Come creare GIF animate!

Bella guida, bravo per aver postato. ^^
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Grazie!

EDIT: A breve anche su YouTube!
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Sezione sbagliata segnalo :soso:​
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Questa è una guida relativa alle alterazioni di "Habbo & Retroserver" non di grafica in generale, pertanto non è la sezione sbagliata, guarda anche qua:

outagn.jpg


;)
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Questa è una guida relativa alle alterazioni di "Habbo & Retroserver" non di grafica in generale, pertanto non è la sezione sbagliata, guarda anche qua:

outagn.jpg


;)

Facendo riferimento allo screen, non si usa paint qui e poi questa guida può essere utile per tutte le immagini non solo habbo. Sposto
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

non è molto detagliata , bravo lo stesso ,(io direi per chi deve fare un immagine tipo un macchina, di aggiungere l'effetto movimento)
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Dovresti farlo tornare indietro se no che senso ha ? -.-
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Dovresti farlo tornare indietro se no che senso ha ? -.-

Non l'ho fatto tornare indietro perchè quello l'ho fatto in 5 minuti per far seguire la guida, il più semplice possibile, poi quando capisci quando funziona, si può provare da soli a fare qualcosa di meglio!
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Bravo Molto Utile!!
Ci Sono Riuscito
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Bravo ma ora potresti aggiungere anche come farlo tornare indietro XD
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Bravo bella guida
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Grazie RapLife :emoji_slight_smile:
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Ho deciso di creare questa guida per utenti meno esperti o semplicemente volenterosi di imparare..

Iniziamo!

1° Passo:


2° Passo:


3° Passo:


4° Passo:


5° Passo:


6° Passo:


7° Passo:


8° Passo:


9° Passo:


Questo è il mio risultato:

t8srrm.jpg


Questo è tutto, vi aspetto nelle mie prossime guide!
Attendo risposte!

VPS42 in Sciax2 e YouTube/ AmicoBolla in tutti gli altri Forum in cui sono iscritto


Ps: Questa guida la potete trovare su YouTube, nel mio canale "VPS42"! (
Perfavore, Entra oppure Registrati per vedere i Link!
)


[video=youtube;5EDl64PP5TM]http://www.youtube.com/watch?v=5EDl64PP5TM[/video]

EDIT: A breve anche su YouTube!
sai per caso il link dove scaricare photoshop?
 
Riferimento: [Photoshop CS5] Come creare GIF animate!

Ottimo tutorial ;) Molto ben esposto ! Complimenti