Haz una ilustración SOLO con ASSETS GRATIS -Concept Art

1,029

mir.enjel

mir.enjel

¡Hola bellas personas! Saben, yo soy una artista pobre… Dato que posiblemente ni les importe mucho, PERO yo he sido de las que a veces se le ha salido una lagrimita al encontrar un asset hermoso que cuesta más de lo que me puedo permitir en ese momento.

 

Es por eso que hice esta ilustración y tutorial para ustedes solo con assets gratis de Clip Studio. La galería que hay es enorme y tienen cientos de materiales gratuitos que son bastante buenos y útiles.

 

Como dice un dicho en español, son las tres B’s. Bueno, bonito y barato. Así que no los atraso más, espero que este tutorial les sea de mucha utilidad~

 

 


Paso 1: BOCETO TONAL



Por favor no se vayan de este tutorial.

 

Ya lo sé, ya lo sé.

 

Solo quiero decir que ese sketch no me representa. En mi defensa… Bueno, en realidad no tengo mucho que decir para defenderme…

 

Mejor sigamos.

 

 

Los bocetos tonales: es mucho mejor hacer varias viñetas pequeñas con distintas composiciones, iluminación y sombras. Solo que por cuestiones de tiempo nosotros nos vamos a conformar con… esto.

Hacer pruebas tonales es un paso súper importante y espero que sea algo que continúen usando seguido. Estas pruebas nos ayudan a tener una visión completa de los elementos en nuestra ilustración, buscar composiciones agradables y sobre todo manejar las luces y las sombras sin que el color esté interfiriendo con nuestra percepción.

 

Les va a ahorrar horas de trabajo también~

 

 


Paso 2: ESCULPIR LA ILUSTRACIÓN


Así es, bellas personas. En esta ocasión no vamos a hacer ningún boceto o lineart, si no que vamos a dejar que los elementos 3D hagan todo el trabajo~

 

Orientándome con mi, para nada estético sketch previo, descargué todos los assets 3D que vi necesarios para la ilustración y comencé a “armar” mi dibujo a partir de esto.

 

Todos los links de los materiales irán apareciendo conforme los vaya utilizando.



Con esas medidas son con las que vamos a trabajar. Yo inicié con el material 3D de las puertas Torii.



Si quieren encontrar los assets dentro de su mesa de trabajo, nada más le dan clic al botón de al lado con el ícono de las carpetas, se fijan que estén en la pestaña de Todos los Materiales, y ahí nada más dan clic al material 3D y arrastran al lienzo.

 

(Si no les aparece esa barra al lado, nada más van a: Window→Material→Material: All materials)

 

 



Ahí, utilicé los controles para acomodar la imágen de las puertas Torii en donde más o menos me pareció ideal.

 

Una vez estemos a gusto con eso, vamos a convertir el objeto 3D en líneas. Para eso nos vamos a ir a: Layer→Convert to lines and tones…

 

 



Esas fueron las configuraciones que utilicé para ese caso. Cada uno de los assets es distinto, así que utilicé medidas diferentes. De igual forma, estas configuraciones fueron las que me sirvieron a mí y son libres de modificarlas según les parezca conveniente o según su estilo.

De esa manera, fui acomodando cada uno de los materiales convirtiéndolos a líneas y construyendo el boceto de la ilustración.

 

Para no hacer este tutorial tan repetitivo, solo dejaré las imágenes de todo este proceso junto con las fotos de cada una de las configuraciones, explicando solo detalles necesarios.





Este material viene en bloque de varias rocas, por lo que una vez convertido a líneas, borré lo que no ocupaba y con la herramienta de lazo, moví una de las rocas más hacia atrás.




Con el asset de la escalera fue similar. Lo acomodé y luego de convertirlo a líneas, borré todo lo que no iba a necesitar. Después de eso nada más fui duplicando las capas.

 

Usé la opción de transformar para ir modificando el tamaño y también la perspectiva para dar el efecto de que la superficie era algo empinada.

 

 

(Y ya sé… todo se ve como un pegote raro de cosas que parece que no van a funcionar. Pero confíen en mí. Confíen en el proceso.)

 

 




Luego de eso, fui rellenando el resto de espacios faltantes de la misma forma. Agregué dos rocas más de ambos lados de las escaleras (con la configuración de líneas y tonos de las rocas) y terminé colocando dos árboles más al frente (Igual, con las configuraciones de estos)

Lo que nos deja al final con este resultado.



Todavía se sigue viendo un poco fatal, pero durante el camino vamos a ir trabajando parte por parte para que todo quede armoniosamente unido. Sigan confiando en mí unos cinco minutos más. Porfi.

 

 


Paso 3: BLOQUES DE COLOR


Yo tengo TDAH, y es por eso que tomo contramedidas en mi día a día. Mi técnica infalible es desmenuzar todo hasta que la tarea que vaya a realizar sea la más mínimamente fácil y así voy, siguiendo pequeños pasos en mi To Do List.

