Introducción. Presentación.

Hola mi nombre es Chrystian Yaxche, soy pintor tradicional desde hace 15 años y hace tres años que incursioné en el arte digital, actualmente soy freelancer.

 

He enseñado pintura tradicional por varios años y estoy muy feliz de poder acompañarte y compartir este tutorial de pintura digital.

 

En este tutorial proporcionaré una serie de tips de cómo he llevado el conocimiento tradicional a la pintura digital.

 

Con la práctica de estos tips, estarás listo para empezar tus propias pinturas.

 

Sobre la pintura tradicional y digital.

La pintura tradicional es en realidad un conjunto de disciplinas y conocimientos aplicados sobre un lienzo.

 

Para el arte digital, hay algunos procesos y conocimientos que ya no tendremos que aprender, como el preparado de un lienzo, la química básica de los materiales, tiempos de secado, etc.

 

Otros en cambio, están presentes y son muy importantes como la composición, la teoría del color, la perspectiva, el dibujo, el modelado de sombras y luces etc..

 

Para poder avanzar de manera ágil, preparé algunos ejercicios muy sencillos donde abarcaremos de manera implícita y practica algunos de estos temas.

 

                                              “Vamos con buen rumbo” 

Clip studio- preparando interfaz

Si quieres aprender como personalizar la interfaz de CS, puedes revisar mi tutorial donde te explico algunos detalles sobre mi espacio de trabajo y otros ajustes manuales.

 

También puedes descargar directamente el espacio de trabajo utilizado para mis tutoriales, no te preocupes eso es opcional, puedes pintar directamente con los menús y configuraciones por defecto.

Herramientas que utilizaremos.

[Ventana subvista]

 

Una manera genial de tener un modelo o referencia visible mientras trabajamos es la [ventana subvista]

 

Puedes activarla en: [Ventana/subvista] , o también oprimiendo la primer flecha doble del espacio de trabajo Chrys-2019-2. arriba a la izquierda

 

Te recomiendo hacer click en las opciones que aparecen abajo de la [ventana subvista] para que puedas explorar sus funciones.

 

Tamaño de pincel.

 

Esta opción podemos manejarla de manera rápida oprimiendo [Ctrl+alt] ([comand-option] en mac) y arrastrando el pincel sobre el lienzo podremos ajustar el tamaño según lo vayamos necesitando.

 

Opacidad del pincel.

 

Podemos cambiar el porcentaje de opacidad con el que pintan nuestros pinceles, esto es muy útil par hacer sombras suaves y combinaciones de colores, podemos cambiarla en la ventana de propiedades de herramienta o con los atajos de la fila numérica de nuestro teclado (En el espacio de trabajo descargado)

 

 

Mezcla de color activada.

 

Los pinceles se comportarán de diferente manera dependiendo si esta opción está activada o desactivada, podemos acceder a ella por la ventana de propiedades de herramienta o por el atajo propuesto en el espacio de trabajo descargado.

Paletas de color

Una característica muy útil son las diferentes formas de elegir y modificar nuestra paleta de colores.

Todas estas paletas están en la parte de arriba del la ventana de paletas. o mediante el menú de ventana.

 

[Círculo de color]

Es el selector de color tradicional de los software de dibujo, podemos elegir entre el selector triangular o cuadrado.

 

[Deslizador de colores]

Este selector es muy útil cuando buscamos aumentar o disminuir la saturación o luminosidad de nuestro color actual, también podemos elegir un número determinado para estos valores.

 

[Historial de color]

También muy útil cuando estamos en plena acción de pintura y vamos navegando entre los colores utilizados

 

[Conjunto de colores]

Aquí podemos guardar una o varias paletas de color determinadas con las que nos guste trabajar.

 

Tinta activa

Clip studio nos permite movernos fácilmente entre tres opciones de tinta activa.

 

El color de dibujo (superior) y el subcolor de dibujo (inferior), Algunos pinceles tomarán en cuenta ambos colores para pintar con ellos, también podemos cambiar entre uno y otro con el atajo “x”

 

El tercero es la tinta transparente que funciona como una goma, con la ventaja de utilizar la brocha actual con todas sus configuraciones, para ir de esta tinta al color tenemos el atajo “c”

Otra opción para editar el color actual es dando doble click en el cuadro del color y abrirá el [Ajustes de color], con esta opción tenemos acceso a un cuentagotas que nos permite seleccionar color de cualquier imagen que esté en nuestra pantalla aunque no esté dentro de Clip studio. (algunas veces esta opción debemos configurarla previamente en nuestra computadora)

 

