Cómo animar tu propio GIF personalizado con Photoshop

Crear animaciones desde cero en Photoshop puede parecer desalentador, pero de hecho, son muy simples. Encienda Photoshop y tome algunos de sus archivos. ¡Es hora de molestar a tus amigos con muchos GIF animados!

Crear animaciones desde cero en Photoshop puede parecer desalentador, pero de hecho, son muy simples. Encienda Photoshop y tome algunos de sus archivos. ¡Es hora de molestar a tus amigos con muchos GIF animados!

Hemos hablado sobre algunas formas simples de convertir videos y videos de Youtube en GIF animados, pero hoy le mostraremos cómo hacer una animación simple sin usar ningún archivo de video. Sigue leyendo, este es muy divertido.

Crear animaciones con las herramientas de animación de Photoshop

Para una animación simple, crearemos una parte de la imagen en una capa separada que podamos mover. Solo animaremos el movimiento de los ojos, pero puede crear cualquier tipo de animación de esta manera, incluidas las celdas de animación dibujadas a mano o las fotografías en movimiento.

Independientemente de lo que desee animar, comience con al menos dos capas. En nuestro ejemplo, estamos usando el logotipo HTG y estamos moviendo sus ojos a una segunda capa que podemos usar para animar el movimiento.

Para comenzar, abra el panel Animación. Encuéntralo yendo a Ventana> Animación.

El panel aparece en la parte inferior de la ventana y es bastante simple de usar. Cada nuevo «marco» de la animación es como una instantánea del archivo. Haga clic en en el panel de animación cada vez que desee crear una nueva instantánea fuera del estado actual del archivo. ¡Pero no todavía!

Este panel también le permite establecer un «retraso» para cada cuadro individual, lo que significa cuánto tiempo (en su totalidad o en fracciones de segundo) se muestra en la pantalla antes de avanzar al siguiente cuadro. 25 cuadros por segundo (0.04) es una velocidad estándar para la animación, pero quizás un poco más rápida para los GIF animados. Para nuestro ejemplo, nos comprometimos con un retraso de 0.05, que también puede usar. Si desea utilizar un número diferente de cuadros por segundo, simplemente divida 1 por el número de cuadros para obtener el tiempo de retraso adecuado. (Por ejemplo, 1 segundo dividido por 25 cuadros equivale a 0.04 de tiempo de retraso).

La idea es mover la capa de ojos en pequeños incrementos y tomar instantáneas en el camino. Utilizaremos la herramienta de movimiento (tecla de acceso directo «V») y empujando nuestra capa usando las teclas de flecha . En nuestro ejemplo, hemos tomado una instantánea después de empujar cada dos píxeles más o menos.

Al hacer clic en en el panel, puede ver nuevos cuadros creados en la animación. Toman el retraso de tiempo del fotograma antes que ellos, por lo que es posible que desee elegir el retraso correcto en primer lugar, para que no tenga que cambiar un montón de fotogramas una vez que haya terminado de capturar las imágenes.

(Nota del autor: si eres como yo, estarás ajustando el retraso un millón de veces, de todos modos. ¡Las cosas no siempre funcionan de la manera exacta que quieres!)

Diseñe sus marcos a medida que avanza, utilizando el panel de capas para mover su objeto (en nuestro ejemplo, los ojos) como quiera, y tome muchas instantáneas. Recuerde, aproximadamente 25 será igual a un segundo, así que tome sus instantáneas en consecuencia.

También puede editar el retraso de varios cuadros a la vez utilizando la tecla Mayús y seleccionando muchos o todos sus cuadros y cambiando el retraso. Tenga en cuenta que puede establecer su retraso en «Otro …» cerca de la parte inferior para usar nuestro retraso personalizado de 0.05.

Vaya a Archivo> Guardar para Web y dispositivos para abrir la herramienta del mismo nombre.

Esta herramienta le permitirá crear un GIF animado amigable para el navegador, así como probarlo dentro de la herramienta (como se muestra arriba, donde está el cursor de la flecha). Asegúrese de establecer su tipo de archivo en GIF y use cualquiera de las configuraciones Perceptual, Selective o Adaptive. Estos pueden cambiar su imagen de diferentes maneras, pero para muchos de ustedes dará resultados casi idénticos. Para reducir el tamaño del archivo, puede cambiar su Tamaño de imagen (hacia la parte inferior) y su número de Colores (en la parte superior derecha) . También puede reducir el tamaño de su archivo al no incluir una transparencia, aunque no lo hicimos en nuestro ejemplo ( ¡whoops! ).

Y nuestro GIF animado está listo para poner en la web para deleitar, sorprender y crear asombro.

Y eso lo envuelve para la animación. ¿Pensamientos o preguntas sobre nuestro método? ¿Tienes un método mejor o algunas técnicas más simples? ¿Quieres ver algo más avanzado? Cuéntanos sobre ellos en los comentarios o envíanos tus pensamientos a ericgoodnight @ howtogeek.com, y podemos incluirlos en un próximo artículo de gráficos.

Rate article
labsfabs.com
Add a comment