Pues bueno, este tutorial es #distraídosfriendly, así que vamos a hacer algo similar a continuación.

 

 



Al separar por líneas un objeto 3D, se crea una carpeta en donde se divide en capas diferentes el color de llenado y el lineart. Esto nos facilita mucho el trabajo, ya que a continuación, sólo vamos a agregar color a cada uno de los elementos.

 

La herramienta que utilicé para esto fue la del balde.



Después realicé ciertos retoques: Con un pincel opaco (Yo utilicé el primer pen que viene por default en el programa), le hice raíces a los árboles.

 

Con la herramienta del borrador suave, fui y quité varias de las texturas en esa parte de abajo para que no se viera un corte tan marcado y luego solo moví las carpetas de las rocas arriba de la de las escaleras para que estas quedaran “rodeadas” por las piedras.

 

 

También se puede notar un cambio sutil en el tono y color de los elementos, fue algo que hice colocándome en la capa de los colores base y presionando Ctrl+U. Esto abre el menú de la saturación, el tono y la luminosidad.

 

Esto es algo que voy a ir realizando de vez en cuando durante el tutorial, ya que la paleta de color fue modificándose durante el proceso. La herramienta del tono es muy útil para armonizar los colores.



Finalmente, en una nueva capa arriba de todo y utilizando el aerógrafo, agregué splashes de color por todo el lienzo. Esto lo hago porque me gusta mucho que mis ilustraciones queden de cierta forma “coloridas” y además siento que es algo que después le da más realismo a la escena.

 

Lo único que hago es tomar distintos tonos que se encuentran dentro de la ilustración y voy coloreando de forma sutil aquí y allá.

 

 



Como último paso, linkeo una capa a cada una de las capas de línea de los elementos e igualmente con el aerógrafo, voy pintando estas con distintos tonos. La guía que sigo es utilizar colores oscuros para las partes de las sombras y colores más claros para las luces, siempre dejándolo un poco más profundo que el tono base para que se noten de manera sutil sin perderse en el color de fondo.

 

Esto hace que las líneas se vean más agradables y se mezclen mejor.



Paso 4: SOMBRAS Y LUCES


Siguiendo con mi To Do List para artistas distraídos, el siguiente paso que sigue es agregar las sombras.

 

A todo.

Como les había explicado anteriormente, yo trabajo de lo más grande a lo más pequeño. Así que en esta parte inicial de sombreado, lo único que vamos a hacer es agregar una primera capa de sombras irregulares a cada elemento para ir construyendo su dimensión.

 

En una nueva capa, colocan el modo de fusión en Multiplicar y utilizan la herramienta de lazo.

 

 



Toman un color claro (en este caso uno lila para las rocas) y luego nada más van formando formas irregulares que vamos a ir rellenando con la herramienta de balde en las zonas en donde queremos que esté la sombra (en este ejemplo para las rocas).



Siguiendo este paso, se repite en la misma capa para el resto de elementos. Pueden cambiar el color y la intensidad de este a como vean conveniente en su propia ilustración.

 

No tiene que quedar perfecto, eso ya se trabajará más adelante. Como mencioné, el propósito es comenzar a darle forma a los distintos elementos y empezar a distinguirlos entre sí.

 

 



Por último para estas primeras sombras, tomamos la herramienta de mezcla de color (que se encuentra dentro de los pinceles para difuminar), y de forma sutil, vamos suavizando ciertos bordes de las sombras que acabamos de hacer.

 

No difuminen todo, es importante preservar algunos de los bordes duros, especialmente en las piedras.

 

Yo lo utilicé más que nada en los troncos de los árboles, ya que son elementos con una superficie más redondeada.



Pasando a la parte de las luces, hice algo similar a las sombras. En las zonas altas y de luz, fui agregando formas irregulares que luego difuminé con el Mezclador de Color.



Luego, quise probar varios pinceles de texturas, así que inicié primero agregando ciertos tonos de color a los troncos de los árboles. Usé el pincel Treebark main como base y seguido, con el Treebark highlight, también agregué ciertas luces.




Volviendo a las piedras, usé el pincel Rock rim light y de forma muy sutil, lo agregué con un tono más claro a las zonas de luz de todas las piedras.



Paso 5: DEFINICIÓN



Uno de mis pinceles favoritos y que uso para todo, es el Block brush!. Este es el único que vamos a utilizar en toda esta parte para ahora definir mejor todas las formas de nuestra ilustración.

 

En una nueva capa vamos a comenzar con la parte de los tonos oscuros. Pueden buscar fotos de rocas para guiarse y tener una referencia de que zonas van claras y cuáles oscuras.

 

Usando el Block Brush!, vamos a definir la parte de las rocas con ciertos contornos, zonas con un poco más de sombra y en general, vamos a ir separando las distintas piedras.

 

Luego, en otra capa destinada para las luces y con un tono azulado más claro, de forma sutil vamos iluminando las zonas de luz en las rocas.

 

 