Mientras estamos pintando necesitaremos mucho del cuentagotas tradicional, este aparece si tenemos el pincel activo y presionamos [alt] (option en mac)

 

Creando un nuevo lienzo

Vamos a archivo/nuevo

 

Dentro de la opción ilustración nos encontraremos las opciones de tamaño y resolución, entre otras.

 

CS. tiene varios niveles de resolución preconfigurados

 

76 es es el recomendado para imágenes que no pesarán mucho y se compartirán por internet,

300 es el standard para impresión

600 es recomendado para comic

 

Estos son los pixeles por pulgada PPP que tendrá la imagen.

 

Otro factor importante es la medida del lienzo.

 

Una medida muy utilizada es A4 que es la medida de una hoja tamaño carta 3508x2480 pixeles

 

Unas medidas para tomar en cuenta son las de las redes sociales.

 

-FB

 

180x180 px foto de perfil

851x315 px portada

1200x1200 px publicación

626x840 px movil

 

-Insta

 

1080x1080 px cuadrado

566x1080 px horizontal

1530x1080 px vertical

 

Estas medidas pueden variar con el tiempo.

 

Tip: al elegir la configuración de la hoja también podemos elegir el color del papel, es recomendable escoger una base gris claro u otro color poco saturado pues esto hará mas cómodo a la vista, pues evita el brillo de la hoja blanca, además el gris ayuda a elegir y distinguir mejor los colores. También podemos guardar nuestras configuraciones favoritas

 

 

Tip 2. Para empezar una ilustración podemos elegir la proporción deseada con una baja resolución pues esto optimizará el uso de nuestra computadora y después de haber colocado todas las “manchas” grandes y resuelto la “composición” iremos al menú Edición/cambiar resolución y aumentar el tamaño para pasar a los detalles.

 

Pinceles para pintura digital.

Puedes descargar mi colección de brochas de pintura, con ellos podrás hacer una gran variedad de combinaciones y estilos.

Descripción y uso de los pinceles.

natural paint suave_CY

En lo personal esta es una de las estrellas de mis pinceles pues sirve para dar detalles suaves o hacer grandes degradados, sirve para modelar las formas y dar luz y sombra.

 

impasto cuadrado-CY

 

Si queremos color firme y manchas fuertes y ágiles para cubrir grandes zonas este es nuestro pincel ideal.

 

pintura óleo especial-CY

 

Este pincel emula muy bien la pintura fresca, utiliza los dos colores seleccionados priorizando el primer color sobre el segundo, si queremos que pinte solo con el color primario podemos activar la mezcla de colores, eso lo transforma en un pincel suave.

 

pintura color secundario-CY

 

Es el mismo caso del anterior solo que este prioriza el color secundario.

 

impasto cuadrado-CY 2

 

Este es un color firme pero que a su vez se mezcla con su entorno, ideal para manchado base donde queremos que los colores se entremezclen.

 

carboncillo denso-CY

 

Pincel aspero y firme, puedes dar diversos acabados a nuestras pinturas si variamos su opacidad, mezcla de color activa o inactiva y su tamaño.

pintura lienzo1-CY

 

Color con un pequeño toque de textura tipo lienzo.

espátula 1-CY

 

Otra de las estrellas cuando de trata de versatilidad y acabado pictórico, es sensible a la inclinación, genera mezclas de color muy llamativas.

 

Lápices de dibujo y boceto.

Estamos listos, manos a la obra.

Para los ejercicios, abrimos un nuevo documento con el tamaño A4 en una resolución de 72

 

Pintando un degradado-Ejercicio 1

El degradado es un cambio gradual de color, ya sea en su saturación, luminosidad o tono.

 

1.Seleccionamos un par de colores y los pintamos uno junto al otro.

 

Dependiendo de el pincel tenemos cierta capacidad de mezclar, con un pincel suave pintamos entre los dos también de manera muy suave.

2. Con la tecla [Alt](option en mac) activamos el cuentagotas y elegimos el nuevo color y rellenamos ahora la zona intermedia, con el cuentagotas vamos seleccionando los colores intermedios donde los colores se mezclan y vamos rellenando,

 

3. Repetimos esta operación varias veces hasta obtener la textura deseada.

 

Ejercicio 2- Lo básico para pintar.

