GIF animate in Photoshop CS5

Adobe Photoshop CS5 è un potente programma di modifica delle immagini che puoi utilizzare per creare o modificare quasi tutti i tipi di immagini di cui potresti avere bisogno. Photoshop CS5 è particolarmente abile, tuttavia, nella creazione di immagini destinate a essere collocate online, ad esempio un'immagine che potresti inserire sul tuo sito Web o che potresti voler condividere con i tuoi amici. Una scelta di immagini popolare è una GIF animata, perché è semplice da realizzare, ha movimento, ma può essere pubblicata come una normale immagine statica. Photoshop offre alcuni strumenti utili che ti consentono di creare una GIF animata in Photoshop CS5 e puoi persino personalizzare la tua GIF animata in Photoshop CS5 per aderire alle specifiche richieste.

Preparare le cornici per la tua GIF animata in Photoshop CS5

Una GIF animata in Photoshop CS5 è in realtà cinque immagini separate che organizzerai come livelli. Ogni livello rappresenterà un fotogramma della tua immagine, quindi ogni fotogramma deve essere leggermente diverso per aiutare a indicare che c'è un'azione o un movimento che si verifica nella tua GIF animata. Ai fini di questo tutorial, creerò una GIF animata in Photoshop CS5 di una stella che si muove su uno sfondo nero. La GIF animata sarà composta da cinque fotogrammi diversi, in cui la stella si trova in una posizione leggermente diversa in ogni fotogramma. Le immagini separate hanno questo aspetto:

Per semplicità, ho etichettato le immagini come 1.gif, 2.gif, 3.gif, 4.gif e 5.gif, che mi aiuteranno a ricordare l'ordine in cui voglio visualizzarle. Ogni immagine ha la stessa dimensione, 100×100 pixel.

Per iniziare a creare una GIF animata in Photoshop CS5, ora puoi avviare Photoshop, fai clic su File nella parte superiore della finestra, fare clic su Nuovo, quindi imposta le dimensioni dell'immagine. Una volta impostati i parametri dell'immagine, fai clic su ok pulsante per creare la tua tela bianca.

La prossima cosa da fare è aprire la cartella contenente le immagini che includerai nella tua GIF animata in Photoshop CS5. Nota che stai aprendo la cartella in Esplora risorse, NON con il Aprire comando in Photoshop. Esplora risorse è il programma che utilizzi per sfogliare cartelle e file sul tuo computer e puoi avviarlo facendo clic sull'icona della cartella nella barra delle applicazioni nella parte inferiore dello schermo del computer. Una volta aperta la cartella contenente le immagini, tieni premuto il tasto CTrl sulla tastiera per selezionare tutte le immagini, quindi trascinale nell'area di disegno di Photoshop CS5.

Questo cambierà la tua tela per mostrare una delle tue cornici con una X sopra, come in questa immagine:

Quando vedi questo, premi accedere sulla tastiera per inserire ogni immagine come livello in Photoshop. Una volta che tutte le immagini sono state aggiunte, il tuo strati la finestra sul lato destro di Photoshop dovrebbe assomigliare a questa.

Nota che l'immagine che vuoi visualizzare come ultimo fotogramma della tua GIF animata dovrebbe essere il livello più in alto. Se i tuoi livelli sono nell'ordine sbagliato, puoi semplicemente trascinarli all'interno del strati finestra finché non sono nell'ordine corretto.

Ora devi aprire il Animazione finestra, che puoi fare facendo clic su Finestra menu nella parte superiore di Photoshop, quindi facendo clic su Animazione opzione. Il Animazione la finestra si aprirà come una finestra orizzontale nella parte inferiore di Photoshop.

Fare clic sul pulsante nell'angolo in alto a destra del Animazione finestra (il pulsante ha l'aspetto di una freccia rivolta verso il basso accanto a 4 linee orizzontali), quindi fare clic su Crea cornici dai livelli opzione.

Fare clic sulla freccia rivolta verso il basso a destra di 0 sec e sotto una delle tue cornici nel Animazione finestra, quindi seleziona per quanto tempo desideri che il fotogramma venga visualizzato nella tua GIF animata. Ripeti questo passaggio per ogni fotogramma dell'immagine. mi piace scegliere 1.0 per la durata dei fotogrammi in molte GIF animate in Photoshop CS5, ma sperimenta durate diverse finché non trovi quella che funziona meglio per te.

Puoi anche specificare quante volte la GIF animata deve scorrere tutti i suoi fotogrammi facendo clic su Per sempre menu a discesa nella parte inferiore del Animazione finestra. sto usando Per sempre come opzione per la GIF animata alla fine di questo articolo, il che significa che la GIF animata scorrerà continuamente fino a quando non lascerai questa pagina.

Hai finito di creare la tua GIF animata in Photoshop CS5 ora, quindi devi salvarla. Clic File nella parte superiore della finestra, quindi fare clic su Risparmia per Web e dispositivi. Fare clic sul menu a discesa nell'angolo in alto a destra della finestra per scegliere il GIF opzione, quindi fare clic su Salva pulsante nella parte inferiore della finestra.

Digita un nome per il tuo file nel Nome del file campo, quindi fare clic su Salva pulsante. Puoi quindi fare doppio clic sull'immagine creata nella tua cartella per avviare la GIF animata e vedere cosa hai creato. Di seguito è riportato il mio esempio GIF animato nell'immagine Photoshop CS5.