Ideas para probar este estilo

Voy a usar este tema para dibujar algo que quería probar desde hace bastante tiempo: un dibujo interior en una perspectiva de un punto con muchos detalles. Nunca antes había hecho algo así y quería aprovechar esta oportunidad para desafiarme un poco.

 

Aquí hay algunas otras ideas con las que estaba jugando que deberían funcionar muy bien para una ilustración como esta:

 

-objetos ortográficos (puede encontrar una cuadrícula en línea y usarla como guía)

-Ilustración de un solo carácter (sin fondo)

-diseño exterior (en perspectiva pero ortográfica también funcionaría bien)

 

 

Configuración de una cuadrícula de perspectiva

La forma más fácil de configurar una cuadrícula de perspectiva en CSP es agregarla a través del "Menú de capas" en la barra superior: vaya a "Capa" - "Regla/Marco" - "Crear regla de perspectiva..." como se muestra en la imagen a continuación.

Debería aparecer una ventana como esta:

Por ahora necesito la cuadrícula de un punto. Además, mantengo marcada la casilla "Crear nueva capa", ya que no me gusta dibujar en la capa de cuadrícula.

Su lienzo debería verse algo así ahora (estoy usando un lienzo de 2000x2000px):

 

De forma predeterminada, la cuadrícula aparecerá en el medio de su lienzo, colocando el punto de fuga en el medio también. La línea azul que cruza este punto es la línea horizontal.

Si no está satisfecho con la ubicación de su cuadrícula, puede seleccionar la herramienta de objeto (que se muestra a continuación) y hacer clic en las líneas de su cuadrícula. Aparecerán pequeños controles que puede usar para ajustar la cuadrícula a su gusto.

 

Tan pronto como agregue una cuadrícula de perspectiva, las líneas deberían ajustarse automáticamente a ella cuando dibuje. Puede desactivarlo ocultando su capa de cuadrícula, razón por la cual no dibujo en esta capa. Alternativamente, puede apagarlo yendo a "ver" en la barra superior y deshabilitar "ajustar a regla especial". Si no hay una marca de verificación al lado, debería poder dibujar libremente en el lienzo.

Si prefiere desactivar el ajuste (pero mantener visible la capa de cuadrícula), podría ser una buena idea agregar algunas pautas más. Si selecciona la regla de perspectiva y va a las propiedades de la herramienta, encontrará el menú de proceso. Cuando selecciona "agregar guía" (como se muestra a continuación), puede agregar guías que siguen automáticamente su punto de fuga. Los agrega haciendo clic y arrastrando.

 

 

Si eso no funciona por alguna razón, puede dibujar algunas pautas a mano y mantener el ajuste mientras lo hace.

Voy a mantener el ajuste por ahora, hará que mi proceso de dibujo sea más rápido y fácil.

Disposición de los objetos base

Estoy buscando un interior simple de arriba hacia abajo, así que estoy comenzando con un rectángulo como el piso y cuatro líneas siguiendo el punto de fuga hacia afuera desde cada esquina. Conecta las nuevas líneas con otro rectángulo y dibuja otro más grande justo alrededor y tenemos una habitación:

Ahora bloqueamos todos los objetos más grandes que queremos en esta habitación, una ventana, una puerta, algunos muebles básicos, nada que detallar todavía y no voy a ser muy ordenado al respecto.

Este paso es para encontrar un buen diseño para esta habitación.

Ajustar los objetos a la cuadrícula.

Este paso puede parecer un poco complicado al principio, pero dado que ya conocemos las dimensiones básicas de los objetos, en realidad no es muy difícil de hacer y haré todo lo posible para explicar el proceso.

 

Vamos a empezar con un objeto simple como la ventana:

Ya tenemos la forma y la perspectiva base.

Como estamos mirando hacia abajo en la ventana, podemos ver la parte inferior de la inserción de la pared y al menos un lado.

Puede seguir estos pasos como se muestra en la imagen a continuación.

