Cómo hacer GIF en Illustrator: una guía detallada - Aprender Marketing
Consejos

Cómo hacer GIF en Illustrator: una guía detallada

Si eres un diseñador profesional que quiere sobresalir en las grandes ligas, un aficionado que quiere sobresalir o simplemente estás aprendiendo una nueva habilidad, ¡saber cómo hacer un GIF es la habilidad perfecta para todos! Pero, ¿por dónde empiezo?

Adobe Illustrator es una gran herramienta para crear fácilmente marcos (imágenes fijas) de GIF, pero Illustrator no puede convertir imágenes fijas en GIF, por lo que deberá exportar los marcos de Illustrator y convertirlos en GIF utilizando los GIF. .

Para su comodidad, esta guía le mostrará cómo crear GIF con Illustrator y Photoshop.

Creación de GIF en Illustrator: una guía de inicio rápido

  1. Equipe la herramienta de selección y haga «Shift + clic» en cada objeto vinculado en la imagen.
  2. Presione «Comando + G» (MAC) o «Ctrl + G» (Windows).
  3. Vaya a la ventana y haga clic en Mesas de trabajo, luego cree suficientes mesas de trabajo para su GIF.
  4. Cambie el nombre de sus áreas de montaje para mantenerlas en orden.
  5. Haz clic y arrastra el cursor sobre toda la imagen, luego presiona COMMAND + C (MAC) o Ctrl + C (Windows).
  6. Vaya a la siguiente área de montaje y presione «COMANDO + V» (MAC) o «Ctrl + V» (Windows).
  7. Ajuste la imagen en la nueva área de montaje.
  8. Repita estos pasos hasta que todos los marcos estén completos.
  9. Presione Alt + COMANDO + E (MAC) o Alt + Ctrl + E (Windows).
  10. Seleccione su área de montaje y presione «Exportar mesa de trabajo».
  11. En Photoshop, vaya a Archivo, luego a Abrir y haga clic en su primer cuadro. Seleccione Secuencia de imágenes y haga clic en Abrir.
  12. Establezca la velocidad de fotogramas.
  13. Vaya a Ventana, luego Área de trabajo, luego Movimiento.
  14. Haz clic con el botón derecho en tu espacio de trabajo para editar la velocidad y la duración del GIF.
  15. Presiona «Alt + Shift + COMMAND + S» (MAC) o «Alt + Shift + Ctrl + S» (Windows) y exporta tu GIF.

Creación de GIF en Illustrator – Guía detallada

Nivel 1:

Abre tu archivo de Illustrator. Abra su documento primero haciendo doble clic en el archivo de Illustrator correspondiente, o si Illustrator ya está abierto, puede ir a «Archivo» en el menú superior, luego «Abrir» y seleccione el archivo que desea abrir. También puede usar COMMAND + O (MAC) o Ctrl + O (Windows) para acelerar las cosas.

Cómo hacer un GIF en Illustrator Paso 1

Paso 2:

Pega o dibuja tus objetos. Importe el objeto que desea animar y colóquelo en la mesa de trabajo, o use la herramienta Pluma (combinación de teclas «P») o la herramienta Pincel (combinación de teclas «B») para dibujar un nuevo objeto.

Cómo hacer un GIF en Illustrator Paso 2

Paso 3:

Busque y seleccione la herramienta de selección. Busque la herramienta de selección ubicada en la barra de herramientas en el lado izquierdo de la pantalla. Como alternativa, puede utilizar la combinación de teclas «V» para la herramienta de marcación rápida.

Cómo hacer un GIF en Illustrator Paso 3

Etapa 4:

Agrupa tus objetos. Es más fácil animar tus imágenes si agrupas todos los objetos que necesitan ser movidos. Si el objeto que está animando consta de varios objetos vectoriales más pequeños, mantenga presionada la tecla Mayús y haga clic en cada objeto individualmente para seleccionarlo. Luego presione «COMMAND + G» (MAC) o «Ctrl + G» (Windows) para agruparlos.

Cómo hacer un GIF en Illustrator Paso 4

Paso 5:

Abra el panel Mesas de trabajo. En la parte superior de la pantalla, vaya a Windows y haga clic en Mesas de trabajo. El panel Mesas de trabajo debería abrirse en el lado derecho de la pantalla.

Cómo hacer un GIF en Illustrator Paso 5

Paso 6:

Cree más mesas de trabajo. Haga clic en el icono Nueva área de borde en el panel Mesas de trabajo para agregar una nueva área de borde. Repita este paso tantas veces como sea necesario para lograr la cantidad deseada de cuadros GIF.

Cómo hacer un GIF en Illustrator Paso 6

Paso 7:

