Come ottenere di più da GIFS

Sep 17, 2025
Come si fa

I gif lavorano in cicli senza soluzione di continuità, che REBECCA Mock. Descrive come "il loop perfetto". Questo anello dovrebbe idealmente cancellare il primo e l'ultimo fotogramma, in modo che qualsiasi frame potrebbe essere il primo. Durante la creazione della tua GIF, fai looping una priorità - provoca meno distrazione allo spettatore e aggiunge ipnotizzanti, interessi visivi. Mock suggerisce inoltre di aggiungere un telaio extra: "Lascia che la pausa durasse un po 'più a lungo", dice. "Lo spazio tra due azioni può implicare molto".

This GIF was made for PC World to accompany an article about the app Evernote

Questa GIF è stata creata per il mondo PC per accompagnare un articolo sull'app Evernote (Immagine di immagine: REBECCA Mock)

Tecniche di base.

Le basi del movimento possono essere ampliate e costruite in animazioni complesse. Come inizi a creare la tua immagine in Photoshop cc. , Assicurati di tenerlo organizzato. Lavora in strati e animare ogni pezzo separatamente. In questo modo, se devi cambiare un elemento in seguito, è facile isolarlo senza dover annullare il resto del tuo duro lavoro.

Il posizionamento può essere fatto manualmente o impostando punti di partenza e fine e lasciando che Photoshop faccia il lavoro - tutto dipende dal tipo di movimento vuoi che il tuo GIF abbia. Usando il cursore e trascinando il telaio dell'oggetto per fotogramma produrrà un percorso irregolare. Tweening - generando fotogrammi intermedi tra due immagini - lo darà un movimento costante.

Immagine 2 di 7

Select which frame to tween and the number of frames you want to add.

Seleziona quale cornice a Tween e il numero di frame che si desidera aggiungere.

02. Seleziona una cornice

Immagine 3 di 7

Start the flicker effect by creating a straight line with a rough edge.

Avviare l'effetto sfarfallio creando una linea retta con un bordo ruvido.

03. Avvia l'effetto

Immagine 4 di 7

Copy and paste the rough edge at the top of your original line.

Copia e incolla il bordo ruvido nella parte superiore della linea originale.

04. Copia e incolla

Immagine 5 di 7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

Creare una maschera di livello per oscurare parte della linea. Quando animato, assomiglierà a un guizzo.

05. Maschera di layer.

Immagine 6 di 7

Hold down the Shift key to rotate a shape in 15 degree increments.

Tenere premuto il tasto Maiusc per ruotare una forma in incrementi di 15 gradi.

06. Ruota la forma

Immagine 7 di 7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

Il pannello Salva per Web consente di personalizzare i tuoi colori salvati. Sinvoltamente una tonalità, puoi rimuoverlo dalla tavolozza.

07. Salva

Mi piace usare l'effetto sfarfallio / sbiadimento per l'aumento di vapore e le fiamme. Per crearlo, disegnare una linea retta usando un pennello ruvido. Aggiungi una maschera di livello (come una fiamma) in modo che la parte di esso sia oscurata. Quindi, crea un ciclo pulito utilizzando un metodo di creazione di pattern - tagliare la linea a metà e sposta il suo bordo inferiore ruvido nella parte superiore della sua linea, riempire il centro e sovrapponendo la maschera di livello. Utilizzare il comando Tween per assicurarsi che la linea si muova verticalmente a una velocità coerente. A questo punto, i loop dovrebbero essere senza soluzione di continuità.

Il movimento rotante e rotante viene creato con piccole curve incrementali di un oggetto. Creare un cerchio irregolarmente a forma e spostarlo in 16- 24 gradini finché non hai un turno completo; Tenere premuto il tasto SHIFT per ruotarlo in incrementi di 15 gradi.

Creation Can Change The World was made for Sony Digital Entertainment.

La creazione può cambiare il mondo è stata creata per Sony Digital Entertainment. (Immagine di immagine: REBECCA Mock)

Esportare il tuo lavoro

L'esportazione della tua GIF potrebbe essere il passo finale, ma è qualcosa che dovresti pensare in tutto il tuo processo. Più pixel che si muovono, più grande sarà la dimensione del file, e idealmente, si desidera un GIF che è inferiore a 1 MB. I file GIF sono limitati all'utilizzo di 256 colori e cose come pesanti texture e gradienti non comprimono bene - è meglio con colori piatti e bordi taglienti, che manterranno i file gestibili e facili da caricare sul Web.

Questo articolo è originariamente apparso in Arti del computer Edizione 259; Compralo qui !

Temi
Disegno grafico

Come si fa - Articoli più popolari

Jamstack: Costruisci siti Web più veloci, più efficienti oggi

Come si fa Sep 17, 2025

(Immagine di immagine: futuro / Joseph Ford) Jamstack è un metodo per creare e servire i siti Web con un carico mini..

Schede di personaggi per modelli 3D: 15 Suggerimenti superiori

Come si fa Sep 17, 2025

(Immagine di immagine: DAHLIA KHODUR) I fogli di personaggi sono l'ordine del giorno in questo tutorial, che copre co..

Crea un effetto testo wobbly con JavaScript

Come si fa Sep 17, 2025

L'introduzione di effetti al testo e alla tipografia può aggiungere una prospettiva completamente nuova al esperienza ut..

Illumina il tuo lavoro 3D con le luci a cupola

Come si fa Sep 17, 2025

L'uso di luci a cupola è stato uno dei maggiori progressi nella creazione della CGI negli ultimi dieci anni. Bagnare una scena d..

Crea movimento dinamico in una composizione

Come si fa Sep 17, 2025

Prima di iniziare il tuo disegno è importante decidere quale tipo di movimento si desidera catturare. Cerca di tenerlo semplice ..

Come dipingere un ritratto atmosferico in Photoshop

Come si fa Sep 17, 2025

Dipingere un ritratto può essere un compito difficile. Anche se hai imparato Come disegnare una faccia , puoi fac..

Come rendere un rendering di auto sportive realistiche

Come si fa Sep 17, 2025

Negli ultimi anni, ho affinato le mie capacità nell'illuminazione e nel rendering così come alcune altre tecniche con vari moto..

Suggerimenti principali per scolpire una creatura in Zbrush

Come si fa Sep 17, 2025

Per dimostrare di costruire una creatura in Zbrush sto usando questo pezzo di 3D Art. Sto lavorando, progettato da..

Categorie