Como hacer un storyboard en Photoshop

En esta ocasión te explicaremos paso a paso como crear un storyboard en Photoshop usando Layer Comps (composiciones de capas).

El storyboarding en Photoshop puede ser una excelente manera de trazar tus ideas. En este tutorial aprenderás sobre Layer Comps (composiciones de capas) y cómo esta herramienta de Photoshop puede ayudarte a acelerar tu flujo de trabajo y organización para (pero no exclusivamente) un storyboard.

El objetivo es resaltar este conjunto de menús, explicar cómo funcionan las composiciones de capas y convencerte de que las pruebes. Comenzaremos este tutorial asumiendo que tenemos bocetos, miniaturas y una historia terminada, y que estás listo para sumergirte en los dibujos.

Es importante saber que tus composiciones de capas no son destructivas: siempre puedes eliminarlas y tener tus capas tal como las dibujaste de inicio. Sirven principalmente para ver las capas de manera diferente. Antes de comenzar, me gustaría mencionar que usaré un storyboard de cinco paneles, pero puedes crear tantas composiciones de capas como necesites para tu story.

Si deseas más consejos y trucos, puedes dar un vistazo a nuestros video tutoriales de Photoshop y cursos de cómo dibujar.

1. Configura tu documento

Tienes las miniaturas y el guion listos para usar, ¡ahora es el momento de comenzar a dibujar! Normalmente comienzo estableciendo mi relación de aspecto. Es posible que desees verificar los requisitos de tu proyecto o asignación antes de comenzar. Para este tutorial, trabajaremos en 1.080 x 720, que es una resolución bastante común para la mayoría de los proyectos de animación. ¡Tu lienzo está listo y ahora es el momento de dibujar!

La mejor parte de la herramienta Layer Comps (composiciones de capas) es que puede adaptarse a tu forma de trabajar. No más carpetas dentro de carpetas, si no te gusta. Depende completamente de ti. Trabajaremos con cinco paneles de un extracto de un proyecto de storyboard como ejemplo. Hacer uso de la herramienta Layer Comps te permitirá crear, administrar y organizar múltiples diseños dentro de un solo archivo de Photoshop. Piensa en cada composición de capas como una captura de pantalla de las capas actuales que tienes visibles.

2. Agrega texto y comienza a dibujar

El siguiente paso es opcional, pero si tu historia tiene diálogos, generalmente yo bloqueo un rectángulo negro en la parte inferior para cualquier texto o efecto de sonido que pueda usar. Desde aquí, traigo mis miniaturas del iPad y empiezo a limpiar. Cuando limpio mis dibujos, generalmente divido mis capas de atrás hacia adelante (atrás, medio y primer plano). Es importante mantenerse organizado; esto ayudará con las composiciones de capas más adelante.

3. Agrega capas de arte lineal

Aquí, coloco mis capas Line, Tone y Dialogue. Puedes agregar más capas si es necesario, como una capa de pulido adicional. Es útil pensar en la toma como un pastel en capas y aumentar gradualmente desde el trabajo de línea hasta los tonos. A continuación, es hora de crear nuestras composiciones de capas.

4. Explora la ventana Layer Comps (composiciones de capas)

En la barra de herramientas superior de Photoshop, haz clic en Ventana> Composiciones de capas y aparecerá otra ventana. Esta es la ventana Layer Comp que te permite administrar y organizar tus tomas y escenas. La herramienta te brinda la flexibilidad de reorganizar tomas, probar averías y editar, todo desde un panel.

5. Haz tu primera composición de capa

Entonces, ahora que sabemos un poco más sobre las composiciones de capas, creamos la primera. Haz clic en el icono de más y debería aparecer la ventana que se muestra arriba. Aquí es donde puedes cambiar el nombre de la capa de composición. A continuación, asegúrate de marcar las casillas Visibilidad, Posición y Apariencia (Estilo de capa) y luego presione Aceptar. ¡Voilà, tienes tu primera composición de capas!

6. Haz lo mismo con tu próximo panel

Ahora puedes desactivar esas capas que acabas de dibujar y comenzar a repetir los pasos para tu segundo panel. Si necesitas hacer referencia al panel antes, simplemente haz clic en el cuadro pequeño al lado del nombre de la composición de la capa y se activarán todas las capas utilizadas en ese panel. Sigue creando composiciones de capas para cada toma hasta que hayas terminado tu story. A medida que avances, puedes ver cómo se ve todo presionando los botones de flecha en la ventana Layer Comp. Si ves un signo de exclamación junto a tu composición de capas, significa que no se ha actualizado y que algunas de tus nuevas capas no se han agregado.

7. Prepárate para exportar

En esta etapa, tienes tus composiciones de capas y estás listo para exportarlas, así que aquí te mostramos cómo hacerlo. De manera similar a la exportación de una imagen normal desde Photoshop, selecciona Archivo> Exportar> Comps de capas a archivos. Aquí te aparecerán varias opciones para elegir. Estas incluyen a qué directorio deseas que vayan estas composiciones de capas, o qué tipo de archivo deberían ser.

8. Exporta tus composiciones de capas

Cuando hayas terminado, haz clic en Ejecutar y así debería comenzar a exportar cada composición de capa. Aparecerá una ventana que te indicará cuándo se ha completado el proceso. Desde aquí puedes ir al directorio establecido y ver todas las composiciones / imágenes allí.

9. Revisa tus exportaciones

Todas las imágenes se han exportado al conjunto de directorios. Aquí es donde puedes combinarlos en un PDF o mantener las cosas como están para una presentación. Ahora tienes una carpeta con todos sus paneles listos para la siguiente etapa de tu proceso creativo.

Conclusión

Esperemos que este tutorial se útil para estudiantes de dibujo, diseñadores de cómics, ilustradores, artistas del storyboard, animadores 2D o 3D, profesionales de la industria audiovisual, publicidad, videoarte o marketing digital para redes sociales principiantes o intermedios.

Imagen portada por Pablo Buratti vía Domestika.

Este artículo apareció originalmente en ImagineFX, la revista de arte digital líder en el mundo.