Cree una convención de nomenclatura. Haga doble clic en el nombre del área de montaje titulado «Mesa de trabajo 1». Se convertirá en un cuadro de texto. Vuelva a ingresar el nombre del área de montaje en este cuadro de texto, luego ingrese el número en la secuencia (por ejemplo, «Bola 01»).

Es importante anotar cada número para que encaje en la secuencia final de su marco. Por lo tanto, si su GIF tiene 10 cuadros, su primera mesa de trabajo debe tener el número «01», pero si su GIF tiene 100 cuadros, debe tener el número «001».

Cómo hacer un GIF en Illustrator Paso 7

Paso 8:

Seleccione toda la imagen. Mantenga presionada la tecla «Shift» y haga clic en cada objeto de la imagen. También puede hacer clic y arrastrar el cursor sobre toda la imagen para seleccionar todo imágenes a la vez.

Cómo hacer un GIF en Illustrator Paso 8

Paso 9:

Copia tu imagen. Use COMANDO + C (MAC) o Ctrl + C (Windows) para copiar el objeto seleccionado a su primera mesa de trabajo. Luego vaya a su segunda área de montaje y colóquelos presionando «COMMAND + V» (MAC) o «Ctrl + V» (Windows). Repita este paso en cada área de montaje subsiguiente mientras cambia la posición del objeto. Para ahorrar tiempo, también puede mantener presionada la tecla «Alt» y hacer clic y arrastrar toda la composición para duplicarla.

Cómo hacer un GIF en Illustrator Paso 9

Paso 10:

Ajusta tu marco. Haga clic en el objeto/grupo de objetos que desea animar en la capa duplicada y cambie ligeramente su tamaño, forma o posición.

Cómo hacer un GIF en Illustrator Paso 10

Paso 11:

Comience a exportar sus marcos. Después de realizar todas las configuraciones, vaya al menú en la parte superior de la pantalla y haga clic en «Archivo», luego «Exportar», luego «Exportar a pantalla …». También puede presionar «Alt + Ctrl + E» para acelerar las cosas.

Cómo hacer un GIF en Illustrator Paso 11

Paso 12:

Finalice la exportación de fotogramas. En la ventana de la pantalla Exportar, asegúrese de que todos los marcos estén seleccionados y luego haga clic en el botón Exportar área de borde.

Paso trece:

Abre tu marco en Photoshop. Abra Adobe Photoshop y vaya a Archivo, luego Abrir y haga clic en el primer cuadro de la secuencia. Luego, asegúrese de haber seleccionado una secuencia de imágenes y luego haga clic en Abrir.

Cómo hacer un GIF en Illustrator Paso 13

Paso 14:

Establezca la velocidad de fotogramas. En la ventana Velocidad de fotogramas, seleccione el número de fotogramas por segundo en gif en el menú desplegable.

Cómo hacer un GIF en Illustrator Paso 14

Paso 15:

Abra el espacio de trabajo para el movimiento. Desde el menú superior, vaya a Ventana, luego Área de trabajo, luego Movimiento.

Cómo hacer un GIF en Illustrator Paso 15

Paso 16:

Establece tu duración y velocidad. Haga clic derecho en un GIF en el espacio de trabajo para editar su duración y velocidad.

Cómo hacer un GIF en Illustrator Paso 16

Paso 17:

Abra la ventana Guardar en Web. Vaya a «Archivo», luego «Exportar», luego «Guardar en Web».

Cómo hacer un GIF en Illustrator Paso 17

Paso 18:

Defina su configuración de GIF. En esta ventana, configure sus ajustes preestablecidos de GIF y, lo que es más importante, configure las opciones de ciclo.

Cómo hacer un GIF en Illustrator Paso 18

Paso 19:

Exporta tu gif. Finalmente, haga clic en el botón «Guardar» y seleccione un destino GIF para exportar el GIF.

Cómo hacer un GIF en Illustrator Paso 19

¿Sobre «Cómo ser ilustrador»?

¿Es posible hacer un GIF solo con Illustrator?

Necesitará Adobe Illustrator y Adobe Photoshop (o un software similar) para crear GIF. Todo el proceso no se puede hacer solo en Adobe Illustrator.

Aparte de Illustrator y Photoshop, ¿qué otro software puedo usar para crear archivos GIF?

Si buscas algo sencillo, puedes probar Canva (herramienta online). Canva no es principalmente una herramienta de creación de GIF, pero ofrece la posibilidad de exportar proyectos como archivos GIF. Otra herramienta es EZGIF (ezgif.com).

¿Qué tamaño debe tener mi GIF?

Mucho depende de para qué use el GIF y de la plataforma en la que lo usará. Por ejemplo, si crea un GIF para Discord, el tamaño máximo es de 128 x 128 píxeles.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba