Cómo crear un GIF animado con Photoshop




Los GIF animados son quizás algunos de los archivos más entretenidos y usados ​​en la web. Se pueden usar igualmente para divertirse o conducir un punto a casa de una manera rápida y didáctica sin ocupar mucho espacio en un sitio web.




Sin embargo, aunque aparentemente complejas, los GIF no son tan difíciles de crear. De hecho, si tienes Photoshop, ya tiene todo lo que necesita para crear uno, que es exactamente lo que le mostraremos en este tutorial.

Listo? Empecemos.



Paso 1: Primero, prepare los archivos de imagen que conformarán su archivo GIF, ya que cada archivo GIF está hecho de diferentes marcos. Eso significa que ya deberías tener los diferentes 'marcos' que conformarán tu GIF. Para este ejemplo, crearé un GIF compuesto por tres archivos de imagen simples (que se muestran a continuación).




  


Paso 2: Abra los archivos en Photoshop (a menos que los haya creado en Photoshop para empezar) y asegúrese de que cada uno de ellos pertenezca a una capa separada. Para asegurarse de esto, una vez que el primer archivo esté abierto, haga clic en Crea una nueva capa. botón en la parte inferior derecha de la Capas panel (que se muestra a continuación) y pegue el siguiente archivo de imagen en la nueva capa.




Una vez que todas sus imágenes se hayan agregado a sus propias capas, deberían verse así en el panel Capas de Photoshop:




Paso 3: Ahora, en Photoshop, vaya a Ventana menú y haga clic en el Animación opción. Aparecerá la paleta de animación de Photoshop. Una vez que lo haga, haga clic en el botón en la parte inferior derecha (que se muestra a continuación) para cambiar de Cronograma ver a la Marcos vista, lo que hará que nuestro trabajo sea un poco más fácil.










Etapa 4: De forma predeterminada, la paleta Animación mostrará solo una de las imágenes (o 'cuadros') que tenga. También muestra en la parte inferior de cada cuadro el tiempo que se mostrará en el archivo GIF final. Si desea cambiar eso, simplemente haga clic en él y seleccione el tiempo deseado. El tiempo elegido también se aplicará al resto de los cuadros.




Paso 5: Ahora, para agregar algunos marcos donde irán sus otras imágenes. Para hacerlo, en la paleta Animación, haga clic en Marco duplicado botón.




Esto agregará el segundo marco que formará su GIF. Ahora, aquí está el truco: por cada cuadro agregado, asegúrese de que solo la capa relevante que contiene la imagen deseada para ese cuadro esté seleccionada en el Capas paleta. Verifique las imágenes a continuación, por ejemplo:




  





Como quiero que la Capa 1 y la Capa 2 sean el segundo y el tercer componente de mi archivo GIF respectivamente, solo selecciono uno u otro para el segundo y tercer fotogramas. Al final, la paleta Animación debería mostrar todos los fotogramas de su archivo GIF en el orden en que se mostrarán y con la cantidad de tiempo que se mostrará cada uno.




Paso 6: Una vez que estén listos los marcos de su futuro GIF, será hora de guardarlo. Para hacer esto, en el Archivo menú, haga clic en Ahorre para Web y dispositivos ... En la ventana que aparece, asegúrese de seleccionar el formato GIF en Preestablecido.







Además, al hacer clic en las pestañas sobre su imagen en esta ventana, podrá seleccionar las diferentes calidades de salida (con diferentes tamaños, por supuesto) para su archivo GIF.







Una vez que elija el tamaño y la calidad de su GIF, haga clic en Salvar y tu estas listo.




¡Disfruta tu archivo GIF!