Cómo pintar arte de animación colorida en Photoshop

Durante este tutorial de Photoshop, repasaré varios conceptos clave que utilizo como ilustrador. Hablaré de conceptos aproximados, líneas claras, colores, luces y sombras, y algunas de las trampas en las que la gente (incluyéndome a mí) tiende a caer mientras trabaja en una ilustración.

Usaré Photoshop para guiarlo paso a paso a través del proceso y hablaré sobre algunas de las herramientas que tiene el programa y cómo esas diferentes funciones pueden ser de ayuda.

También puede consultar nuestra versión de las nuevas funciones. Photoshop CC tiene que ofrecer en nuestra revisión completa de la actualización más reciente.



  Haga clic en el icono en la parte superior derecha de la imagen para ampliarla.  

cómo usar un teléfono plegable

01. Dibuja un concepto aproximado

Tres primeros bocetos de composición

Los primeros bocetos ayudan a establecer el tono de la composición.

Todo buen dibujo comienza con una base sólida. Generar miniaturas y trabajar con diferentes conceptos rápidamente me ayuda a aclarar mi mente y encontrar la mejor solución posible para cualquier tarea que me asignen.

(Prueba estos Los 20 mejores consejos de diseño de personajes y Cómo crear nuevos diseños de personajes en Photoshop tutorial para comenzar).

02. Producir un boceto refinado

Dibujo áspero de niña con panda

Concéntrese en el panorama general antes de ser específico

Una vez que he determinado en qué dirección quiero ir, me sumerjo en los detalles. Estoy trabajando en una capa separada de lo que hice anteriormente, y trato de trabajar, lo mejor que puedo, de mayor a menor. De formas grandes a formas pequeñas, de ideas generales a detalles. De esa manera no me encuentro dedicando demasiado tiempo a un dibujo débil.

cómo cambiar un color a otro en photoshop

03. Trae líneas limpias

Chica con panda en tinta

El entintado no tiene que ceñirse estrictamente a las pautas

Entintar es un proceso que disfruto. Hago todo lo posible para mantener la línea de trabajo fresca evitando la trampa de trazar el boceto debajo. Al hacer un esfuerzo consciente para que parezca que estoy dibujando esto por primera vez, puedo retener la vida que es inherente al boceto. Utilizo el boceto como guía, pero no como muleta.

04. Lay en colores planos

Niña con panda en color

Los colores planos son una buena oportunidad para hacer una composición armoniosa.

En una capa debajo del trabajo de línea limpia, coloco colores planos sin pensar demasiado en la forma. Esto es útil cuando quiero ajustar los colores o valores por separado. Para mí es importante que todos los colores sean armoniosos antes de que la luz y la sombra entren en la ecuación. Aunque una fuente de luz puede ayudar a armonizar cualquier combinación de colores, encuentro que crear una paleta de colores armoniosa para empezar me hace un mejor artista.

05. Duplicar y bloquear una capa

Niña con panda en color

La capa de color actual se mueve a la parte inferior.

En esta etapa, creo otra capa idéntica a la capa de color arrastrando mi capa de color actual hacia el icono de nueva capa en la parte inferior del menú de capas. Esto también se puede hacer yendo a Capa> Duplicar capa. Luego bloqueo la transparencia de la capa haciendo clic en el icono del tablero de damas en la parte superior del menú de capas.

06. Rellenar de gris

Niña con panda en gris

Una capa gris es útil para hacer sombras.

Una vez que tengo dos capas de color idénticas, relleno la de arriba con un gris de valor medio. Debido a que la transparencia se ha bloqueado en la capa, el gris solo llena los píxeles que son opacos, dándome una versión gris de lo que ya he pintado. Esto resulta útil en el siguiente paso.

07. Crea sombras en las figuras

Niña con panda en blanco, junto a niña con panda en gris

La capa gris te permite enfocarte en la forma

Duplico mi capa de color nuevamente y la relleno esta vez con blanco, luego cambio el modo de capa a Multiplicar. El modo Multiplicar capas oscurece todas las capas debajo de él. El blanco no aparece en una capa Multiplicar, pero cualquier valor más oscuro que el blanco sí. Así es como creo mis sombras separadas de mis colores. La capa gris sobre la capa de color me permite pensar puramente en la forma sin la distracción de los colores.

08. Crea reflejos con la ayuda de capas de pantalla

Niña con panda en negro junto a niña con panda en gris

Los reflejos se crean de manera similar a las sombras en el paso anterior

Creo reflejos de la misma manera que las sombras, pero en lugar de usar una capa Multiplicar, creo una capa duplicada y la configuro en modo Pantalla. El modo Pantalla hace exactamente lo contrario de la capa Multiplicar. Cualquier valor más claro que el negro aclarará los valores de las capas que se encuentran debajo.

09. Piensa en superficies

Imagen 1 de 3

Diferentes superficies tienen reacciones únicas a la luz.

Diferentes superficies tienen reacciones únicas a la luz.
Imagen 2 de 3

El panda

cómo arreglar el cabello encrespado en photoshop
El pelaje del panda difunde la luz
Imagen 3 de 3

El vestido de seda refleja la luz

El vestido de seda refleja la luz

Al considerar los reflejos y las sombras de esta pieza, también estoy pensando en la forma en que reacciona la luz a las diferentes superficies. El vestido de seda tiene los reflejos más fuertes y las sombras más nítidas, mientras que el pelaje del panda difunde la luz para que los reflejos y las sombras sean mucho más suaves.

10. Crea patrones

Patrón textil chino

¿Cuál es la diferencia entre una estación de trabajo y una computadora de escritorio?
Un patrón textil tradicional chino ayuda a romper las texturas.

En este punto, la ilustración adolece de una falta de textura visual. El cabello de la niña proporciona un pequeño descanso de los bloques sólidos de color, pero no lo suficiente. Así que diseño un patrón para agregar a la ropa de la niña, basado en lo que he visto de los textiles tradicionales chinos.

11. Dale forma al patrón a la forma

Niña con panda en color

La herramienta de envoltura es útil al diseñar disfraces.

Para mí, la parte más difícil del diseño de vestuario es crear patrones o gráficos que deben envolver los pliegues y arrugas en la tela. Afortunadamente, Photoshop tiene la muy útil herramienta Deformar. Para usar la herramienta, hago una selección, luego presiono ( Cmd + T ), luego haga clic con el botón derecho y seleccione Deformar en el menú desplegable. Alternativamente, puede ir a Editar> Transformar> Deformar. Al arrastrar su selección, puede adaptarla a todo tipo de formas. Por lo general, hago selecciones en función de dónde hay roturas o pliegues en la tela.

12. Crea un fondo

Chica con panda sobre fondo de bambú

Un simple fondo verde une toda la composición.

Los entornos son lo que menos me gusta hacer. Eso se debe principalmente a que no tengo tanta práctica con ellos y no me siento tan cómodo al crearlos como con otras cosas. En este caso, el fondo es afortunadamente simple y el verde es fácil de resaltar en los personajes para ayudar a armonizar toda la imagen.

Este artículo se publicó originalmente en el número 154 de ImagineFX , la revista más vendida del mundo para artistas digitales. Suscríbase a ImagineFX .

Artículos relacionados: