Creeu una animació senzilla a Photoshop


Photoshop és un editor d'imatges raster i no és molt adequat per crear animacions. Tanmateix, el programa proporciona aquesta funció.

Aquest article explicarà com fer animacions a Photoshop CS6.

Crea una animació Escala de tempssituat a la part inferior de la interfície del programa.

Si no teniu una escala, podeu trucar-la mitjançant el menú "Finestra".

L’escala es redueix fent clic dret sobre la tapa de la finestra i seleccionant l’element del menú contextual apropiat.

Per tant, amb la línia de temps que hem conegut, ara podeu crear una animació.

Per a animació, he preparat aquesta imatge:

Aquest és el logotip del nostre lloc i la inscripció, situada a diferents capes. Els estils s'apliquen a les capes, però això no s'aplica a la lliçó.

Obriu la línia de temps i premeu el botó etiquetat "Crea una línia de temps per al vídeo"que es troba al centre.

Veiem el següent:

Aquestes són les dues capes (excepte el fons), que es troben a la línia de temps.

Vaig concebre l’aspecte suau del logotip i l’aspecte de la inscripció de dreta a esquerra.

Prenguem un logotip.

Feu clic al triangle de la capa amb el logotip per obrir les propietats de la pista.

A continuació, feu clic al cronòmetre situat al costat de la paraula "Nepros".. Apareixerà un marc clau a l'escala o simplement una "clau".

Per a aquesta clau, hem de definir l’estat de la capa. Com ja hem decidit, el logotip apareixerà sense problemes, així que aneu a la paleta de capes i traieu l'opacitat de la capa a zero.

A continuació, moveu el control lliscant a l'escala uns quants marcs a la dreta i creeu una altra tecla d'opacitat.

Una vegada més anem a la paleta de capes i aquesta vegada elevem l’opacitat al 100%.

Ara, si moveu el control lliscant, podeu veure l’efecte de l’aspecte.

Des del logotip vam descobrir.

Per l’aparença del text d’esquerra a dreta tindreu una mica de trampa.

Creeu una capa nova a la paleta de capes i ompliu-la de blanc.

A continuació, instrumentalitzar "Mou" moveu la capa de manera que la vora esquerra caigui al principi del text.

Moveu la pista amb la capa blanca a la part superior de l'escala.

A continuació, moveu el botó lliscant de la balança a l'últim fotograma clau i, a continuació, una mica més cap a la dreta.

Obriu les propietats de la pista amb una capa blanca (triangle).

Fem clic al cronòmetre al costat de la paraula "Posició"creant una clau. Aquesta serà la posició inicial de la capa.

A continuació, moveu el control lliscant cap a la dreta i creeu una altra tecla.

Ara pren l’eina "Mou" i moveu la capa cap a la dreta fins que s’obri tot el text.

Moveu el control lliscant per comprovar si s'ha creat l’animació.

Per fer un gif a Photoshop, cal fer un altre pas: retallar el clip.

Anem al final de les pistes, agafem la vora d’un i tirem cap a l’esquerra.

Repeteix la mateixa acció amb la resta, aconseguint la mateixa condició que a la captura de pantalla de sota.

Per veure el clip en velocitat normal, podeu fer clic a la icona de reproducció.

Si la velocitat de l’animació no us convé, podeu moure les tecles i augmentar la longitud de les pistes. La meva escala:

L’animació està a punt, ara el necessiteu desar.

Aneu al menú "Fitxer" i troba l’article "Desa per a la web".

A la configuració, seleccioneu Gif i en els paràmetres de repetició que establim "Continuant".

A continuació, feu clic a "Desa", trieu un lloc per desar, doneu-li un nom al fitxer i feu clic de nou "Desa".

Fitxers Gif reproduït només en navegadors o programes especialitzats. Les animacions estàndard del visualitzador d'imatges no es reprodueixen.

Finalment, vegem el que va passar.

Aquesta és una animació tan senzilla. Déu ho sap, però familiaritzar-se amb aquesta funció és bastant malament.