Cómo hacer un GIF animado en Photoshop

Los GIF están en todas partes. La imagen animada de una vez humilde es ahora el idioma no oficial de los GIF web, El lenguaje de la web: su historia, cultura y futuros GIF, El lenguaje de la web: Su historia, cultura y futuro Todo lo que siempre quiso saber sobre la historia de los GIF, cómo han evolucionado y su impacto y significado cultural. Lee mas . Los GIF son la forma más rápida de expresar una emoción en Twitter, y puedes perder horas observándolos. 10 Hábitos de pérdida de tiempo que debes abandonar hoy. 10 Hábitos de pérdida de tiempo que debes abandonar hoy. todo se suma! ¿Podría ser que estás perdiendo el tiempo en hábitos sin sentido? Te mostraremos tareas diarias que puedes abandonar. Leer más en Reddit y Facebook.

Hay muchos lugares para encontrar GIF, incluidos servicios especializados como Giphy, e incluso puedes obtener los teclados de iOS Las 10 mejores aplicaciones de teclado para iPhone: fuentes de lujo, temas, GIF y más Las 10 mejores aplicaciones de teclado para iPhone: fuentes de lujo, temas GIFs, y más cansado del teclado predeterminado del iPhone? Estas aplicaciones de teclado para iPhone alternativas ofrecen GIF, temas, búsqueda y más. Leer más y teclados de Android Los 5 mejores teclados de Android para emojis, GIF y más 5 los mejores teclados de Android para Emojis, GIF y más Estos teclados hacen que sea muy fácil agregar GIF, emojis y todo tipo de otras cosas a cualquier cosa que escriba. Leer más que buscarlos a medida que escribe.

Pero nada mejor que hacer tu propio. Puedes crear un GIF animado en Photoshop convirtiendo videos o usando una serie de imágenes estáticas. Echemos un vistazo a cómo hacer ambas cosas. Vamos a crear gifs en Photoshop CC para este ejemplo..

Hacer un GIF a partir de un video

Una de las razones más comunes para hacer un GIF es cuando tienes un videoclip que quieres compartir en línea. Es muy fácil convertir un video en un GIF en Photoshop.

Comience por ir a Archivo> Importar> Video Frames to Layers. No es necesario crear un nuevo archivo primero. Seleccione su video y haga clic Abierto.

En el cuadro de diálogo que aparece a continuación, puede elegir si desea importar el video completo o solo una parte seleccionada. Si opta por este último, arrastre los controles de recorte debajo de la ventana de vista previa hacia adentro para establecer nuevos puntos de inicio y final. Todo entre estos mangos será importado; todo lo que está fuera desechado.

Tenga en cuenta que cuanto más video importe, mayor será el GIF resultante..

Si está importando un clip grande, seleccionando Limitar a cada 2 cuadros (o más) es una forma sencilla de reducir el tamaño sin afectar demasiado la calidad.

Asegurarse Hacer animación de cuadros está marcado, a continuación, haga clic DE ACUERDO. El video comenzará a importarse. Puede tomar un tiempo dependiendo de qué tan grande es. Cuando termine, tendrás un nuevo archivo de imagen, donde cada fotograma del video se coloca en su propia capa.

En la parte inferior de la pantalla está el Línea de tiempo paleta. Esto muestra todos los cuadros que conformarán su GIF, que cada cuadro corresponde a una capa diferente en la imagen..

Puede agregar o eliminar marcos o editar cualquiera de las capas existentes como lo haría con una capa normal en cualquier otra imagen. Pero para una conversión directa de un video a un GIF, simplemente pulse el botón Jugar botón en la parte inferior para una vista previa. Cuando estés feliz, estás listo para guardar el GIF.

Cómo guardar un GIF en Photoshop

Ir Archivo> Exportar> Guardar para web (legado). En el cuadro que se abre, establece el formato a GIF, Colores a 256, y reducir el Tamaño de la imagen a algo más pequeño como una forma de mantener el tamaño total del archivo hacia abajo.

Puede ver el tamaño del archivo resultante en la parte inferior izquierda de la ventana de Vista previa. Si es demasiado grande, arrastre el Con pérdida control deslizante a la derecha. Esto afectará la calidad, pero también reducirá significativamente el tamaño del archivo..

Finalmente, pulsa Salvar para crear tu GIF.

Crear manualmente un GIF a partir de imágenes fijas

Si no tiene un video para usar como base de su GIF, puede crear uno manualmente a partir de una serie de imágenes estáticas. Es un poco más complicado, especialmente si quieres hacer algo complejo, pero el proceso básico es sencillo.

Usted crea su GIF a partir de un único archivo de imagen que contiene varias capas, y las capas se utilizan para proporcionar el contenido de cada fotograma de su animación. Hay dos formas de empezar:

1. Si ya ha realizado las imágenes para su animación, impórtelas yendo a Archivo> Scripts> Cargar archivos en la pila. Hacer clic Vistazo, luego selecciona todas las imágenes que necesites, y pulsa DE ACUERDO. Cada imagen se colocará en su propia capa individual dentro del mismo archivo..
2. Si aún no has hecho las imágenes, hazlo ahora. Recuerda que cada parte de la animación debe ir en su propia capa..

Ahora estás listo para hacer la animación..

Anima tu GIF

Así es como funciona. Cuando crea manualmente un marco en la animación, cada capa de su imagen que está configurada para Visible Se incluirá en ese marco. Capas establecidas en Oculto No se incluirá en el marco..

