INTRODUCCIÓN

Hola, soy Cherry!

En esta ocasión te mostraré el speed paint de mi proceso para dibujar una ilustración de los personajes originales de mi web cómic “Fantastic Boys” y, por supuesto, te explicaré paso a paso cómo llegué al resultado utilizando mis herramientas favoritas de Clip Studio Paint.

 

Te enseñaré la forma en la que puedes guardar tus formatos de hoja, usar las reglas de perspectiva, hacer un boceto con líneas derechas que sigan la perspectiva, utilizar la mayor cantidad posible de herramientas en las poses 3D, manejar el color de una forma interesante y crear tus propias paletas de color, usar los modos de combinación de capa, hacer bordes, seleccionar y mover una imagen logrando que tenga perspectiva, importar degradados, agregar texturas, etc.

Creé este tutorial con la finalidad de que puedas conocer algunas herramientas y darte algunos de mis tips y consejos para utilizar CSP de manera más eficiente y sencilla posible.

Espero que puedas tomar algunas de estas explicaciones y que puedas crear tus propias ilustraciones. Me gustaría que algunos de los consejos que te doy aquí te sean de utilidad y que esta sea una actividad entretenida, divertida e interesante para ti, además de que tal vez puedas descubrir alguna función en CSP que desconocías.

 

 

 

FORMATO DE HOJA

Primero abro mi hoja de trabajo con una configuración que ajusté y guardé yo misma. Te recomiendo guardar tus formatos de hoja para que siempre esté disponible en tus opciones de preajuste y puedas utilizarlos en un futuro.

 

¿Cómo guardar un formato de hoja?

 