No soy muy buena explicando este proceso, sobre todo porque es una parte de mucha intuición, pero como dije anteriormente, con buscar ciertas referencias de cómo son los bloques de piedra, darles forma resulta mucho más sencillo.

 

Esto lo vamos a repetir con el resto de las piedras y como pueden notar, ya ahora sí parecen rocas de verdad. (Por fin, siendo honesta, por un momento yo tampoco me tuve fé)

 

 



Hacemos lo mismo con los árboles en las respectivas capas de sombras y de luces.

(También corregí una de las raíces de un árbol porque anteriormente estaba muy delgada.)



Terminando con las escaleras, aquí usé el Block Brush! Para también darles una mejor forma y hacer los escalones algo irregulares para darles más realismo. Utilicé un color rojizo primero y fui marcando las sombras en una nueva capa. 



Ya que tenemos que tomar en cuenta la perspectiva, los escalones de más lejos se van a ver más pequeños que los que están más cerca. Para esto también, agregamos distintos tonos de colores e iluminación a estos.

 

Yo lo que hice fue bloquear la capa y con el aerógrafo, pinté de verdes más suaves los escalones que estaban lejos y luego de ciertos tonos más oscuros a los que estaban cerca.

 

 



Finalmente para las luces de los escalones, agregue una capa en modo de fusión Overlay, y con un tono verde claro fui marcando de forma sutil solo los bordes de los escalones, añadiendo más profundidad de esta forma.



Paso 6: DETALLES FINALES


Este es el último bloque de mi To Do List. Aquí es donde se vienen todos los detalles para hacer que nuestra ilustración finalmente resulte en algo presentable y yo les pueda demostrar que su fe ciega en mí dio frutos.

 

Así que como primer paso vamos a unir las escaleras a las piedras, yo no sé si a ustedes igual les estuvo dando un tic todo este rato que paso viendo ese hueco extraño y poco estético de ahí, pero ya.

 

Ya finalmente lo vamos a solucionar.




Usando el bello pincel Moss fluffy-base, vamos a ir agregando este tipo de vegetación por ambos bordes de las escaleras y también entrando en algunos de los escalones.



Después, con un tono más claro, le damos ciertas luces a la vegetación. Como detalle extra, con el pincel Rock flat light 1 y un tono claro, le damos textura a los escalones.



Aquí aprovechamos para repetir los mismos pasos agregando moho también a las rocas.



Para armonizar todos los colores y también tener una base oscura con la cuál trabajar para darle luz a la ilustración, vamos a crear una nueva capa y la pintamos de un tono lila clarito. En modo de fusión la ponemos en multiplicar.



Finalmente como detalles finales, vamos a agregar unas cuántas lámparas que desde un principio había querido agregar a la ilustración.

 

Estas las vamos a ilustrar de forma simple con nuestro poderosísimo Block Brush! (no en serio, me voy a casar con quien sea que haya creado ese pincel)

 

 

Primero con un tono naranja creamos la base, la dejé un poco transparente en la parte de arriba para dar esa ilusión de lámpara de papel y al mismo tiempo también pinté un poco más oscuro la zona de la base.



En el centro con un color más brillante le agregué la flama y después en una nueva capa y en el modo de fusión color dodge, usé el aerógrafo para dar el efecto de luz a las lámparas.



Para la zona de las puertas Torii, usé una nueva capa en modo de fusión Añadir, e iluminé levemente el centro del para así crear contraste con el personaje que iba agregar en esa parte.



Para añadir profundidad, también utilicé el Block Brush! de forma muy sutil, creando formas irregulares de árboles en el fondo.



Allí después agregué a LiKop, uno de mis personajes.

 

Como está en la distancia, no es necesario sombrearlo de forma detallada.



En la capa de multiplicar que previamente agregamos, vamos a añadir una máscara de capa. Esto nos va a ayudar a borrar ciertas zonas en donde queremos que entre la luz. Solo con un aerógrafo nos posicionamos en la máscara creada y vamos borrando sutilmente. Yo hice un halo de luz hacia las puertas Torii y aclaré un poco también en las lámparas.

 

Luego con este pincel y en una capa de Añadir, podemos utilizar un tono naranja cálido para dar ciertos reflejos a las lámparas.

 

 




Y así, tendríamos este resultado.



Luego de verlo terminado, quedé un poco inconforme con las luces y el tono del fondo, por lo que con Ctrl+U, cambié el verdoso que tenía por uno más azulado y agregué una nueva capa en añadir. Ahí fui con el aerógrafo y usando un color claro naranja, agregué un poco más de luz en las linternas y en los elementos de alrededor.





Y bueno, creo que este terminó siendo un tutorial un poco largo. Intenté resumir todo por pasos sencillos y rápidos para que fuera fácil de seguir. Espero que les haya gustado y cualquier consulta, no duden en preguntar.

 

Espero que nos veamos pronto, cuídense mucho bellas personas. Bye~

 

 


Comment

New

New Official Articles