Para el primer fotograma, es posible que desee establecer la capa de fondo en Visible y todas las demás capas en Oculto. Luego, en el segundo fotograma es posible que desee hacer visible la segunda capa, y luego la tercera capa en el tercer fotograma y así sucesivamente. Se aclarará una vez que comiences.

Primero, ve a Ventana> Línea de tiempo. En el centro del panel que se abre, haga clic en Crear animación de cuadros. Esto crea el primer cuadro de su animación. En la paleta de Capas, oculte las capas que no desea que formen parte de este cuadro al desmarcar Ojo iconos.

Ahora haga clic en el Nuevo marco Botón, que duplicará el cuadro anterior. Una vez más, oculte las capas que no desea incluir en este nuevo marco y haga visibles las que hace..

Repita este proceso hasta que haya agregado todos los marcos que necesita en su GIF.

Terminando

Para terminar, configura el Retraso del marco - Esto es, en efecto, la velocidad de fotogramas. Haga clic en el primer cuadro, luego presione Mayús y haga clic en el último cuadro. Ahora haga clic en la flecha desplegable debajo de uno de los cuadros y seleccione un retraso. Sin demora significa que la animación se ejecutará rápidamente, mientras que un número específico de segundos significa que cada fotograma permanecerá en la pantalla durante ese tiempo.

Finalmente, establece el Opciones de bucle, que encontrarás en la parte inferior del panel Línea de tiempo. Establece cuántas veces jugará el GIF. En la mayoría de los casos querrá configurarlo Siempre.

Ahora pulsa el Jugar botón en la parte inferior de la pantalla para previsualizar su GIF. Deberías estar viendo algo como esto:

Puede editar marcos simplemente seleccionándolos y ajustando qué capas son visibles (también puede ajustar la opacidad o hacer otros ajustes más avanzados). Agrega más capas si las necesitas o presiona el ícono de la papelera para eliminarlas.

Cuando esté contento, puede ir directamente a la sección Guardar su GIF. O sigue leyendo para refinar la animación..

Animaciones Avanzadas Con Tweening

Photoshop soporta una poderosa función de animación llamada interpolación. Esto le permite crear animaciones más suaves al generar automáticamente cuadros de transición entre dos cuadros existentes. Por ejemplo, supongamos que desea que aparezca una capa. Crearía un cuadro con esa capa establecida en Oculto y otra con ella en Visible. Y luego lo harías entre entre esos dos marcos.

En nuestro ejemplo, vamos a interpolar entre todos los cuadros para dar a nuestro cielo estrellado un efecto de centelleo..

Primero, seleccione el primer cuadro y haga clic en Tween Botón en la barra de herramientas en la parte inferior del panel Línea de tiempo.

En el cuadro de diálogo que se abre, establece Tween con a Siguiente fotograma, y Marcos para agregar al número de cuadros de transición que desee. Un número más alto significa un efecto más suave pero más lento. Hacer clic DE ACUERDO para generar los nuevos marcos.

Ahora repita el proceso para los otros marcos originales que creó. Cuando tengas la última que quieras configurar Tween con a Primer marco. Esto ayuda a crear una transición suave hacia el inicio de un GIF en bucle.

Golpea el Jugar botón para previsualizar el efecto.

Guardando tu GIF

Cuando haya terminado, primero debe guardar su archivo en el formato .PSD. Esto guardará toda la información de la capa y la animación para que pueda volver y editarla más tarde si lo necesita. Después de eso, puedes exportarlo como un GIF..

Ir Archivo> Exportar> Guardar para web (legado). En el cuadro de diálogo que se abre, asegúrese de que el formato esté establecido en GIF y que la opción de Colores esté establecida en 256 (esto garantiza la máxima calidad).

Otras configuraciones que puede querer cambiar incluyen la Tamaño de la imagen y Opciones de bucle si no lo hiciste antes.

La ventana de vista previa muestra qué tamaño tendrá el archivo cuando lo guarde. También puede hacer clic en el Avance Botón para probar la animación en una ventana del navegador..

Por último, haga clic en Salvar para guardar tu GIF.

Otras formas de hacer GIFs

Hacer GIFs en Photoshop es fácil. Pero, ¿y si no tienes Photoshop? No significa que debas dejarte fuera. Echa un vistazo a nuestras guías sobre cómo crear GIF cuando tienes cero habilidades Cómo crear GIF incluso si tienes cero habilidades Cómo crear GIF incluso si tienes cero habilidades Si deseas mejorar tu juego de GIF, en lugar de buscar y compartir GIF de otras personas, Utilice esta sencilla herramienta para crear sus propios GIF en un tiempo récord. Más información y cómo hacer un GIF a partir de un video de YouTube Cómo convertir fácilmente los videos de YouTube en GIF Cómo convertir fácilmente los videos de YouTube en GIF ¿Desea una forma rápida de convertir cualquier video de YouTube en un GIF rápido pero de alta calidad? Este sitio es la herramienta perfecta para ti. Lee mas . Con tantas herramientas para todos los niveles de usuario, no hay razón para no bucear directamente en.

¿Has usado Photoshop para crear GIFs? ¿Qué otras herramientas utilizas? Comparte tus pensamientos y recomendaciones en los comentarios a continuación..

Explorar más sobre: ​​Adobe Photoshop, GIF.