-Selecciona: Nuevo —> Ajustes de Cómic —> (Configura tu hoja de trabajo con las medidas que prefieras) —> Click en el botón “GUARDAR” (ubicado al lado derecho de la barra de “preajuste” —> Nombrar formato (en este caso lo guardé con el nombre de “FORMATO ESPECIAL”), selecciona todas las casillas desmarcadas y acepta —> Aceptar

 

Y listo, este formato estará disponible en tus opciones de preajuste.

 

REGLA DE PERSPECTIVA Y BOCETO DEL FONDO

PERSPECTIVA

 

Para crear la perspectiva del fondo, la “Regla de perspectiva” puede ayudarte.

La perspectiva que utilicé en mi ilustración se basa en una fotografía que tomé. Importé la fotografía como imagen en mi lienzo y simplemente la acomodé a mi gusto.

 

-Selecciona: (Herramienta de regla) —> Regla de Perspectiva

 

Seguí un par de líneas en mi fotografía y así es como creé mi perspectiva.

Al final simplemente borré mi fotografía.

 

BOCETOS

 

Arrastré la regla a una nueva capa de rasterizado y luego comencé a dibujar sobre esta capa con la plumilla “Maru”.

 

Para que el lienzo respete la regla de perspectiva, se deben de tener activados los íconos “Ajustes de regla” y “Ajustes de regla especial” (como consejo, también te sugiero activar “Ajustar a cuadrícula”). Estos íconos se encuentran en la barra superior de herramientas tal cual como te muestro en la siguiente imagen.

 

Si estos íconos están seleccionados, entonces cualquier pincel o plumilla que elijas debería de respetar la regla de perspectiva.

Para dibujar la cortina metálica con las persianas separadas a la misma altura, abrí una nueva capa rasterizada y activé la vista de cuadrícula y el ícono “ajustar a la cuadrícula”.

 

-Selecciona: Ver —> Cuadrícula

 

 

En la barra lateral de herramientas seleccioné la herramienta “Figura” y con la “Línea Recta” comencé a trazar líneas paralelas con un espacio igual entre cada línea.

Posteriormente seleccioné todas las líneas con la herramienta “Escalar/Rotar” ubicada en la parte superior de la barra de herramientas y finalmente elegí el modo “Transformación libre” ubicada en las propiedades de herramientas.

Moví las puntas de la capa seleccionada conforme mi boceto para que las líneas también tuvieran perspectiva.

 

Observa el siguiente gif para que esta información no sea confusa para ti y puedas aprovechar estas herramientas tan útiles como la cuadrícula, y la transformación libre.

 

Posteriormente quité la vista de cuadrícula (-Selecciona: Ver —> Cuadrícula) y continué dibujando sobre la capa de rasterizado en donde se encontraba la regla de perspectiva.

POSES 3D Y BOCETO DE FIGURAS PRINCIPALES

Cuando el boceto del fondo estaba listo, continué dibujando el boceto de las figuras principales en otra capa de rasterizado. Para dibujar a mis personajes utilicé algunas poses predeterminadas en CSP, elegí las que se acomodaban a mi gusto y las arrastré a mi lienzo.

 

-Selecciona: Barra de materiales —> 3D —> Pose

 

Antes que nada, acomodé las poses conforme a mi regla de perspectiva. Para hacer esto primero hice visible la perspectiva de las poses. Esta acción se realiza en las propiedades de capa haciendo “click” sobre el ícono de regla (que viene en la capa de la pose).

 

-Selecciona: Establecer área de visualización de la regla —> Mostrar en la misma carpeta

 

Para quitar la vista de la perspectiva del modelo 3d, se realiza el mismo paso de arriba.

 

Una vez que los modelos están en la posición adecuada, hice algunos cambios con respecto a su cuerpo y extremidades.

 

En el menú de “Propiedades de Herramientas” podemos elegir entre muchísimas opciones para adecuar los modelos 3D a las necesidades de nuestras ilustraciones. Por ejemplo:

 

-Podemos ajustar el ángulo en la opción de “preajuste”.

 

-Aplicar la fuente de sombra y luz.

 

-Cambiar la altura.

 

-Proporcionar la cabeza con respecto al cuerpo, manualmente o utilizar la configuración predeterminada (yo cambié ligeramente las proporciones de la cabeza, manualmente).

 

-Ajustar las proporciones del cuerpo (musculoso, delgado, etc.) Y en menú desplegable puedes elegir ciertas partes del cuerpo y proporcionarlas a tu gusto.

 

-Posar la mano, ya sea abrirla o cerrarla (y mover todos los dedos).

 

-Activar la perspectiva de manga (con la que puedes dibujar escorzos).

 

-Determinar el ancho del contorno de tu modelo 3D.

 

Puedes hacer uso de todas las herramientas, pero estas sólo son algunas de las que utilicé en los modelos 3D para dibujar las poses de mis personajes.

 

LINE ART Y PALETAS DE COLOR

LINE ART

 

Mi line art casi siempre lo realizo con las plumillas “G” y “Maru” sobre capas de vectores. Este lineart lo realizo por separado. Hago uno para las figuras principales y uno para el fondo y después los acomodo en dos carpetas diferentes.

 

COLOR

 

Para las ilustraciones de mis personajes originales uso una paleta de color que cree yo misma.

Hay dos formas de guardar los colores que más utilizas y esto se puede hacer guardando una paleta de color o añadir algunos colores a tu barra superior de herramientas.

 

PARA CREAR UNA PALETA DE COLOR.

A un lado de la paleta de color hay una casilla donde se recopilan los conjuntos de color, da click ahí.

 

-Selecciona “Editar conjunto de colores” (símbolo de herramienta a un lado de la barra despegable de paletas de color) —> Añadir nuevos ajustes (tu paleta de color está lista) —> (Edita el nombre de tu nuevo conjunto de colores) —> (Selecciona un color que desees incluir) —> Click derecho sobre cualquier casilla vacía —> Añadir color

 

-Si deseas eliminar algún color en tu paleta, haz click derecho sobre el color que deseas eliminar —> Eliminar color (o simplemente puedes hacer click sobre el color y tocar el ícono de “bote de basura”).

PARA AÑADIR COLORES A LA BARRA DE HERRAMIENTAS.

 

-Selecciona el color que desees —> Click derecho sobre la barra —> Añadir color de dibujo

 

COLOR, LUCES, SOMBRAS Y MODOS DE COMBINACIÓN DE CAPAS

Cuando finalicé mis linearts comencé a poner el color.

Mis pinceles favoritos para esto son la "Acuarela Transparente", ubicada en Pincel /Acuarela /Acuarela transparente. Y la Tinta Suave, ubicada en Pincel / Tinta / Suave.

 

Inicié con colores planos sobre mis personajes principales, mis paletas de color favoritas son las paletas muy coloridas que abarcan desde colores pastel a colores vibrantes.

Además los colores base como el tono de piel, color de ojos, cabello, etc., están guardados en mi acceso rápido, así que es muy fácil repetir los colores principales en mis personajes.

 

Para elegir el color de la ropa simplemente me guié por conjuntos de color que he usado antes, por ejemplo, para el personaje con cabello rosado, suelo usar colores vibrantes y generalmente complementarios, pero para el personaje con color de cabello obscuro, suelo utilizar colores más apagados y análogos.

 

En la pintura digital las cosas son ligeramente diferentes a la teoría del color tradicional, pero trataré de explicar los conceptos de una forma sencilla. Sabemos que en la pintura tradicional, los colores primarios son el amarillo, rojo y azul.

 

La combinación de los colores primarios nos dan como resultado los colores secundarios.

Amarillo + Rojo = Naranja

Rojo + Azul = Violeta

Azul + Amarillo = Verde

 

Colores complementarios.

Son aquellos colores que mantienen el más alto contraste entre sí, pero que son armoniosos visualmente y se encuentran justo del lado opuesto del círculo cromático. De tal modo que el color complementario del amarillo es el violeta, del rojo es el verde y del azul es el naranja.

 

Colores análogos.

Como su nombre lo indica, son colores con una similitud entre si. En este caso, el color o los colores análogos serán aquellos que sean similares entre sí, y parte de esto se debe a que mantienen un color base similar.

 

SOMBRAS

 

Esta vez no quise agregar sombras de diferente color sobre los colores planos, en cambio preferí agregar una sola sombra uniforme sobre mis dos dibujos ya pintados. La sombra que elegí fue color violeta, pues creo que ese tono se adecuaba bien a los colores con los que ya había pintado a mis personajes.

 

Para pintar sobre una capa de color sin que el pincel afecte a todo lo demás primero crea una nueva capa rasterizada y colócala encima de la capa sobre las que pintarás.

 

-Seleccione la nueva capa rasterizada —> Ajustar a capa inferior

 

También puedes pintar directamente sobre la capa de color.

 

-Selecciona la capa donde aplicaste color —> Bloquear pixeles transparentes.

Sin embargo no recomiendo esto, porque si te equivocas tendrás que pintar de nuevo la capa sobre la que estás trabajando.

 

También me gusta agregar textura, pero te mostraré eso más adelante con más detalle.

 

MODOS DE COMBINACIÓN DE CAPAS.

 

Básicamente casi todos los colores en mi dibujo son planos y lo que le da la sensación de profundidad es el uso de sombras básicas. La sombra que puse sobre las capas de color es de un mismo tono y para que se vea como una transparencia utilicé los modos de combinación.

 

Los modos de combinación son los modos en que los colores de las capas superiores se pueden mezclar con los colores de capas inferiores, básicamente.

El modo que elegí para la sombra es el modo “Multiplicación”.

 

Para elegir un modo de combinación, selecciona la capa a la que quieres aplicar alguno de estos modos y esta capa adoptará el modo de combinación deseado, afectando así a las capas inferiores o si lo prefieres, sólo a la capa inferior.

FUENTES Y EFECTO DE BORDE

Hace tiempo descargué un par de fuentes en estilo graffiti y decidí utilizarla en mi ilustración.

Abrí una hoja nueva y escribí en ella la frase “Fantastic Boys” (el título de mi webcómic). Utilicé un par de fuentes llamada “El&FontBubbles” y “Graffiti Tags”.

 

Con la fuente “El&FontBubbles” escribí “Fantastic Boys!” en un tamaño considerable y después convertí esa capa de texto en una capa normal.

 

-Selecciona capa de texto —> Click derecho —> Convertir capa —> (En la opción “Tipo”) Capa de Rasterizado —> Aceptar

 

Coloqué un fondo blanco abajo las letras, pues más adelante quería agregar un degradado que coloreara las letras por dentro.

Para hacer esto, cree una nueva capa de rasterizado debajo de mi capa de graffiti y trabajé sobre esta nueva capa rasterizada, seleccioné toda la capa con la herramienta “Selección automática”.

-Selecciona: referir a todas las capas —> Click en ícono “Invertir área seleccionada” —> (Cuando el área de las letras esté seleccionada) Pintar con el color deseado (en mi caso, pinté en color blanco) — Deseleccionar

 

Finalmente uní ambas capas.

 

También agregué color sobre el grafitti. Abrí una nueva capa rasterizada y la coloqué arriba del graffiti en modo de combinación “Multiplicación”, después ajusté esa capa para que sólo afectara la capa inferior y coloqué un degradado de colores.

Copié y pegué ese archivo (el graffiti) en mi ilustración original sobre la capa de color del fondo, elegí un modo de capa “Multiplicación” y seleccioné el graffiti, acomodándolo siguiendo la perspectiva de la ilustración con el modo “Transformación libre”. Anteriormente expliqué los pasos para hacer todo esto que acabo de mencionar.

 

Para los demás graffitis no fue necesario hacer todo el proceso de arriba, simplemente escribí sobre el lienzo, los convertí a capas rasterizadas y los acomodé por todas las paredes.

 

EFECTO DE BORDE.

 

No lo utilicé esta vez en mi ilustración, pero estuve a punto de hacerlo. Te explicaré rápidamente cómo puedes colocar un borde.

 

-Selecciona la capa sobre la cual quieres crear un borde: (Ve a propiedades de la capa) —> Efecto de borde

 

Puedes cambiar el color y el grosor de dicho borde.

 

DEGRADADOS

Te dejo un par de enlaces, aquí podrás descargar los degradados que utilicé en esta Ilustración. Perteneces a "Clip Studio Assets" y enseguida te enseñaré a importar un conjunto de degradados.

 

Para importar los degradados necesitas descargarlos, una vez que estén descargados sigue las siguientes indicaciones:

 

-Selecciona la herramienta de “Degradado” —> Mostrar (ícono de herramienta) —> Ajustes avanzados —> (Click en ícono de herramienta a un lado de la barra desplegable) —> Importar conjunto de materiales —> (Seleccionar conjunto de degradados) —> Aceptar

 

Después sólo elige el color de degradado que quieras utilizar haciendo doble click sobre este.

 

En mi caso apliqué algunos degradados en mi ilustración, por ejemplo, en la jardinera del lado derecho o la entrada que se encuentra al lado izquierdo. Los degradados ayudarán a darle más profundidad a tu ilustración.

 

Cree un par de capas rasterizadas y las coloqué en la parte superior de todas las capas.

La primera capa decidí pintarla por completo de color naranja claro y después la coloqué en modo de combinación “Multiplicación”. Para terminar, decidí cambiar la opacidad, para que mi ilustración no se tornara demasiado anaranjada.

 

Con la segunda capa decidí colocar un degradado que iba desde un color salmón a un gris claro. También la puse en modo de combinación “Multiplicación” y bajé la opacidad para que no afectara mucho mi ilustración.

 

Combiné estas dos capas y para esa capa resultante elegí un modo de combinación “Multiplicación” una vez más.

 

BALANCE DE COLOR

 

También hice un balance de color para realzar todos los colores. Para hacer un balance de color necesitar hacer lo siguiente.

-Selecciona: (Click derecho sobre la capa superior) —> Nueva capa de corrección —> Balance de color

 

FILTROS – RENDERIZADO (TEXTURA) Y DESENFOQUE

Cuando ya todos los elementos en mi ilustración estaban listos y creí que estaba por finalizar, decidí aplicar un par de filtros que le darían el acabado que quería conseguir. Personalmente son mis filtros favoritos (junto con el filtro artístico).

 

 

TEXTURAS

 

Cree una nueva capa rasterizada en la parte superior de toda mi ilustración.

Para las texturas me gusta utilizar el filtro “Renderizado”.

 

-Selecciona: Filtro —> Renderizar —> Ruido Perlin —> (Elegir escalas preferidas) —> Aceptar

Me gusta utilizar una escala pequeña, para que la textura no sea tan ancha. La fuerza me gusta alta y las demás funciones siempre las mantengo en una escala media.

 

Cuando mi textura está lista simplemente elijo sobre esta un modo de combinación de capa que me agrade, por ejemplo, esta vez utilicé el modo de combinación “Luz vívida”.

 

DESENFOQUE

 

El desenfoque es otro filtro que utilizo mucho. Creo da un acabado brillante muy interesante, puedes intentarlo si quieres. Esto es completamente opcional, pero yo lo utilicé y te mostraré cómo hacerlo.

 

Primero que nada, seleccioné todas las capas en mi ilustración y las agrupé en una sola carpeta.

 

-Selecciona: (Click derecho sobre la capa superior)—> Crear carpeta e insertar capa.

 

Haciendo esto, automáticamente todas las capas que hayas seleccionado entrarán dentro de una carpeta.

 

Después convertí esta capa en una capa de rasterizado y apliqué el filtro de “Desenfoque Gaussiano”

 

-Selecciona: Filtro —> Desenfocar —> Desenfoque Gaussiano —> (Elegir un desenfoque considerable, pero no muy brusco) —> Aceptar

 

Finalmente seleccioné esta capa y elegí el modo de combinación “Color más claro”.

 

PASO 1

PASO 2

PASO 3

¡Listo!

Finalmente terminé la ilustración utilizando algunas herramientas que ofrece Clip Studio Paint.

 

Estoy muy feliz de que me hayas acompañado en este recorrido, pero estaría mucho más feliz si alguno de estos consejos que te di te son de utilidad. Espero que así sea.

Por favor siéntete libre de comentar si este tutorial fue de ayuda. ¿Qué te pareció?

 

—--

 

Enlaces donde puedes encontrar mi trabajo:

 

https://www.facebook.com/LaCerezaTriste

 

https://www.instagram.com/sadcherry_strach/

 

https://tapas.io/series/Fantastic-Boys/info