Para este ejercicio podemos elegir cualquiera de las brochas o combinar su uso, recuerda también variar las configuraciones de [opacidad], [tamaño] y activar y desactivar [mezcla de color] para familiarizarse con estos parámetros y sus resultados.

 

1. Abrimos la imagen de referencia en la ventana [subvista]

 

2. Con el [cuentagotas] de [subvista] elegimos el color rojo de la esfera

3. Pintamos una esfera rellenando muy bien.

 

4. Ahora abrimos un nueva capa encima de esta, y la vinculamos con la capa de la esfera

 

5. Elegimos un color obscuro de la esfera en la ventana [subvista] y pintamos la sombra utilizando lo aprendido sobre el degradado y probando con diferentes parámetros del pincel (opacidad, mezcla, y tamaño)

 

6. Abrimos una nueva capa y la colocamos abajo de nuestra esfera, la rellenamos con el color claro del fondo.

 

7. Pintamos las sombras sobre el color del fondo, aquí es útil manejar la opacidad entre 10 a 30%.

 

Además del cuentagotas, también podemos utilizar las paletas de color para variar luz y tono.

 

8. Pintamos el color de la sombra que proyecta la esfera sobre el suelo.

10. por último abrimos una nueva capa en la parte superior de todas y con color blanco y un pincel de baja opacidad agregamos el brillo de la esfera.

 

Listo nuestro primer ejercicio.

En la pintura vamos a representar cómo se comporta la luz y por lo tanto como interactuan los colores de los diversos objetos que aparecen en nuestra composición.

 

Para ello utilizaremos la mancha como elemento principal de representar a veces las formas muy detalladas, a veces contrastes entre valores y objetos y a veces nuestra visión de como se mezclan los colores presentes, he ahí parte de la belleza de la pintura, su libertad y al mismo tiempo su capacidad interpretativa del mundo.

 

Antes de pasar al siguiente ejercicio podemos elegir las capas de este y guardarlas en una nueva carpeta de capas y ocultarlas.

Ejercicio 3- Matices de color

Una característica de la pintura es poder agregar un matiz a los colores, es decir pequeñas variaciones de color, esto se logra añadiendo varios colores en una zona o trabajando una base de color de un color elegido, y pintando con el color “correcto” encima de esta base, procurando no cubrir completamente si no entremezclando y dejando zonas donde el color de base pueda verse.

 

1. Abrimos una nueva capa y agregamos la imagen de referencia a [subvista.]

 

2. Hacemos un dibujo sencillo de nuestro modelo.

 

3. Añadimos un color base, con un color diferente al color final de nuestros objetos. (los siguientes pasos puede realizarse sobre esta misma capa.)

4. Hacemos una pintura de forma “libre” con la brocha espátula, dejando que se entremezclen los colores con el color de fondo y dejando pequeñas zonas libres. podemos notar como ahora el color no es plano si no que tiene pequeñas variaciones de matiz.

 

5. Podemos detallar con la brocha natural paint o carboncillo denso, variando la opacidad del pincel.

 

en los detalles incluiremos los reflejos que hacen unos colores sobre otros, el verde sobre el blanco, el rojo sobre el verde, etc

Listo nuestro segundo ejercicio.

 

Pintura al óleo digital. Ejercicio final

Felicidades, ahora tienes algunas herramientas básicas que te ayudarán a abordar la pintura digital, así que pasemos con el ejercicio final que es ya una pintura detallada.

 

Recuerda que el arte de la pintura y el dibujo requieren de práctica y constancia, así que no te preocupes si tienes que probar más de una vez alguno de los pasos, ve a tu ritmo y alégrate, pues después de cada intento vas dando un paso más para lograrlo.

 

 

1. Creamos un nuevo documento.

 

2. Lo primero que necesitamos es un modelo que abriremos en la ventana [subvista]

 

Esta es una pequeña ardilla que conocí en el bosque de Chapultepec en México, posó muy feliz para la foto mientras se comía unos cacahuates frescos.

 

3. En la primer capa realizamos un boceto mediante figuras sencillas, no tengas miedo en equivocarte, rayar corregir hasta tener bien ubicadas las formas principales de la ardilla.

 

Tip: para el proceso de boceto, dibujo y manchado puedes utilizar las opciones de voltear el lienzo horizontal y hasta verticalmente y confirmar que tal se ve el dibujo, luego regresar a su posición original, estas opciones las encuentras en la [barra de comandos] o en [Ver/rotar invertir/voltear] [horizontalmente] (o [verticalmente])

 

