Cómo crear un archivo GIF animado con Photoshop

PDF download Descargar el PDF
Coescrito por Personal de wikiHow

PDF download Descargar el PDF

Este wikiHow te enseñará cómo crear un GIF animado en Adobe Photoshop, ya sea haciéndolo desde cero o a partir de un video. Para poder crearlo necesitarás Adobe Photoshop CS6 o una versión posterior.

Método 1
Método 1 de 2:

Desde cero

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Es la aplicación que dice "Ps" con letras celestes sobre un fondo oscuro.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para hacerlo, sigue estos pasos:
    • Haz clic en Archivo .
    • Haz clic en Nuevo .
    • Elige el tamaño de tu proyecto.
    • Haz clic en Crear .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cada capa del GIF animado debe tener su propio cuadro. Si vas a dibujar una animación a mano o a ordenar una serie de imágenes fijas, asegúrate de que cada cuadro esté en una nueva capa. Puedes crear nuevas capas de distintas maneras:
    • Haz clic en el ícono Nueva capa en la parte inferior de la ventana de la capa.
    • Haz clic en Capa , Nueva , Capa .
    • Presiona Mayús + Ctrl + N (PC) o Mayús + Comando + N (Mac).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, se agregará una línea de tiempo de video en tu proyecto de Photoshop, similar a las líneas de tiempo de los editores de video.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tal vez tengas que hacer clic primero en
    Android 7 Expand More
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/1\/1e\/Android7expandmore.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Android7expandmore.png\/30px-Android7expandmore.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    para ver esta opción.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e3\/Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la parte superior derecha de la ventana "Línea de tiempo". Al hacer clic, se abrirá un menú desplegable.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, cada una de las capas se convertirá en un cuadro del GIF animado.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-8-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esta opción sirve para configurar cuántas veces quieres que se repita la animación.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    De esta manera, el GIF animado repetirá la animación constantemente.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, se abrirán las opciones de exportación para imágenes con formato web.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres que el archivo GIF se guarde con menor calidad de modo que se cargue más rápido, primero haz clic en Optimizada , 2 copias o 4 copias y luego selecciona una de las opciones con menor tamaño de archivo en la parte inferior izquierda de la vista previa de cada imagen.
    • Asegúrate de seleccionar "GIF" en el cuadro desplegable de la derecha.
  12. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tu GIF animado se exportará. Ahora puedes abrir la imagen, publicarla en la web o enviársela a tus amigos.
    Anuncio
Método 2
Método 2 de 2:

A partir de un video

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7c\/Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-13-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Es la aplicación que dice "Ps" con letras celestes sobre un fondo oscuro.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-14-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, el video se importará en Photoshop y se ubicará en una ventana con una línea de tiempo en la parte inferior. Puedes abrirlo arrastrando el archivo y soltándolo directamente en la ventana de Photoshop, o siguiendo estos pasos:
    • Haz clic en Archivo y luego en Abrir .
    • Selecciona el archivo de video.
    • Haz clic en Abrir .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-15-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En la línea de tiempo, haz clic en donde empieza o donde termina el archivo de video y arrastra el punto hacia otro lugar para determinar dónde quieres que empiece y que termine la reproducción del clip de video.
    • Si quieres hacer una vista previa de los cambios en cualquier momento, presiona el botón de reproducción que está en el lado izquierdo de la ventana de la línea de tiempo.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-16-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres aumentar o disminuir la velocidad de reproducción de video, puedes hacer clic derecho en él desde la línea de tiempo y cambiar el parámetro "Velocidad". Puedes ingresar un porcentaje (por ejemplo, 50 % para reproducir el video a la mitad de su velocidad o 200 % para reproducirlo al doble de su velocidad) o hacerlo como se explica aquí abajo:
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-17-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si importaste un video de alta definición, el tamaño de imagen probablemente sea muy grande. Si quieres publicar tu GIF animado en la web y no quieres que tarde demasiado en cargarse, sería bueno que reduzcas su tamaño. Para hacerlo, sigue estos pasos:
    • Haz clic en Imagen .
    • Haz clic en Tamaño de imagen .
    • Ingresa un nuevo tamaño de imagen (para los videos de alta definición, lo más recomendable es usar 350 por 97).
    • Haz clic en Aceptar .
    • Haz clic en Convertir .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-18-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, se abrirán las opciones de exportación para imágenes con formato web.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-19-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres que el archivo GIF se guarde con menor calidad de modo que se cargue más rápido, primero haz clic en Optimizada , 2 copias o 4 copias y luego selecciona una de las opciones con menor tamaño de archivo en la parte inferior izquierda de la vista previa de cada imagen.
    • Asegúrate de seleccionar "GIF" en el cuadro desplegable de la derecha para que la imagen se guarde como un archivo GIF apto para animación y no JPEG o PNG.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-20-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la parte inferior derecha de la ventana. Determina si quieres que tu GIF se reproduzca solo una vez o que se repita indefinidamente.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-21-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al hacerlo, se abrirá una ventana con opciones para guardar.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-460px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/27\/Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg\/v4-728px-Create-Animated-GIFs-Using-Photoshop-Step-22-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tu GIF animado se exportará. Ahora podrás abrir la imagen, publicarla en la web o enviársela a tus amigos.
    Anuncio

Consejos

  • En "Opciones de repetición", además de "Una vez" e "Infinito", también puedes seleccionar "Otros" y elegir la cantidad de veces que quieras que se repita la animación.
Anuncio

Advertencias

  • Guarda tu trabajo a menudo de modo que no pierdas horas de trabajo y esfuerzo si cometes un error.
Anuncio

wikiHows relacionados

Cómo
cambiar el color de fondo en Photoshop
Cómo
eliminar el fondo de una imagen utilizando Photoshop CS6
Cómo
reemplazar el texto de una imagen con Adobe Photoshop
Cómo
rotar una imagen en Photoshop
Cómo
convertir una imagen en un dibujo de líneas usando Photoshop
Cómo
invertir colores en Photoshop
Cómo
rotar objetos en Photoshop
Cómo
hacer un video utilizando Photoshop
Cómo
trazar una imagen usando Photoshop
Cómo
agregar texto en Photoshop
Cómo
crear imágenes vectoriales en Photoshop
Cómo
unir dos imágenes con Photoshop
Cómo
girar una imagen en Adobe Photoshop
Cómo
rellenar en Photoshop
Anuncio

Referencias

  1. Guía sobre cómo guardar archivos GIF en Photoshop

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 41 932 visitas.

¿Te ayudó este artículo?

Anuncio