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

Sep 15, 2025

Cómo

[dieciséis]

Durante este tutorial de Photoshop, iré a través de varios conceptos clave que utilizo como ilustrador. Estaré hablando de conceptos ásperos, trabajo de línea limpia, color, luz y sombra, y algunas de las trampas que las personas (incluido yo mismo) tienden a caer mientras trabajan a través de una ilustración.

Utilizaré Photoshop para llevarlo paso a paso a través del proceso y hablar sobre algunas de las herramientas que tiene el programa y cómo las características diferentes pueden ser de ayuda.

También puede consultar nuestra toma en las nuevas características. Photoshop CC Tiene que ofrecer en nuestra revisión exhaustiva de la nueva actualización.

Obtener Adobe Creative Cloud

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

01. Dibuje un concepto áspero

Cada buen dibujo comienza con una base sólida. Generar miniaturas y trabajar a través de diferentes conceptos rápidamente me ayuda a aclarar mi mente y encontrar la mejor solución posible a cualquier asignación que estoy dada.

(Prueba estos 20 puntas de diseño de caracteres superiores y Cómo crear nuevos diseños de personajes en Photoshop Tutorial para comenzar.

02. Producir un boceto refinado.

Después de haber determinado en qué dirección quiero entrar, me sumergí en los detalles. Estoy trabajando en una capa separada de lo que he hecho anteriormente, y trato de trabajar, lo mejor que puedo, desde grande a pequeño. Formas grandes a formas pequeñas, ideas generales a los detalles. De esa manera, no me encuentro dedicando demasiado tiempo a un dibujo débil.

03. Trae líneas limpias.

Inking es un proceso que disfruto. Hago mi mejor esfuerzo para mantener la línea de trabajo que se siente fresca evitando la trampa de rastrear el bosquejo debajo. Al hacer un esfuerzo consciente para que se sienta como si estuviera dibujando esto por primera vez, soy capaz de conservar la vida que es inherente al bosquejo. Uso el boceto como guía, pero no como muleta.

04. Coloque en colores planos.

En una capa debajo del trabajo de línea limpia, coloco colores planos sin pensar demasiado en el formulario. Esto es útil cuando quiero ajustar los colores o los valores separados entre sí. Es importante para mí 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 comenzar con un mejor artista.

Una breve lección sobre teoría de color.

05. Duplicar y bloquear una capa.

En esta etapa, creo otra capa idéntica a la capa de color arrastrando mi capa de color actual hacia abajo al icono de la nueva capa en la parte inferior del menú Capa. Esto también se puede hacer ir a la capa y GT; Duplicar capa. Luego, bloqueo la transparencia de la capa haciendo clic en el icono de CHECERBOARD en la parte superior del menú Capa.

06. Rellenar con gris

Una vez que tengo dos capas de color idénticas, lleve la parte superior 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 es útil en el siguiente paso.

07. Crea sombras a través de las figuras.

Girl with panda in white, next to girl with panda in grey

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

08. Cree resaltados con la ayuda de capas de pantalla.

Girl with panda in black next to girl with panda in grey

Creo que lo resalte de la misma manera que las sombras, pero en lugar de usar una capa multiplicada, creo una capa duplicada y configúrelo en el modo de pantalla. El modo de pantalla hace precisamente el opuesto de la capa multiplicada. Cualquier cosa más ligera que el negro aclarará los valores en capas que están debajo de ella.

09. Piensa en las superficies.

Imagen 1 de 3

Different surfaces have unique reactions to light

Imagen 2 de 3

Imagen 3 de 3

Mientras considero los puntos destacados y las sombras en esta pieza, también estoy pensando en la forma en que la luz reacciona a las diferentes superficies. El vestido de seda tiene los puntos destacados más fuertes y las sombras más cisas, mientras que el pelaje de la panda difunde la luz para que los puntos culminantes y las sombras sean mucho más suaves.

10. Crear patrones

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

11. Forma el patrón a la forma.

Para mí, la parte más difícil de diseñar el traje es crear patrones o gráficos que necesitan envolver alrededor de los pliegues y arrugas en la tela. Afortunadamente, Photoshop tiene la herramienta de urdimbre muy práctica. Para usar la herramienta, hago una selección, luego golpeo ( Cmd + t ), luego haga clic con el botón derecho y seleccione Warp en el menú desplegable. Alternativamente, puedes ir a Editar & GT; Transformar & gt; Deformación. Al arrastrar su selección, puede ajustarse a todo tipo de formas. Por lo general, hago selecciones basadas en donde hay roturas o pliegues en la tela.

12. Crea un fondo

Los ambientes son lo menos favorito para hacer.Eso es principalmente porque no estoy tan practicado con ellos y no soy tan cómodo de crearlos, ya que estoy con otras cosas.En este caso, el fondo es bendificioso simple y el verde en él es fácil de sacar a los personajes para ayudar a armonizar toda la imagen.

Este artículo fue publicado originalmente en el número 154 de Imaginefx , la revista más vendida del mundo para artistas digitales. Suscríbete a ImagineFX .

Artículos relacionados:

Los 61 mejores pinceles gratis de Photoshop.
Las mejores tabletas de dibujo en este momento.
Posters de la película Oscar Consigue un cambio de imagen de arte pop

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

01. Dibuje un concepto áspero

02. Producir un boceto refinado.

03. Trae líneas limpias.

04. Coloque en colores planos.

05. Duplicar y bloquear una capa.

06. Rellenar con gris

07. Crea sombras a través de las figuras.

08. Cree resaltados con la ayuda de capas de pantalla.

09. Piensa en las superficies.

10. Crear patrones

11. Forma el patrón a la forma.

12. Crea un fondo

Cómo - Artículos más populares

Cómo dibujar un perro

Construya un componente principal de SEO para NEXTJS / REACT

17 maneras de dibujar mejores criaturas

Comienza con difuso

Mantenga el control de la versión perfecta con abstracto

Generar paletas de colores sin fin con Khroma

Cómo construir sitios web más rápidos

Cómo hacer una plataforma de cinta flexible

Categorías