De esta manera podrás confirmar en varias posiciones y realizar el boceto, dibujo o mancha con más precisión, las opciones para hacer lo mismo en la ventana [subvista] se encuentran en la parte inferior de la misma.

 

4. Si quieres pasar en limpio el primer borrador solo debes bajar la opacidad y crear una capa nueva donde hacer el boceto limpio.

 

 

Para pintar es posible trabajar con un boceto sencillo, o incluso sin el como vimos en los ejercicios, podemos construir una excelente ardilla utilizando solo manchas. (eso es la pintura)

 

Cuando el objetivo es más realista, si se recomienda un dibujo más cuidado y manchas más finas, puedes realizar tu dibujo sobre el boceto o descargar el mío desde siguiente link.

 

6. Para colocarlo lo abrimos en la ventana de materiales descargados y lo arrastramos al lienzo,

 

Después presionamos [ctrl]+[ t] y en la ventana de propiedades de herramienta oprimimos mantener proporción y ajustar posición en lienzo.

 

7. La capa de dibujo la vamos a utilizar constantemente, te recomiendo activar el candado para que no vayamos a pintar sobre ella accidentalmente.

 

En la pintura digital basta con tener a buen resguardo la capa del dibujo e ir trabajando con capas arriba y abajo de esta.

 

Tip: recuerda, la belleza de la pintura no radica exclusivamente en la representación con el mayor grado de detalle, si no en la forma en que interpretamos la luz, el color y la forma y cómo interactúan estos elementos en nuestro lienzo.

 

La composición consiste en decidir qué objetos aparecen y el orden de estos en el espacio de nuestra escena. La composición será la forma en la que nos comuniquemos con el espectador y le decimos qué es lo que está viendo.

 

Nota: también existen técnicas de pintura donde se prioriza “rellenar” o “colorear” dentro de la linea de un dibujo y eliminar cualquier rastro de mancha.

 

Pintando el fondo.

Como base, aquí estamos ocupando el color del papel, como vimos en los ejercicios podemos agregar un color o colores para dar mas riqueza de matiz o incluso podemos buscar y agregar una textura de lienzo “canvas seamless” que dará una apariencia análoga.

 

8. Con el pincel de empastado cuadrado, vamos a ir seleccionando colores dentro del la [subvista] y pintando en el lienzo, en esta capa solo nos interesa el fondo

 

9. Ahora vamos a trabajar un poco más las formas suaves mezclando los colores, esto lo realizamos con el pincel natural paint suave.

 

Utilizaremos el zoom para trabajar con calma cada zona y determinar la suavidad y la mezcla de colores deseada. recuerda que puedes ir activando y desactivando la opción mezcla de color de la herramienta, así como variar el tamaño y opacidad del pincel . Para este ejemplo utilicé la mezcla activa y una opacidad de 40 a 60%

 

Recuerda que con [ctrl]+[alt] ([comand]+[option] en mac) y arrastrando podemos variar el tamaño del pincel, y con alt (option en mac) seleccionaremos colores cercanos dentro del lienzo.

 

Pintando el cuerpo

9. Ocultamos la capa del fondo y procedemos a hacer la mancha del cuerpo de la ardilla, con lo que hemos practicado hasta ahora, será una tarea conocida y relativamente sencilla, tomate tu tiempo para dejar las yuxtaposiciones bien puestas.

 

Recuerda que girar la imagen horizontalmente de vez en vez nos ayudará a darnos cuenta de detalles que no veríamos con una imagen estática.

 

10. En una capa nueva hacemos la mancha de la roca.

La mancha general está lista, a esta etapa se le conoce también como bloking o "impasto"

 

Aplicando Veladuras

En la pintura tradicional se realiza un proceso en el que se aplica pintura muy diluida y transparente en áreas determinadas, esto con la finalidad de aumentar la luz o sombra, también puede hacerse para cambiar ligeramente la tonalidad de color.

 

La veladura digital se aplica de la siguiente manera:

 

11. Armamos una carpeta con el “impasto”: las manchas del fondo, la piedra y la ardilla.

 

12. Encima de cada capa colocamos una capa nueva y la vinculamos hacia la de abajo

 

La ardilla y la piedra están en primer plano, su capa vinculada la pondremos en modo de fusión multiplicar

 

La capa sobre el fondo la ponemos en modo de fusión añadir brillo.

 

