Emplea Adobe Photoshop para crear gifs animados.

Antes de comenzar.

Emplea estos bocetos de muestra o practica con los tuyos propios.

Paso 1: haz un boceto

El primer paso de Plant fue crear variaciones de su primer dibujo para reflejar los distintos estados de movimiento y almacenar cada variación como un archivo separado. Luego, abrió el primer boceto en Photoshop y arrastró el resto de archivos de su computadora al documento, pulsando la tecla de retorno (o Intro) para colocar cada archivo en su propia capa. A continuación, hizo clic en el icono del candado para desbloquear la capa original.

Paso 2: dale vida

Lista para animar sus bocetos, Plant abrió la línea de tiempo (Ventana > Línea de tiempo), seleccionó Crear animación de cuadros en el menú desplegable y, por último, Crear cuadros a partir de capas en el menú emergente. Si empleaste la línea de tiempo antes, podría tener cuadros vacíos por defecto. Si pasa esto, haz clic en el primer cuadro y mantén pulsada la tecla Mayús mientras seleccionas el último. Selecciona Eliminar cuadros en el menú emergente. Y luego Crear cuadros a partir de capas.

Paso 3: marca el ritmo de tu animación

Para dar a cada cuadro la misma duración, Plant hizo clic en el primer cuadro de la línea de tiempo y luego en el último mientras mantenía pulsada la tecla Mayús. Puedes hacer clic en la flecha hacia abajo en un cuadro y establecer el intervalo en 0,1 segundos; esto actualizará todos los cuadros seleccionados. A continuación, Plant escogió Siempre del menú desplegable de debajo de la línea de tiempo para crear un bucle de animación continuo. Puedes previsualizar la duración de tu animación haciendo clic en Reproducir. 

Paso 4: exporta a gif

Selecciona Archivo > Exportar > Almacenar para Sitio web (heredado). Escoge GIF como formato de exportación y Siempre en Opciones de repetición.

Nota: Los archivos de proyecto incluidos en este tutorial son solo para fines prácticos.