Comenzamos agregando el alféizar de la ventana (paso 1). Esta es una superficie que estamos mirando directamente hacia abajo, por lo que no se ve afectada por la perspectiva; con todas las superficies como estas, solo usamos líneas horizontales y verticales.

Terminamos el recuadro conectando las esquinas exteriores a la parte superior de la ventana siguiendo la cuadrícula de perspectiva (paso 2).

Desde nuestro punto de vista, no podemos ver el recuadro superior de la ventana, lo que significa que básicamente ha terminado.

Sé que puede sonar complicado al principio, pero cuanto más practicas, más fácil se vuelve.

 

Ahora puede agregar algunos detalles siguiendo los mismos tres o cuatro pasos:

1. bosqueja los detalles con líneas simples (paso 3)

2. dibuja las superficies que puedes mirar directamente hacia abajo (paso 4)

3. conecta las nuevas esquinas a la línea superior que bloquea tu vista (paso 5)

4. borre las líneas innecesarias (pero tenga en cuenta lo que ve y lo que no)

Por supuesto, este no es el resultado más limpio, pero debería servir como ejemplo.

Después de limpiar algunas de las líneas sobrantes o que se cruzan, debería verse algo así:

 

El sillón va a ser un poco más difícil (el gran bloque frente a la ventana). Teniendo en cuenta que voy a darle un toque vintage a esta ilustración, este "bloqueo de la primera perspectiva" de la silla necesitará algunos ajustes más adelante.

Así es como abordé el ajuste de la silla a la rejilla:

 

Empecé con el respaldo de la silla, la superficie superior primero, luego arrastré hacia abajo las líneas del frente (1). Dibujé las superficies superiores de los dos reposabrazos que se conectan a estas dos líneas (2). Para el asiento, dibujé líneas de perspectiva que bajaban desde las esquinas internas de los reposabrazos y las conecté con líneas rectas horizontales (3). Las esquinas exteriores de los reposabrazos conducen al extremo inferior de la silla (4).

Marqué las superficies que miran hacia arriba en la imagen de abajo, para que no haya confusión, qué puntos conectar.

Tenga en cuenta que con este paso ya puede agregar algunos detalles que serán útiles con el boceto real. Sin embargo, tenga cuidado de no sobrecargar inicialmente su dibujo con muchos detalles, puede ser difícil hacer un seguimiento en algún momento. Puede ser útil alejar el zoom regularmente y verificar.

Hice algunos cambios para mi primer ajuste de perspectiva en el camino, pero el proceso sigue siendo el mismo.

Aquí hay algunos consejos que pueden ser útiles:

 

-no tenga miedo de usar muchas capas si le ayuda a realizar un seguimiento de todas sus líneas

-no tengas miedo de usar muchas líneas (desordenadas), siempre puedes borrarlas más tarde

-si desea medir distancias en la habitación, debe usar el plano del piso para hacerlo; es la única unidad en esta habitación que no está distorsionada por la perspectiva

-comience con la habitación primero, agregue detalles a la habitación y LUEGO pase a los muebles

 

Así es como se veía el boceto antes de limpiarlo:

agregando detalles

Las cosas pequeñas no necesitan encajar perfectamente en la cuadrícula. Los marcos en la pared pueden estar torcidos, por ejemplo, también agregaré algunos libros y cortinas apilados.

Los pequeños detalles ayudan a romper la monotonía de un diseño bien ajustado.

Por supuesto, también puede utilizar la cuadrícula de perspectiva para estos pequeños detalles. Personalmente, me gusta mezclar el dibujo a mano alzada y la perspectiva.

 

Algunos objetos tridimensionales, como las tablas de madera, pueden estar torcidos, así que los agregué como mejor me pareció y adapté el estilo a la cuadrícula. Objetos como las pilas de libros, quiero que se ajusten a la cuadrícula, así que dibujaré algunas pautas para ellos en una capa diferente:

Este también es un buen momento para ajustar los muebles bloqueados. Para el sillón, solo redondeé algunos de los bordes teniendo en cuenta qué superficies miran hacia arriba.

Cuando estoy satisfecho con el interior, vuelvo a limpiar el boceto; no quiero perder la noción de lo que estoy haciendo.

 

Adición de caracteres

Cuando imaginé por primera vez la ilustración final, no pensé en los personajes, de lo contrario los habría agregado antes en el proceso. Ahora, sin embargo, creo que a los personajes les iría bien en esto y lo haré mucho más fácil usando la herramienta 3D para arrastrar y soltar los personajes y las poses que desee (por supuesto, también puede usar esta herramienta para trazar muebles o establecer toda la habitación).

Así es como se ve la barra de material 3D. De forma predeterminada, todos los elementos, personajes y poses preinstalados deben almacenarse en la pestaña 3D.

Asegúrate de que tu personaje se adapte a tu entorno y que la ubicación de la cámara se ajuste a tu punto de vista. Con su objeto 3D seleccionado, debería aparecer una variedad de iconos en la parte superior, con los que puede manipular la ubicación, la rotación y la distancia de la cámara.

Algo así:

Este es mi boceto final:

Siéntete libre de hacer tu boceto más detallado si no quieres cambiar muchos de los contornos reales más adelante. Hablando de que..

 

Arte lineal

Una vez que esté satisfecho con su boceto, es hora de pasar al lineart.

Antes de hacer esto, muevo todas mis capas a una carpeta, la selecciono y cambio el tamaño de mi boceto para que se ajuste mejor al lienzo. Haga clic en el icono que se muestra a continuación y debería aparecer un marco con manijas en el exterior alrededor de su objeto. Haga clic y arrastre los controladores en cada esquina para cambiar el tamaño de su boceto.

Ahora traza las líneas que te gusten y en caso de que tu boceto, como el mío, no sea demasiado detallado, agrega algunos detalles.

Lo que realmente me gusta de este tipo de ilustración es que la ejecución de tus contornos realmente no importa. Tus trazos pueden ser rectos y seguros o tambaleantes, gruesos o finos; funcionará muy bien.

Puedes usar el estilo que prefieras o probar algo nuevo.

Para las ilustraciones de colores planos, no necesariamente necesita contornos, omitirlos y pasar directamente a colorear (o eliminar los contornos más adelante) puede generar resultados realmente geniales.

Si desea dibujar contornos, puede ser una buena idea hacerlo de manera ordenada y completa.

En la mayoría de mis dibujos, apenas limpio mi boceto y solo pinto sobre la mayor parte, pero con ilustraciones de colores planos que no funcionarán muy bien.

¡Arreglar algunos extremos sueltos y rellenar algunos agujeros en su línea puede hacer que su proceso de coloreado sea mucho más fácil! (buena suerte encontrando todos los agujeros...)

Punto focal

Esto debería quedar claro cuando miras el nombre, pero el punto focal es el foco de la ilustración. Es donde quieres que mire el espectador.

Podría ser un aspecto determinado que desee resaltar o, para ilustraciones más grandes, podría ser una parte específica de un paisaje o una escena que se está desarrollando.

 

Aquí hay algunas maneras muy fáciles de dirigir los ojos de los espectadores:

-señalarlo (básica o literalmente)

-enmarcalo

esta es parte de la razón por la que cambié la ventana detrás del personaje que quiero resaltar. Los tirantes verticales de la ventana apuntan hacia mi personaje principal, y dado que cambié el tamaño de la ventana, funciona como un marco. Hay diferentes tipos de composiciones que incorporan el encuadre como elemento principal en su montaje.

 

-resaltar con contraste

Teóricamente esto podría significar todo tipo de contrastes, detalles, color o iluminación, etc.

Por supuesto, con una ilustración de color plano no podemos simplemente usar sombras dramáticas para enfocar nuestro elemento principal y dado que busco una apariencia bastante monocromática y detallada para adaptarse al estilo vintage, mis opciones son un poco limitadas.

Nos ocuparemos de esto después de que nos hayamos decidido por los colores.

Eligiendo tus colores

Si no está seguro de elegir una paleta de colores, hay algunos trucos útiles que puede probar:

 

Truco 1: elige tres colores base que te gustaría usar. Uno de ellos va a ser tu color fuerte (no lo uses demasiado)

Puedes ver en el siguiente ejemplo cómo comencé a usar los colores, los ajusté y los mezclé.

Truco 2: hay muchas paletas de colores de uso gratuito en línea y creo que son excelentes para tener una idea de qué colores funcionan bien juntos.

Estoy usando una de mis propias paletas de colores en este ejemplo, pero el principio sigue siendo el mismo.

Truco 2.1: Hay muchas herramientas en línea que puedes usar para generar una paleta de colores, ya sea a partir de fotos, al azar o con entrada parcial. Estas herramientas son un excelente punto de partida para su paleta de colores o simplemente para tener una idea de qué estado de ánimo de color podría funcionar con su ilustración.

Aquí hay algunas paletas que creé que creo que encajarían con mi ilustración:

Truco 3: usa los colores que te gusten, independientemente de si combinan bien y ajústalos después. Creo que la forma más fácil de ajustar los colores si eres un principiante es agregar una nueva capa, rellenarla con un color de tu agrado, cambiar el modo de capa ("color" o "tono" funcionan bien) y ajustar la opacidad.

Intenté visualizar esto:

Como ves en el ejemplo de arriba, elegí el color de la camisa para hacer mis ajustes. Dibujará todos los colores que usó más cerca del color que usó y esto hará que los colores armonicen más. Sin embargo, tenga en cuenta que, según el color que use, este método silenciará sus colores.

Si busca contrastes fuertes de tono o saturación, es posible que desee utilizar este método con más moderación.

Colorante

Como busco un aspecto vintage y un ambiente un poco sombrío en mi ilustración, voy a usar colores terrosos y apagados en recuerdo de los años 70.

En cuanto a los métodos, estoy usando una mezcla de algunos de los anteriores.

Comienzo con una sola capa de color en un tono medio violeta, encima de eso agrego la capa de color real pero bajo la opacidad al 70 % para que el violeta brille un poco. Esto está estrechamente relacionado con el truco 3.

Decidí usar la paleta de colores que mostré en el truco 2 "Máquina expendedora de los 70". Como sugiere el título, me inspiré en la década de 1970 para esta paleta, por lo que ya encaja con el tema.

Agrego algunos colores aleatorios en el medio para que los personajes sean reconocibles (OC) y mezclo algunos de los colores, pero sobre todo me atengo a la paleta sin cambios importantes.

También creo que es útil ajustar el brillo para llamar la atención sobre el punto focal elegido.

Por supuesto, podríamos lograr esto agregando sombreado, pero una "viñeta" funcionará bien y empujará las partes menos importantes de su dibujo al fondo.

 

Agregue una nueva capa primero. Con un color oscuro de su elección y un cepillo suave, pase por estas áreas, difumine el color un poco hasta que quede suave. Borra las partes que ocultan partes importantes de tu composición (con un borrador suave)

Por último, ajuste su modo de capa a "brillo". De esa manera, sus colores originales solo se verán afectados por la nueva capa en su brillo, no en el tono o la saturación. Ajuste la opacidad de la capa si es necesario.

Más detalles

Esta parte lleva bastante tiempo, pero creo que es muy divertida. Añade detalles a tus objetos pero solo con colores. Estos detalles no son importantes para la composición, así que no usaré dibujos lineales para llamar la atención sobre ellos, pero creo que agregan mucho encanto a una ilustración e implican una historia de lo que sucedió en tu escena.

Detalles que añadiré:

-detalles de la pared (papel tapiz, grietas, manchas y otros signos de uso)

-pinturas para los marcos en la pared

-detalles del piso (tarimas, manchas, huellas)

-detalles de la alfombra (patrones, signos de uso)

-detalles de tela (patrones en las cortinas y ropa)

-cubiertas de libros y detalles en el papel perdido

 

Para este nivel de detalle es una buena idea preguntarse "¿qué pasó aquí?", "¿quién vive aquí?", "¿cómo se trata este lugar?"

 

Consejos para colorear

La herramienta cubo:

-si su lineart está limpio, puede duplicar la capa de lineart y llenar los espacios vacíos con la herramienta de cubo

-si su lineart no está limpio, aún puede usar la herramienta de cubo, solo tiene que dibujar el contorno de la forma que desea colorear primero

 

Por defecto, el depósito solo debe cambiar la capa que ha seleccionado actualmente, si no se asegura de que su subherramienta esté configurada para "referirse solo a la capa de edición".

Cuando utilice la herramienta Cubo, asegúrese de marcar la casilla "aplicar solo a píxeles conectados", de lo contrario, estará recoloreando todas las áreas de ese color. Además, solo use la herramienta Cubo en la barra de herramientas para esto. El que está en su barra de archivos va a llenar toda su capa.

La herramienta de selección:

-si decide no usar líneas en su ilustración, la herramienta de selección puede ser una excelente manera de ahorrar tiempo en su proceso de coloreado

-por supuesto, también es una gran herramienta si tienes dibujos lineales en tu obra de arte

Hay diferentes formas predeterminadas que puede usar haciendo clic y arrastrando. Para formas más complejas, puede utilizar la herramienta "lazo" o "polilínea". Normalmente, el icono de la herramienta de selección representa la última subherramienta que utilizó.

¿Tu ilustración funciona en blanco y negro?

Esta es una excelente manera de verificar si su punto focal atrae la atención que desea. Ver tu ilustración en blanco y negro te permite concentrarte en tu composición sin distraerte con los colores.

Hay una manera fácil de lograr esto sin ajustar permanentemente los colores a través de filtros o corrección tonal:

Agregue una nueva capa y rellénela de blanco o negro, asegúrese de que esta capa esté por encima de todas las demás. Ahora configure el modo de capa en "color" y listo.

Este truco es útil cuando desea verificar su composición regularmente mientras colorea porque simplemente puede activar y desactivar la capa.

Coloreando el lineart

Me gusta colorear mi lineart, pero esto es más una preferencia personal que una elección estilística. Hará que tu ilustración parezca más suave, así que tenlo en cuenta.

 

Aquí hay algunas variaciones de coloración de lineart que consideré para esta ilustración:

• Lineart monocolor (tal vez un color de tu paleta, los colores más oscuros generalmente funcionan mejor porque el efecto de lineart no se pierde)

-lineart solo un poco más oscuro que el objeto que lo rodea (una sensación más suave para el lineart)

-mismo color que el objeto que lo rodea (para un efecto sin lineart). Esto probablemente no funcionará con todas las ilustraciones y el lineart limpio es una ventaja si decide utilizar este método. Dependiendo del nivel de detalle, es posible que deba volver a colorear el dibujo lineal en algunos lugares (como la cara).

-sin arte lineal. Esto puede verse muy bien, pero probablemente necesitará un poco de limpieza si decide eliminar el trabajo de línea en un momento posterior.

-lineart negro (esto siempre es una opción también)

La forma más fácil de colorear el lineart es "bloquear píxeles transparentes"

Cuando habilita esta opción para una capa, solo podrá dibujar en píxeles ya pintados, con su capa de lineart, eso significa solo en el área de lineart. Si usa un pincel grande para repasar todo a la vez, volver a colorear puede ser cuestión de segundos.

Decidí usar un violeta oscuro pero saturado para mi dibujo lineal: refleja mi color base.

Ajustes finales

Ya tengo algunas cosas en mente para finalizar esta ilustración:

-borrando el lineart

-algunos ajustes finales de color

-aberración cromática

