Tip:
Highlight text to annotate it
X
Cómo hacer un gif animado, tutorial fácil y rápido.
¡Hola! El día de hoy te enseñaremos cómo hacer un gif animado en programas diferentes.
Comenzaremos realizando un gif en Giphy.
En nuestro navegador entraremos a www.giphy.com y dentro de la página daremos click en el botón “create”.
Arrastraremos las imágenes de la carpeta contenedora hacia la página de Giphy,
esta misma detectará que estamos incluyendo los archivos y los cargará en automático.
Coloca las imágenes en el orden en que quieras que vayan apareciendo, simplemente arrástralas una tras otra.
Seleccionemos el tiempo que nuestro gif necesite para reproducción, moveremos la barra morada
hacia la izquierda si queremos que vaya rápido o hacia la derecha para que vaya más lento.
Terminando de ajustar el tiempo daremos click en “continue to decorate”.
Giphy es una excelente herramienta en línea, nos permite añadir dibujos, textos o referencias
para hacer nuestros gifs más divertidos.
En este cuadro podemos agregar texto, cambiar el color o tipo de letra o de animación,
simplemente dando click en las diversas opciones que nos da, podemos colocarlo donde queramos
y darle varios efectos; después de que coloquemos los elementos pertinentes.
Al terminar de decorar nuestro gif, demos click en continuar.
Y como último paso, añade etiquetas,
en el cuadro que nos aparece a un lado de nuestro gif con nombre “add tags” podemos escribir palabras
que sean clave para que más adelante podamos encontrarlo en la base de Giphy
con mucha mayor facilidad, recuerda separarlas por comas.
Terminando este paso daremos click en “Continue to Upload”.
Esperamos a que la carga esté completa.
Y listo, nuestro gif está listo para compartir.
En este apartado puedes ver las opciones que Giphy nos brinda, como ver los links,
descargar o convertir en favorito nuestro propio gif.
Creando el gif en PicGif
Abramos nuestra aplicación y demos click en añadir fotos,
seleccionamos nuestras imágenes de la carpeta que las contiene y demos click en abrir.
Otro método fácil para incluir las imágenes es arrastrándolas hacia la interfaz del programa.
Teniendo nuestras imágenes montadas debemos configurar el modo de relleno,
esto es para ajustar cómo se verán nuestras fotos.
La opción Fill rellena el espacio de trabajo con las imágenes a proporción.
Fit muestra la imagen completa, si te das cuenta deja bordes de color, el que puedes configurar aquí.
Y por último Stretch que nos estirará la imagen rellenando el espacio de trabajo.
Escogemos Fill para que nuestro gif tenga una mejor apariencia.
Ajustemos la velocidad.
Demos click en auto y en fotogramas por segundo o FPS colocaremos 1,
esto es para que cada fotograma o imagen dure a la vista un segundo,
puedes colocar 2 o 3 segundos con solo cambiar el número.
En secuencia dejemos normal, y en calidad, coloquemos optimizado automático,
esto reducirá el peso de nuestro gif haciendo que al compartir sea más sencillo.
Podemos agregar filtros preestablecidos que PicGif nos da.
Ten en cuenta que este filtro se colocará en todas nuestras imágenes.
Da click sobre uno de ellos para previsualizarlo.
En las barras debajo puedes modificar el filtro y hacerlo a tu gusto. Sólo es cuestión de ir moviendo las barras.
Cuando consideres que no le hace falta nada a tu gif da click en “crear".
Demos click en “save” para guardar nuestra imagen animada,
colocamos un nombre de archivo y listo. Hemos creado nuestro gif.
Creando el gif en Photoshop.
Abramos Photoshop y piquemos en crear nuevo.
En el recuadro de opciones, haremos un espacio de trabajo de 600 x 600 pixeles,
aquí mismo puedes ya ponerle un nombre a tu archivo.
Desde la carpeta contenedora arrastraremos nuestras imágenes al espacio de trabajo
y las ajustaremos a él.
Lo haremos estirándolas desde una esquina, para hacerlo proporcional.
Si es la primera vez que usas Photoshop, lo haremos al mismo tiempo que apretamos las teclas Shift y Alt;
y cuando esté del tamaño que desees solo apreta la tecla Enter.
Crearemos una línea de tiempo, este menú nos ayudará a crear la animación,
puedes obtener este cuadro en el menú ventana.
Aquí puedes ver cada imagen y darle el tiempo que quieres que aparezcan al reproducirse el gif.
Vamos ajustando la duración de las imágenes dentro de nuestra línea de tiempo,
según lo que queramos que aparezcan, para esto correremos la pleca morada hacia la derecha,
para ajustar los fotogramas.
Después de ajustar el tiempo de todas, coloquemos una pleca tras otra, justo donde se termina
la anterior. De esta manera.
Para que haya una continuidad entre las imágenes
y así cuando termine de reproducirse una, enseguida comience la otra.
Teniendo este acomodo, es hora de guardar nuestro gif. Recuerda que puedes incluir las
imágenes que necesites.
Vayamos al menú superior, demos click en archivo, exportar, guardar para web.
En este recuadro cambiaremos el formato a gif.
Aquí podemos realizar ajustes de color, calidad, entre otros,
y en este apartado, no olvidemos cambiar a “infinito” para que el bucle de nuestro gif sea de manera continua.
Previsualicemos nuestro gif con el botón de reproducción que se encuentra aquí y
verificando que todo esté bien, guardaremos.
En cuanto a lo demás dejaremos los que el programa nos da, ya que son ajustes que realiza
por default.
Así queda nuestro gif hecho en Photoshop.
Creando el gif en Gimp.
Realizaremos un espacio de trabajo de 600 x 600 pixeles.
Nos vamos a archivo, nuevo y en este recuadro coloquemos la medida verificando que diga
pixeles y daremos click en aceptar.
Arrastremos nuestras imágenes a la mesa de trabajo y ajustaremos su tamaño,
para esto usaremos la herramienta escalar, que se encuentra aquí,
damos un click sobre nuestra imagen y al aparecernos este recuadro, verificamos que el ancla esté activada,
así nuestra imagen pueda escalarse a proporción.
Colocaremos 700 pixeles de altura
y demos click en escala para confirmar los ajustes.
Ahora usaremos la herramienta mover,
para jalar nuestra imagen al centro en caso de que no haya quedado en la posición que queramos.
Así sucesivamente con las demás.
Vamos ocultando las imágenes que ya hayamos modificado para corregir las demás.
Recuerda: botón escalar, 700 pixeles y movemos.
Teniendo ajustadas nuestras imágenes es hora de guardar nuestro gif.
Antes de ello, verifiquemos que nuestras capas estén visibles,
este ícono representa la visibilidad, todos deben estar activados,
y eliminaremos la capa de fondo blanco, ya que si la dejamos aparecerá en nuestro gif.
Para guardarlo. Nos vamos a archivo, guardar como,
en este recuadro podemos colocar un nombre a nuestro archivo y recuerda escribir la extensión .gif,
ya que el programa no lo hace por sí solo.
Buscamos la carpeta donde queramos guardarlo y daremos click en guardar.
Este cuadro nos pregunta si estamos de acuerdo en que GIMP recorte el sobrante de nuestras imágenes,
demos click en recortar, ya que de otro modo no se guardará.
En este recuadro vamos a darle como animación,
y recordemos dejar el bucle en infinito.
Listo, ha quedado nuestro último gif.
Espero te haya sido de mucha ayuda este tutorial, si tienes alguna duda, coméntanos lo que
te aqueja en la parte de abajo y si conoces de alguien a quien le será útil, ¡no dudes en compartir! :)
¡Gracias por visitarnos!