Cómo crear un GIF animado con Photoshop

Miscelánea / by admin / December 02, 2021

click fraud protection

GT 1 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 para llevar un punto a casa de una manera rápida y didáctica sin ocupar mucho espacio en un sitio web.

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

¿Listo? Empecemos.

Paso 1: Primero, prepare los archivos de imagen que compondrán su archivo GIF, ya que cada archivo GIF está hecho de diferentes marcos. Eso significa que ya debería tener los diferentes "marcos" que compondrán su 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 se abra el primer archivo, 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 la Ventana menú y haga clic en el Animación opción. Esto abrirá 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 la Cronología vista a la Marcos view, lo que facilitará un poco nuestro trabajo.

Paso 4: De forma predeterminada, la paleta Animación mostrará solo una de las imágenes (o "fotogramas") que tiene. También muestra en la parte inferior de cada fotograma el tiempo que se mostrará en el archivo GIF final. Si desea cambiar eso, simplemente haga clic en él y seleccione la hora deseada. El tiempo elegido también se aplicará al resto de los marcos.

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

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

Como quiero que la Capa 1 y la Capa 2 sean el segundo y tercer componentes 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 también establecido.

Paso 6: Una vez que los fotogramas de su próximo GIF estén listos, será el momento de guardarlos. Para hacer esto, en el Expediente menú, haga clic en Guardar 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.