-un efecto de ruido

 

Comencemos con el lineart borroso. Duplique su capa de lineart, con la capa inferior seleccionada, vaya a "filtro" - "desenfoque" - "desenfoque gaussiano" (asegúrese de que "bloquear píxeles transparentes esté desactivado nuevamente").

 

Debería aparecer una ventana como la que ves arriba. Fuerza 5 está bien para nuestros propósitos, no queremos perder el lineart después de todo, solo hacer que se vea un poco más suave). Haga clic en Aceptar cuando esté satisfecho con el desenfoque.

Es posible que no pueda ver el efecto al instante, por lo que este es el efecto en un primer plano:

Tenga en cuenta que tengo ambas capas de lineart visibles para esto.

Así es como se ve toda la ilustración con los contornos borrosos. No es un efecto muy destacado, pero se sumará a la sensación vintage en combinación con el filtro de ruido y la aberración cromática.

Hablando de aberración cromática, algunas herramientas de dibujo tienen un filtro para ello, que yo sepa, CSP no lo tiene, pero imitar este efecto no es difícil.

Nuevamente, comenzamos duplicando la capa de lineart dos veces esta vez, asegúrese de no usar la borrosa.

Las dos nuevas capas de lineart necesitarán alguna corrección tonal, vaya a "editar" - "corrección tonal" - "balance de color".

 

Aparecerá una ventana donde puede ajustar los colores de su capa. Uno de ellos debería tener ajustes como estos:

Y el otro debería tener ajustes como estos:

Deberías tener estas tres capas de lineart ahora:

Debe cambiar el modo de capa de los dos con corrección de color (rojo y azul) a "pantalla".

Ahora seleccione "escalar/rotar" en una de las barras de herramientas superiores.

 

Mueva una de las dos capas ligeramente hacia la izquierda y hacia arriba y la otra ligeramente hacia la derecha y hacia abajo. Ves lo que quiero decir en este primer plano:

Como puede ver, traté de mantener el lineart original y el color corregido en contacto, también bajé la opacidad de las dos nuevas capas al 25 por ciento.

Para los ajustes de color finales en esta ilustración, agregaré una nueva capa y la rellenaré con un degradado preinstalado.

Cuando hace clic en la herramienta de degradado, la barra de herramientas secundaria le ofrecerá una variedad de esquemas de color preinstalados para elegir.

Elegí "cielo del mediodía" - blanco a azul.

Agrega el degradado haciendo clic y arrastrando en la dirección que desea que siga el degradado. en este caso arrastré hacia arriba.

Después de eso, configuré el modo de capa para quemar color y ajusté la opacidad hasta que los cambios fueron más sutiles.

Agreguemos finalmente el filtro de ruido ahora.

Este paso va a imitar la calidad de imagen del material de imagen antiguo auténtico, es un filtro importante para las ilustraciones de estilo antiguo.

Agrega una nueva capa. Vaya a "filtro" en la barra superior y seleccione "renderizar" - "ruido perlin..."

Aparecerá una ventana como esta donde puede ajustar los detalles a su filtro de ruido generado.

Ves mis ajustes arriba, traté de hacer que pareciera un ruido blanco pero más pequeño. Cuando haga clic en "Aceptar", su nueva capa debería verse algo así:

Baje la opacidad al 20 por ciento y establezca el modo de capa en superposición, su ilustración ahora debería tener un ligero efecto de ruido.

Pero dado que la ilustración está en el lado más grande, agregaremos otra capa y repetiremos el proceso, solo que esta vez configure el control deslizante de "escala" de la ventana emergente de ruido perlin en 5.00.

Seleccione "superposición" para el modo de capa nuevamente y ajuste la opacidad al 10 por ciento.

Aquí hay un primer plano del efecto final para que puedas verlo en esta publicación:

¡Y hemos terminado!

Gracias por aguantarme hasta el final.

Espero que te haya resultado útil y hayas aprendido algo nuevo :3

¡Feliz creación!