Spanish (Español) translation by Ender Gamboa (you can also view the original English article)
¿Cómo se crea el arte? ¡Nos encantaría verlo! En este consejo rápido, te mostraré cómo crear un GIF animado en Adobe Photoshop para mostrar la evolución de tu trabajo digital.
Muestra tu arte con WIPs rápidos
¿Qué es un WIP? WIP es la abreviatura de " trabajo en proceso", que básicamente se refiere a cualquier cosa que publiques en línea y en la que estés trabajando actualmente. Los artistas utilizan estas publicaciones como una forma de conectarse con sus seguidores, al tiempo que les ofrecen una visión entre bastidores de sus próximos proyectos.
Ya sea que simplemente muestres tu progreso o lo uses como una lección rápida, crear una animación de tu trabajo es una gran manera de tener más interacción con tu audiencia.
1. Prepara tus GIFs para las redes sociales
Dado que el objetivo de publicar tus trabajos en curso es compartirlos con todo el mundo, aquí tienes un par de cosas que debes tener en cuenta antes de crear tus GIF:
- Dimensiones: En las redes sociales existen normalmente limitaciones de ancho y alto. Así que intenta familiarizarte siempre con las diferencias de cada sitio. Puedes ajustar las dimensiones de tu trabajo fácilmente ve a Imagen > Tamaño de la imagen e introduce nuevos números para la Altura o el Ancho.
- Tamaño del archivo: Los GIFs pueden llegar a ser realmente grandes, así que cuando llegue el momento de guardarlos para la web, ¡asegúrate de que optimizas, optimizas y optimizas! Encontrar el equilibrio entre el tamaño del archivo y la pérdida de detalle es todo un arte, así que hazlo lo mejor que puedas.
- Bocetos y versiones terminadas: No seas tímido a la hora de mostrar tus progresos, ni te limites a un rápido repaso de los pasos. Siéntete libre de dividir tu arte en varios GIFs dedicados al boceto, a la evolución intermedia o a los toques finales.
2. Crea un GIF animado de tu arte
Paso 1
Abre tu archivo de arte en Photoshop. Como he mencionado antes, ajusta las dimensiones según el sitio en el que quieras mostrar la animación. Para los archivos GIF, los tamaños más pequeños tienden a funcionar mejor, así que en este caso, ve a Imagen > Tamaño de la imagen y modifica las dimensiones de 800 x 800 píxeles a 500 x 500 píxeles.
Paso 2
Ahora crea un Nuevo Documento con las mismas dimensiones. Para facilitar la animación, haz el dibujo por etapas. Piensa en ellas como diapositivas que copiarás (Control-C) y pegarás (Control-V) en el nuevo documento.
Añade el boceto primero, y luego las siguientes etapas de tu arte hasta llegar al resultado final.
Para esta animación, mostraré la evolución de esta pintura digital con cinco capas.
Paso 3
Ahora ve a Ventana > Línea de tiempo. Seleccione Crear animación de cuadro y Oculta la visibilidad de cada capa excepto la primera. A continuación, establece el tiempo de retardo de los fotogramas en 1 segundo.
Paso 4
Para crear más fotogramas, pulse la opción Duplicar más fotogramas antes de desactivar la visibilidad de la segunda capa.
Paso 5
A continuación, continúa con este paso hasta que tengas un fotograma para cada nueva capa. En el resultado final, ajusta el Tiempo de Retraso del Fotograma a 5 segundos para que haya una pausa más larga al final. También asegúrate de establecer las opciones de bucle en Infinito para obtener una animación continua.
Para obtener la mejor calidad, asegúrate de experimentar con los diferentes ajustes cuando lo guardes para la web como un archivo .gif. Puede que tenga que limitar los colores o ajustar el Algoritmo de Reducción de Color para obtener un resultado de alta calidad. Aquí está la animación final.
3. Ahora conviértela en una acción de Photoshop.
Evita algunas de las molestias creando una Acción de Photoshop. Esto te permitirá aplicar estos mismos cambios en una fracción de tiempo, grabando tus pasos ahora y aplicándolos después a futuros trabajos.
Paso 1
Comienza de nuevo tu animación en el panel Línea de tiempo borrando todos los fotogramas excepto el primero. Vuelve a poner el Retraso de Fotogramas en Sin Retraso.
Paso 2
A continuación, ve a Windows > Acciones para que aparezca el panel de Acciones. Pulsa Crear una nueva acción para empezar a grabar. Selecciona la Capa 1 y aplica los mismos ajustes para el Tiempo de Retraso de Fotogramas que antes.
Paso 3
Continúa añadiendo más fotogramas y desmarcando la Visibilidad de cada. Como se está grabando, también tendrás que cambiar la Opacidad de 0 a 100%.
Paso 4
Cuando hayas terminado con el último fotograma, pulsa el botón Stop para detener la grabación.
Actualicemos
Ahora que tu Acción de Photoshop está completa, podrás utilizarla para todas tus nuevas piezas. Sólo asegúrate de seguir estos pasos cruciales:
- Separa tu arte en cinco capas diferentes de etapas progresivas de antemano.
- Reproduce la Acción de Photoshop.
- Ajusta manualmente las Opciones de Bucle al final después de la Acción de Photoshop.
- Guardar para la Web como un archivo .gif, encontrando un equilibrio entre el tamaño del archivo y la pérdida de detalle.
¡Disfruta de tus animaciones!
La creación de GIFs animados es una forma impresionante de permitir que tus fans y admiradores puedan apreciar tu gran trabajo. Para más acciones de Photoshop increíbles, no dudes en explorar lo que tienes disponible en Envato Market.
Y para más consejos para principiantes, revisa mis otros artículos aquí en Envato Tuts+:
By
