Creazione di animazioni in Adobe Photoshop

In Adobe Photoshop, a partire dalla versione CS3 estesa, è disponibile il lavoro con l'animazione. Le immagini Gif vengono create da un set di frame o direttamente da clip video. Quindi tu stesso fai un'immagine dinamica per il sito, gli avatar, le presentazioni? biglietto di auguri Grafica simile può essere utilizzata in altri progetti o durante l'installazione. Scopri come creare animazioni in Photoshop per lavorare liberamente con questo tipo di immagini.

Adobe Photoshop ha molte funzionalità, inclusa la creazione di animazioni.

Non è necessario essere un artista o un designer. Tutte le funzioni sono chiare anche per i principianti. Richiede solo il set iniziale di frame da cui verrà creato il file gif.

Animazione da video

Il modo più semplice è convertire video in animazione. Non c'è bisogno di configurare nulla. Basta aprire il video in Photoshop. L'utility accetta i formati avi, mov, mp4, mpg, mpeg, m4v. Per eseguirli correttamente, è necessario installare QuickTime. Il file multimediale aggiunto in questo modo non può essere modificato o tagliato. Converti solo in grafica.

Ma c'è un altro metodo. Ecco come creare una gif dai film in Photoshop:

  1. Vai a File - Importa.
  2. Fai clic su "Frames from video to layers".
  3. Un menu si aprirà con alcune impostazioni. Ci sarà un mini player di anteprima sulla destra.
  4. Nel campo "Intervallo", seleziona uno dei parametri: "Dall'inizio alla fine" o "Solo selezionato". Nel secondo caso, verrà inserita la parte selezionata del video. Per tagliare il frammento desiderato, sposta i marcatori neri sotto il giocatore. Nel progetto verrà aggiunto un pezzo che è tra di loro.
  5. In Photoshop è possibile caricare un massimo di 500 fotogrammi. Se il materiale di lavoro è superiore a questo valore, dovrà essere tagliato o aggiunto in parti a documenti diversi.
  6. Spunta la casella "Crea animazione frame". Quindi tutte le impostazioni necessarie verranno automaticamente applicate al video. Senza questo, le dinamiche dovranno essere impostate manualmente.
  7. Il parametro "Lascia ogni [numero]" ti permetterà di importare non tutte le diapositive, ma, diciamo, ogni terzo. Il GIF risultante sarà intermittente.
  8. Conferma l'azione e attendi fino a quando l'utilità elabora il film.
  9. Vai su "Finestra - Ambiente di lavoro" e seleziona "Movimento". Questo insieme di installazioni è più adatto per la creazione di immagini animate.
  10. Di seguito ci sarà un certo analogo del lettore multimediale. Indica la frequenza dei fotogrammi. C'è un pulsante "Riproduci", riavvolge, scala traccia video. Tutte le immagini vengono visualizzate a turno.
  11. Saranno anche distribuiti a strati, la cui lista è in basso a destra nella finestra di Photoshop. Fare clic su uno di essi per lavorare con una diapositiva separata.
  12. Puoi cancellare alcuni fotogrammi o modificarli.
  13. Tutte le immagini saranno nella stessa area. Questo non è molto conveniente. Per disattivare la visibilità del livello, fai clic sull'icona a forma di occhio accanto ad essa. La diapositiva rimarrà nel documento e, se necessario, apparirà nell'animazione gif. Per visualizzarlo di nuovo, fai clic sul punto in cui si trovava "l'occhio".
  14. Se vuoi provare un diverso tipo di visualizzazione (sotto acquerelli, matite, luci al neon), fai clic su "Filtri" nella barra dei menu.
  15. Per aggiungere effetti di Photoshop (bagliore, ombra, gradiente, motivo), fare clic con il tasto destro del mouse sul livello e selezionare Opzioni di fusione.
  16. Per scambiare le diapositive, trascinali.
  17. Per selezionare l'ora di visualizzazione (o ritardo) del fotogramma, fare clic sul piccolo triangolo nero sottostante.

Animazione da foto

Ecco come creare un'animazione in Photoshop usando le immagini:

  1. Inserisci le immagini necessarie. Aggiungi ciascuno di essi al tuo livello (rimuovi il livello chiamato "Sfondo").
  2. Di solito le immagini si aprono in finestre o schede (a seconda delle impostazioni dell'interfaccia di Photoshop). Per unirli in un unico spazio di lavoro, copiali li o spostali. Verranno automaticamente aggiunti a nuovi livelli.
  3. Vai a Finestra - Aree di lavoro - Movimento. Attiva il pannello Animazione con il giocatore.
  4. Seleziona il livello che dovrebbe essere il primo fotogramma della tua GIF.
  5. Rendi invisibili i fogli rimanenti facendo clic sull'icona a forma di occhio accanto a loro.
  6. Nel pannello del giocatore, fai clic sul pulsante "Converti in animazione" in basso a destra. Sembra un rettangolo diviso in tre parti.
  7. Ci sarà un fotogramma con il livello selezionato. Duplicalo. Per fare ciò, clicca sul piccolo pulsante "Crea una copia".
  8. Crea il numero di diapositive di cui hai bisogno.
  9. Si è scoperto l'animazione gif da un'immagine. Per risolvere il problema, fai clic sul secondo fotogramma e rendi visibile il secondo livello, rimuovendo "l'occhio" dal primo. L'oggetto desiderato viene visualizzato.
  10. Quindi "riempire" le diapositive una alla volta.

Se si sta creando un layout di grandi dimensioni, questo metodo richiederà molto tempo. In questo caso, puoi fare quanto segue:

  1. Nello strumento Animazione nell'angolo in alto a destra (sul pannello stesso, e non sulla finestra di Photoshop) c'è un pulsante che assomiglia ad una lista con una freccia. Fare clic su di esso.
  2. Nel menu visualizzato, seleziona "Crea fotogrammi da livelli".

Con le immagini, le stesse azioni sono disponibili come con le diapositive del video.

Salvataggio di animazioni gif

È importante capire come salvare l'animazione in Photoshop. Se lo sistemate come file psd o "statico" con l'estensione jpg, bmp, png, non avrà senso. Invece di spostare, trasformare o sfarfallio, ottieni una cornice bloccata. Per creare un set di immagini che cambiano, è necessario convertire il documento in formato GIF.

  1. Quando hai finito in Photoshop, non correre a chiuderlo e trasformarlo in un progetto psd.
  2. Vai a File - Salva come. Oppure premi Maiusc + Ctrl + S.
  3. Dai un nome alla tua creazione e specifica la cartella in cui vuoi metterla.
  4. Nell'elenco a discesa Tipo, selezionare CompuServe GIF.
  5. Conferma l'azione.

Semplicemente sufficiente per capire l'applicazione Photoshop, come creare un'animazione. Anche se non sei un web designer professionista, puoi creare un'immagine simile. Avrai un'arte unica da te raccolta.