13. Con el aerografo estandar de CS en una opacidad de entre 20 a 40% seleccionamos un color brillante del fondo y vamos pintando suavemente en su capa nueva, recuerda que puede oprimir c cuando quieras ir borrando con el mismo aerógrafo.

 

14. Con un color medio obscuro hacemos lo mismo en las capas nuevas de la ardilla y la piedra.

 

Estas capas sirven para darle profundidad al fondo y resaltar la ardilla, también podemos reducir ligeramente la opacidad de estas capas y elegir la configuración deseada.


Tip: Cuando armamos la composición de capas con diferentes modos de fusión antes de hacer la carpeta es posible que no funcionen correctamente, en ese caso seleccionamos la carpeta completa y el modo de fusión [Pass Trough]

 

15. El siguiente paso es duplicar la carpeta y fusionar completamente su contenido, esto lo podemos hacer desde la barra de comandos o con el menú de las capas

 

Ahora tenemos una base de color, las capas anteriores las podemos ocultar y el dibujo lo ponemos encima para empezar a trabajar el detalle, encima del dibujo podemos crear una capa para pintar, la composición de las capas queda de la siguiente forma.

 

Aumentar resolución.

 

16. Es momento de subir la resolución y/o tamaño de nuestro lienzo, si eliges aumentar el ancho o alto, el otro valor se modificará proporcionalmente, también puedes optar por mover la resolución de 72 a 144, 300 o 600 dependiendo de la potencia de tu computadora.

Vamos a Edición/cambiar resolución de la imagen.

17. Una vez vayamos trabajando la capa de pintura del detalle la vamos pasando abajo de la capa (o carpeta) de dibujo, llegará el momento en que prescindiremos del dibujo pues nuestras manchas tendrán las formas precisas.

 

Empezando los detalles

18. Es momento de utilizar nuestro arsenal de pinceles con sus variables de configuración,

 

Para este ejemplo utilicé principalmente natural paint, espátula y carboncillo denso para la roca.

 

vamos generando pequeñas manchas en zonas focalizadas recorriendo toda la figura al principio y luego concentrándonos en objetos o zonas, por ejemplo la cola, luego las orejas, luego la cabeza y así hasta cubrir toda la ardilla después volvemos a empezar con otra cobertura de detalle hasta que la figura general nos parezca suficientemente detallada.

 

 

Algunos consejos sobre esta pintura

Dependiendo de la zona que estemos pintando el pelo estará más o menos largo, igualmente su peinado será diferente y la distancia entre los mechones.

 

En la pintura en general hay que tomar en cuenta los contrastes. Puede ser claro sobre obscuro, un color frio (azul) sobre un cálido (amarillo, rojo y naranja), un color saturado sobre uno muy grisáceo, también los contrastes de formas: puntiagudo sobre suave o zona de textura sobre zona plana etc.

 

Siendo así, los mechones de pelo claro deberán estar sobre zonas mas uniformes y obscuras.

 

En esta pintura buscaremos una mezcla entre la idea natural y una interpretación mas plástica, con manchas de espátula representaremos los brillos y sombras y con pincel natural paint haremos algunos trazos de pelo, al final iremos integrando todo nuevamente con espátula.

 

Aquí un par de aplicaciones con pincel suave y con espátula.

 

 

Detallado final

19. Conforme vamos avanzando los detalles los integramos a la capa de base de color con [ctrl]+[e] (comand e en mac) y le cambiamos el nombre a pintura final.

 

20.Utilizamos la herramienta lazo para seleccionar áreas para trabajar en la selección o fuera de ella, podemos cambiar el área activa dentro/fuera con las teclas [shift]+[ctrl]+[i] ([shift] [comand] [i] en mac) al terminar podemos deseleccionar con las teclas [ctrl]+[d] (comand d en mac)

Barniz

 

21. De manera opcional podemos agregar una capa de corrección en [Capa/nueva capa de corrección/curva de tonos.] Esto es el equivalente a poner el barniz en la pintura tradicional.

 

Damos doble click sobre la capa de corrección y agregamos un par de handles para dar esta forma.

 

Lo que hacemos con esto es aumentar ligeramente el contraste dando más brillo y saturación, después bajamos la opacidad de la capa un 67% o menos.

 

Tenemos la pintura terminada, ya solo resta agregar la firma y listo.

Si has llegado hasta este punto y realizado todos los ejercicios, muchas felicidades, espero que te sirvan los consejos y tips de este tutorial.

 

Muchas gracias y nos leemos a la próxima.