Introducción

Hola a todos, soy Steele.

 

Cuando pensamos en cómo dibujar un objeto en 3D, pensamos en el dibujo en perspectiva, ¿verdad?

Pero existe otro método llamado ''dibujo isométrico'', que es un método excelente para dibujar algo en 3D, y más adelante hablaremos de qué es el dibujo isométrico y qué beneficios tiene este método.

 

Y en este tutorial, voy a compartir con ustedes varios consejos sobre cómo usar algunas reglas y otras funciones de Clip Studio Paint que pueden beneficiar aún más su flujo de trabajo!

¿Qué es el dibujo isométrico?

El término "isométrico" proviene del griego ίσο μέτρο “íso métro” que significa "medida igual", lo que refleja que la escala a lo largo de cada eje de la proyección es la misma.

 

Un dibujo isométrico es una representación 3D de un objeto como un edificio, una habitación o un diseño que a menudo utilizan artistas y diseñadores para representar formas 3D en un plano bidimensional. En este método, el objeto aparece como si se viera desde arriba, con los ejes dispuestos desde este punto de esquina. Los dibujos isométricos comienzan con una línea vertical a lo largo de la cual se definen dos puntos. Se toma un ángulo de 30 grados en todos sus lados para darle un aspecto 3D.

Debido a que todos los bordes de un objeto isométrico están inclinados en el mismo ángulo, se acortan por igual. Eso le permite tomar medidas de cada lado de un objeto usando la misma escala.

La gente tiende a confundirse con el dibujo entre el dibujo isométrico y el dibujo en perspectiva. Isométrico y Perspectiva son cosas diferentes.

Ambos, los dibujos isométricos y los dibujos en perspectiva de 1 punto, utilizan geometría y matemáticas para presentar representaciones 3D en superficies 2D. Y ahora les diré cuál es la diferencia entre estos dos.

Normalmente, nuestros ojos ven los objetos en perspectiva. Hay tres tipos de proyecciones en perspectiva: perspectiva de 1, 2 y 3 puntos.

 

Los dibujos en perspectiva de 1 punto imitan lo que percibe el ojo humano, por lo que los objetos aparecen más pequeños cuanto más lejos están del espectador. Este efecto se logra generalmente usando Puntos de Fuga. Dibujas tu primera línea vertical donde quieras, y luego simplemente extiendes las líneas diagonales a los puntos de fuga. El prisma rectangular de abajo está en esta perspectiva/proyección. Es un paralelogramo pero parece hacerse más pequeño lentamente.

 

 

Una vista isométrica es una vista en la que la imagen no tiene punto de fuga. Esto contrasta con un dibujo de imagen en perspectiva, que puede tener múltiples puntos de fuga. Un punto de fuga es donde las líneas paralelas convergen. No importa cuán lejos esté el objeto, la escala permanecerá igual. Esto hace que un dibujo isométrico sea más útil para representar la precisión, pero no crea una imagen muy artística o cómo los humanos percibimos el mundo que nos rodea normalmente.

 

La ventaja de dibujar de esta manera es que un objeto puede girarse, reubicarse y reorientarse libremente sin volver a dibujarlo. Tampoco hay cambio en el sentido de la escala cuando un objeto se mueve hacia adelante o hacia atrás. Con otras técnicas de dibujo como la perspectiva, no es posible reutilizar elementos ya dibujados. Deberán dibujarse desde cero.

 

Un dibujo isométrico no utiliza la perspectiva en su renderizado. Los dibujos isométricos son más útiles para dibujos funcionales que se utilizan para explicar cómo funciona algo, mientras que los dibujos en perspectiva se utilizan típicamente para dar una idea más sensorial de un objeto o espacio.

Los dibujos isométricos son muy útiles para artistas y diseñadores, particularmente arquitectos, diseñadores industriales y de interiores, e ingenieros, ya que son ideales para visualizar habitaciones, productos e infraestructura. Son una excelente manera de probar rápidamente diferentes ideas de diseño.

 

Una vista isométrica permite a los artistas crear un objeto 3D sin calcular cálculos complejos, escorzos y diferentes ángulos de cámara. Quizás por eso el dibujo isométrico también se usa ampliamente en videojuegos y en la ilustración moderna.

Preparación de herramientas

Antes de pasar a los temas principales, necesitamos tener herramientas que nos permitan dibujar en vista isométrica con mayor facilidad. Así que primero prepararemos las herramientas importantes que usaremos en nuestro dibujo isométrico.

 

Las herramientas principales que usaremos en el dibujo isométrico son dos: la regla de ajuste isométrico y la cuadrícula isométrica.

Con estas herramientas y otras funciones de Clip Studio Paint, nuestro trabajo en el dibujo isométrico será mucho más fácil.

Y les compartiré cómo hacer una regla de ajuste isométrico con una regla de perspectiva y consejos sobre cómo uso una cuadrícula isométrica en mi flujo de trabajo.

1. Primero, he creado un cuadrado con [Figura] > [Dibujo directo] > [Rectángulo] manteniendo pulsada la tecla Mayús para que sus escalas sean iguales.

2. Luego presiono [Ctrl+T] para [Transformación libre] el objeto que he creado.

3. Mantengo pulsada la tecla Mayús y hago clic fuera del cuadrado si pueden notar que el cursor ha cambiado, luego continúo rotando el objeto hasta que un lado de la esquina mire hacia el suelo. Y presiono la tecla [Intro] o hago clic en [OK] para confirmar el cambio

4. Después de eso, presiono [Ctrl+T] para [Transformación libre] el objeto nuevamente. Luego voy al menú [Propiedad de herramienta], desmarco Mantener relación de aspecto y cambio la relación de escala de Altura 100 a 60 y presiono [OK] para confirmar.

pueden ver que todos los ángulos del objeto serán de 30 grados, que son los ángulos utilizados en el dibujo isométrico.

5. Usaré [Figura] > [Crear regla] > [Regla de perspectiva] con una configuración predeterminada, creando 2 líneas de acuerdo con el objeto que he creado entre los dos lados como en la imagen de abajo.

para que esas líneas sean perfectamente paralelas entre sí, por si acaso uso [Regla de perspectiva] y luego cambio a Proceso a Infinitizar. Después de eso, hago clic en una de esas dos líneas para que queden perfectamente paralelas entre sí.

6. He repetido el mismo paso con el otro lado.

7. A continuación, he creado una regla para una línea vertical. Mantengan Mayús para hacer que esas líneas sean verticales y colóquenlas donde quieran que estén. ¡Ahora la regla de ajuste isométrico está completa!

Antes de que vayamos a probar la regla que he creado, asegúrense de que ya hayan ajustado la regla. Para que la regla tenga efecto en la línea, primero deben activar esa Regla de ajuste.

 

La forma más rápida es mirar la parte superior de la barra de comandos a la derecha.

1. A la izquierda está [Ajustar a la regla] La tecla de acceso directo es [Ctrl+1] este ajuste funcionará con [Regla lineal], [Regla de curva], [Regla de figura] y [Pluma de regla].

 

2. En el medio [Ajustar a regla especial] La tecla de acceso directo es [Ctrl+2] este ajuste funcionará con [Regla especial], [Regla de perspectiva] y [Regla simétrica].

 

3. A la derecha está [Ajustar a cuadrícula] La tecla de acceso directo es [Ctrl+3] para la Cuadrícula que creamos

A lo largo de mi flujo de trabajo, deshabilito y habilito el ajuste mucho, lo que a veces puede ralentizar mi flujo de trabajo. Así que, en lugar de hacer clic en ellos en la barra de comandos, tiendo a usar una tecla de acceso directo, me resulta mucho más fácil cambiar entre dibujo libre y dibujo con ajuste.

Después de activar el Ajuste, he probado las líneas en la regla para ver si funciona correctamente o no.

También pueden cambiar el color de su regla según sus preferencias, como la regla, la cuadrícula, etc. En la configuración de Preferencias.

Para quienes piensen que hacer una regla isométrica es demasiado difícil, ¡no se preocupen, ya he hecho una para ustedes!

Pueden descargar una regla isométrica y una cuadrícula isométrica en Clip Studio Assets que he creado desde el siguiente enlace.

Dentro de este catálogo de materiales también hay una cuadrícula isométrica. Así que se preguntarán por qué seguimos necesitando una cuadrícula isométrica si ya tenemos una regla de ajuste isométrico, ¿verdad? Pero cuando desactivo la regla de ajuste, necesito dibujar a mano alzada sin nada que guíe mi línea. Así que se puede decir que esta cuadrícula isométrica será útil cuando necesite trabajar a mano alzada como para esbozar.

 

Así que les compartiré cómo uso esta cuadrícula isométrica en mi flujo de trabajo.

Después de arrastrar una cuadrícula isométrica desde la Carpeta de Materiales al lienzo, aparecerá la capa de una regla isométrica.

 

Pueden reducir la opacidad de la capa para que sea menos prominente, a menudo reduzco la opacidad entre el 20% y el 40% dependiendo de lo que esté trabajando en ese proceso.

y no me gusta que mi cuadrícula isométrica sea de color negro porque uso el color negro para los bocetos y el arte lineal en mis trabajos y no quiero confundirme por el mismo color entre el arte lineal y la cuadrícula.

 

Para cambiar el color de la capa, deben ir a [Propiedad de capa] > [Efecto] > [Color de capa] en la configuración predeterminada de Clip Studio Paint, que será de color azul. Pueden cambiar el color según sus preferencias, hagan clic en la flecha junto al cuadro de color azul para cambiar el color o elijan su color y hagan clic en el cuadro de color azul.

A veces la cuadrícula es demasiado grande o demasiado pequeña. Pueden usar [Operación] > [Objeto] hacer clic en la cuadrícula isométrica y rotar o reescalar según sus preferencias.

Eso es todo por la preparación de herramientas. Después de aprender a usar estas herramientas, el dibujo isométrico será mucho más fácil que antes.

Cómo dibujar una casa isométrica

En este tema, voy a dibujar una casa sencilla de estilo medieval con la ayuda de la regla y la cuadrícula isométricas que he creado. También compartiré algunos consejos sobre cómo usar Clip Studio Paint para facilitar mi flujo de trabajo.

 

Primero, dibujo una estructura sencilla para ver cómo se verá mi edificio de la manera más simple posible. Así que, en lugar de lanzarme a dibujar mi edificio en vista isométrica, simplemente dibujo la vista frontal y la vista izquierda del edificio. Esta técnica me da suficiente información de los diferentes lados del edificio en 2D (porque dibujar un objeto en 2D es mucho más fácil que dibujar en 3D) antes de que los ensamblemos.

 

(Recuerden, esta técnica es opcional, pueden simplemente saltar y dibujar o esbozar en vista isométrica. Esta técnica que estoy a punto de realizar es solo para que conozcan una forma diferente de crear un dibujo isométrico.)

Luego, hago un boceto muy suelto de mi casa para ver cómo se verá mi edificio desde los diferentes lados.

El edificio es muy simple, ya que la forma principal del edificio es un rectángulo. Después de los bocetos, pueden decir cómo se verá este edificio porque ya hemos dado mucha información a los diferentes lados.

 

no los dejen en la misma capa, simplemente manténganlos en una capa diferente porque cuando uso [Ctrl+T] para [Transformación libre] la capa, puedo transformarlos libremente uno por uno.

Después de asegurarme de que todo está listo, coloco mi cuadrícula isométrica en su lugar. lista para ensamblar mi casa de la vista 2D a la vista isométrica 3D.

 

Y también establezco una escala en mi casa desde cada lado del edificio. esto me permite averiguar dónde ensamblar mi manguera a una cuadrícula isométrica que acabo de crear.

 

Así que el tamaño de mi edificio es (4+1x5x5) 1 caja será igual a 1 caja en la cuadrícula isométrica.

Luego, dibujo una línea roja de acuerdo con el tamaño de mi edificio. estas líneas me ayudarán a ver cómo se verá mi edificio en la cuadrícula isométrica.

A continuación, estoy preparando mi casa lista para ensamblar, comenzaré con la vista frontal.

1. Hagan clic en la capa de la vista frontal de la casa y usen el atajo [Ctrl+Mayús+T] para [Transformación libre] el objeto.

2. Después de eso, hago clic en el cuadro de la esquina. Luego arrastro cada esquina del objeto a un lugar donde quiero que esté, como en la imagen GIF de abajo.

 

3. arrastren cada esquina del objeto para alinearlas con la línea roja del edificio que he creado. Como en la imagen superior. 4. Repitan el mismo paso para la vista lateral.

¡Hecho!

 

Los resultados me salieron muy mal porque no me adapto a esta técnica, así que la hice bastante mal, LOL (lo siento por eso). Pero aún así, creo que esta técnica es muy efectiva y fácil de realizar. También les ayuda a saber cómo crear un dibujo isométrico de una manera diferente, que convierte un dibujo 2D simple en un dibujo 3D.

 

Así que, pasemos al siguiente proceso.

A continuación, sigo colocando una regla isométrica en mi lienzo, lista para dibujar en vista isométrica.

Dibujo una estructura y añado profundidad a mi casa con formas geométricas como un cubo y una pirámide en la parte superior de mi casa ensamblada, para ver cómo se verá el edificio en general en vista isométrica. Y dibujo la línea donde se colocarán la puerta y las ventanas en el edificio según nuestro boceto.

 

En este proceso, la regla de ajuste es muy útil ya que la mayor parte del dibujo es una línea recta que es paralela a la regla isométrica.

 

Creo que esta es la parte más importante de todo el proceso, donde necesitamos encontrar la estructura del objeto que representamos en vista 3D o isométrica. Así que tómense su tiempo al dibujar la estructura de su edificio.

Después de terminar de dibujar la estructura de la casa, empiezo a dibujar la línea real en mi casa y oculto la casa ensamblada ya que no la necesito más, pero todavía la uso como referencia de mi edificio. He añadido algo de profundidad y le he dado un aspecto claro a la escalera del edificio.

Cuando se trata del tejado, necesito usar la herramienta que pueda dibujar líneas paralelas entre sí, ya que la regla de ajuste isométrica que he creado no puede dibujar la línea que va en contra de la regla (esto es algo que la regla isométrica no puede hacer. así que a veces necesito usar otras reglas para cumplir esta función)

 

Así que, voy a crear otra regla que pueda hacer este trabajo por mí.

1. Vayan a [Figura] > [Crear regla] > [Regla especial] > [Propiedad de herramienta] cambien la regla especial a [Línea paralela].

2. Colóquenla y ajústenla en los ángulos de la línea que quieran dibujar. Todas las líneas que dibujen cuando esta regla especial esté presente serán paralelas entre sí.

Pueden ver que la regla especial funciona perfectamente. Pueden cambiar los ángulos de la regla con la herramienta [Objeto].

Pero cuando la capa de la regla especial está presente, de alguna manera desactiva automáticamente mi regla de ajuste isométrica. Para activarla o poder ajustarla de nuevo, pueden ir a [Operación] > [Objeto], hagan clic en la regla que desean activar de nuevo. Después de eso, vayan a [Propiedad de herramienta] > y asegúrense de marcar ''Regla de ajuste''.

 

Y ahora su regla está activa y lista para usar de nuevo.

A continuación, dibujo la chimenea en la parte superior del tejado y añado algunas líneas guía en la parte inferior del edificio y la chimenea en el tejado, preparándome para un panel de piedra en el siguiente proceso.

Continúo dibujando un panel de piedra a partir de la guía que dibujé antes a mano alzada sin la regla isométrica. Intento hacerlos pequeños y grandes, ya que un panel de piedra se compone de diferentes tamaños y formas de piedras.

Después de terminar de dibujar esa parte, ajusté la línea alrededor de un panel de piedra para que coincidiera con la roca del borde. Con la intención de añadir profundidad a mi casa.

Llegando a la parte principal del edificio, dibujo un entramado de madera alrededor del edificio. Y he añadido el marco de las ventanas y la base de la puerta de madera basándome en la estructura/boceto del edificio que he creado. Después de eso, he añadido algo de profundidad a cada entramado de madera para darle un aspecto más 3D.

 

La mayor parte de esta parte, he usado Isometric para dibujar estos entramados de madera y ventanas.

 

Después de añadir los entramados y las ventanas, oculto la capa de la estructura ya que ahora mi casa ya tiene una forma clara. Empiezo a añadir contrafuertes de madera que conectan cada entramado (a menudo vistos en estilos de edificios medievales). Con estos entramados y contrafuertes le doy un aspecto medieval a mi edificio.

 

En este proceso, he usado [Regla lineal] para guiar mi línea y mi mano alzada para dibujar estos contrafuertes.

Una vez terminada la parte principal del edificio, la teja del tejado es lo único que me queda por dibujar en el proceso.

 

Necesito asegurarme de que mis tejas sean paralelas entre sí, luego dibujo una guía con la regla isométrica que me ayuda a prepararme para el siguiente proceso.

He continuado añadiendo detalles al tejado, dibujándolos uno por uno. En este proceso es similar al panel de piedra. Intento dibujar a mano alzada, es muy lento, usando las líneas que he creado e Isometric para guiar mis ojos. También tiendo a dibujar la forma independiente de cada teja, evitando el aspecto aburrido.

 

Después de terminar cada parte del edificio, intento arreglar y añadir algunos pequeños detalles a mi edificio.

He eliminado la capa o la he ocultado porque ya no la necesito. Luego, quiero rellenar mi edificio con color que me ayudará a pintar sombras en el siguiente proceso. así que elijo esta técnica para rellenar mi casa.

 

1. Primero, selecciono la capa de la casa o mi capa de arte lineal.

2. Establezco esta capa como [Capa de referencia] (Después de eso, pueden ver el mismo logo aparecer en la parte frontal de la capa)

3. Selecciono [Selección automática] > [Referir solo a capa de edición] > [Propiedad de herramienta] marco ''Referencia múltiple'' > y elijo ''Capa de referencia'' (Con esta configuración, dondequiera que uses esta herramienta, todo se basará en la capa de referencia).

4. Una vez que la configuración está establecida, he creado una [Nueva capa] para que sea mi capa de color.

5. He usado [Referir solo a capa de edición] > hago clic en el exterior del edificio y el área de selección aparecerá en el lienzo.

6. Pueden ver el mini-menú que aparece en la parte inferior de la selección. Hago clic en [Invertir área seleccionada] y pueden ver que el área seleccionada se invierte al espacio dentro del edificio.

7. Después de eso, elijo el color que quiero que sea mi color base. > Luego hago clic en [Rellenar] en el mini-menú para rellenar el área con el color elegido.

 

¡Hecho!

 

Esta técnica es muy rápida y muy efectiva para rellenar un área o un objeto, la cual uso mucho en mi flujo de trabajo.

A continuación, añadiré una sombra al edificio y también les compartiré un consejo sobre cómo creo una sombra proyectada en el dibujo 3D.

Cómo dibujar sombras proyectadas

En este tema, hablaré sobre la sombra propia y la sombra proyectada y les compartiré cómo uso la regla de perspectiva en Clip Studio Paint para encontrar la sombra proyectada de mi objeto en vista 3D. Esta técnica funciona muy bien tanto con la vista en perspectiva como con la vista isométrica. Así que, hablaré sobre la diferencia entre la sombra propia y la sombra proyectada. La sombra proyectada es la oscuridad que resulta porque un objeto bloquea la luz para que no incida en otro objeto. La luz de otras fuentes cambiará la apariencia de la sombra. A menudo, la sombra más alejada del objeto será menos oscura y menos nítida. En esta imagen, fíjense en que la luz que se refleja de la jarra ilumina una parte de la sombra del bloque que tiene delante. La forma de la sombra proyectada es importante, ya que puede dar pistas al espectador sobre la forma del objeto. La sombra propia es la parte oscura de un objeto que no recibe luz. La parte frontal de una jarra, por ejemplo, refleja la luz hacia el espectador y la parte posterior está en sombra. La jarra proyecta una sombra en el suelo y la pared. Las sombras propias pueden informar al espectador sobre la forma del objeto en la escena, mientras que las sombras proyectadas implican la forma del objeto y la dirección de la luz.

Este método fue utilizado por una perspectiva de 2 puntos. Luego, hablaremos sobre este método en una vista 2D para una mejor comprensión de cómo funciona.

 

1. [Fuente de luz] es el primer punto de fuga en esta perspectiva. Cada línea de luz se producirá por este punto de fuga.

 

2. [Dirección de la luz / Punto de fuga de la sombra] es el segundo punto de fuga en esta perspectiva. Esta luz nos dirá dónde está la dirección de la luz y cómo se verá la sombra.

 

3. [Ángulo de luz] es la luz o la línea producida por la fuente de luz. El ángulo de luz se extenderá hacia afuera y sobre las esquinas superiores de la forma hacia el suelo. Y donde la línea de los ángulos de luz y las líneas de dirección de la luz se intersecten, se creará una marca de una forma real de sombra proyectada que se proyecta en el suelo.

Después de aprender cómo funciona este método, lo probaré en una vista isométrica 3D real. Primero, voy a [Capa] > [Regla - Marco] > [Crear regla de perspectiva].

Después de hacer clic en él, aparecerá un mini menú. Luego, elijan [Perspectiva de 2 puntos] > y hagan clic en ''OK''.

Creará una nueva capa y la perspectiva de 2 puntos aparecerá en el lienzo.

 

Primero, necesitamos saber cómo funciona la perspectiva además de crear una línea que siga el punto de fuga. Usaré la herramienta [Operación] > [Objeto] para mostrarles cómo cambiar esta regla de perspectiva de 2 puntos a una perspectiva de 2 puntos que usaremos para predecir la sombra proyectada.

 

Les explicaré qué hacen estos puntos en la regla de perspectiva y cómo usarlos para personalizar la regla.

1. Muevan la posición del punto de fuga según la línea del horizonte.

2. Muevan la línea guía del punto de fuga.

3. Muevan la línea del horizonte de la regla.

4. Giren la línea del horizonte de la regla.

5. Giren la línea guía del punto de fuga.

Una mejor manera de entender cómo funciona esta regla es simplemente intentando jugar con ellos y probar de varias maneras.

He creado un cuadrado en el lienzo y he colocado mi cuadrícula isométrica en su lugar.

 

Continúo personalizando la regla, presiono [Mayús] y giro la línea del horizonte a una línea vertical.

Y la muevo al lado izquierdo de mi objeto.

Después de establecer el punto de fuga y mi regla de perspectiva en su lugar. He añadido el color a la línea para que sepan de dónde vendrán la fuente de luz y la dirección de la luz, listo para realizar el siguiente proceso.

A continuación, continúo añadiendo la línea del ángulo de luz que produce la fuente de luz hacia afuera y sobre la parte superior de cada esquina del objeto.

También pueden añadir la guía a la regla, en lugar de dibujar la línea una por una.

Pueden ir a [Regla de perspectiva] > cambien el proceso a [Añadir guía].

Colóquenlos en cada esquina del objeto y ajústenlos según su referencia. Esta herramienta es realmente muy útil ya que no necesitamos dibujar una línea desde cero, simplemente pueden colocar la guía en la esquina y seguirá automáticamente el punto de fuga de la regla.

 

Pero como quiero compartir el método con todos los que trabajan en papel y otros programas que no tienen las características de Clip Studio Paint, seguiré haciéndolo como el original de este método.

Continúo dibujando líneas de dirección de luz hacia el objeto sobre cada esquina.

Una vez que ya tengo tanto las líneas de ángulo de luz como las líneas de dirección de luz, tengo que encontrar dónde está el punto de intersección. Luego continúo marcando cada punto de intersección en el suelo para predecir la forma de la sombra proyectada.

 

 

A continuación, cuando ya he localizado dónde estará la sombra proyectada, he rellenado esas áreas con color gris oscuro en el suelo. Y he añadido sombra propia a mi cuadrado. ¡Hecho! Todo parece tan fácil, ¿verdad? Sí, lo es, porque el objeto de la sombra proyectada es tan simple que no será demasiado difícil de predecir ya que el objeto es un cuadrado simple. Pero en un objeto complejo es una historia diferente para mí, cuanto más complejo sea el objeto, mayor será la sombra. Así que tengan cuidado al usar esta técnica.

Después, ya tengo una sombra proyectada del primer objeto. Pueden intentar probar cómo otros objetos interactúan con la misma fuente de luz y cómo se verá la sombra que proyectan.

Creo que es hora de usar esto en mi trabajo real. Luego, he creado una perspectiva de 2 puntos y he girado la línea del horizonte y la he colocado fuera de mi lienzo a la derecha. Y después de eso, he ajustado 2 de mis puntos de fuga de mi regla que serán la fuente de luz y la dirección de la luz en el siguiente proceso.

Asegúrense de que su regla esté en su lugar. Luego continuaré dibujando la estructura de mi edificio nuevamente, ya que mi antiguo boceto de estructura es demasiado desordenado.

 

En este proceso, usaré [Línea recta] para dibujar mi estructura.

Mantengo pulsada la tecla [Mayús] y dibujo la casa con formas simples como en el primer boceto. Necesito la forma simple para ver la estructura real del edificio porque voy a dibujar la línea en cada esquina del edificio para encontrar una sombra proyectada. Deben tener en cuenta que, cuando se trata de esta parte, si algo sale mal en este proceso, sus siguientes procesos también saldrán mal.

Cuando ya tengo la estructura de mi edificio, dibujo la línea de ángulos de luz que proviene de la fuente de luz. Dibujo la línea en cada esquina que creo que me ayudará a encontrar una sombra proyectada en el suelo.

Después de eso, dibujo la línea de dirección de la luz tratando de encontrar el punto de intersección.

Ahora pueden ver muchas de esas líneas en mi edificio. Incluso en esta casa de formas simples, me confundirá. Intenten hacerlo muy despacio, corrijan la línea que está en la esquina equivocada o no.

 

 

A continuación, tengo tanto las líneas de ángulo de luz como las líneas de dirección de luz. Comienzo a encontrar los puntos de intersección en el suelo. Y después de encontrar dónde están esos puntos de intersección, comienzo a conectar los puntos de intersección entre sí, creando una forma de sombra proyectada en el suelo. Pero tengan cuidado, si su estructura es incorrecta, su línea también lo será. Cuando algo sale mal en su flujo de trabajo, traten de buscar la causa del problema y corríjanla inmediatamente.

He rellenado esa área con color gris oscuro y he ocultado la capa de estructura y la regla de perspectiva que ya no necesito. Y he ajustado algunas formas en la sombra proyectada para que coincidan con el aspecto del edificio real.

Luego, creo una nueva capa encima de mi color base. Y configuro la capa para [Recortar a la capa inferior]. Estoy a punto de añadir sombra propia al edificio con esta capa.

He añadido la sombra propia a la parte de mi casa que no estaba en contacto con la luz. Y también he añadido el detalle al marco de madera y al tirante que se esconden de la línea, dándole al edificio un aspecto muy 3D.

 

Después de añadir sombra a todas las partes ocultas del edificio, usaré [Aerógrafo] > [Suave] para oscurecer algunas partes de mi edificio con este aerógrafo.

He creado 2 nuevas capas encima de la capa de ''sombra propia'' y la capa de ''sombra proyectada'' y he configurado ambas capas para [Recortar a la capa inferior].

Después de terminar con la configuración de la capa, comienzo a pintar en la parte más oscura del edificio o la parte que está muy oculta de la luz con un color más oscuro que el color de la sombra propia.

A continuación, he notado que el borde de mi sombra proyectada es demasiado duro para la sombra proyectada. La forma de la sombra proyectada se vuelve más nítida dependiendo de la distancia entre el objeto y la sombra proyectada. Pero en mi caso, creo que está bien añadir un borde suave ya que la sombra proyectada no se acercó demasiado al edificio ni se alejó demasiado. Luego, he seleccionado la capa base de la sombra proyectada y he ido a [Filtro] > [Desenfoque] > [Desenfoque gaussiano] y he hecho clic en él.

Aparecerá el mini menú de la ventana, esto me permite ajustar cuánto quiero que se difumine mi capa seleccionada. Y no olviden marcar [Vista previa] en la parte inferior derecha, para previsualizar cuánto cambia el desenfoque la forma de nuestra capa seleccionada. Así que, jugando con la configuración, encontré que 30 era mi elección perfecta, así que hago clic en [OK] para confirmar el cambio.

¡Hecho! He terminado de añadir tanto la sombra propia como la proyectada a mi pieza.

prueba

Dibujar un edificio complejo

Después de saber qué es el dibujo isométrico y cómo dibujar una casa básica en vista isométrica y también cómo predecir sombras proyectadas en vista 3D. Ahora, les mostraré cómo dibujar un edificio que tenga más detalles y sea más complejo que la casa básica. En realidad, el proceso de cómo creo este edificio es el mismo que antes, la única diferencia es que necesito trabajar más en el edificio que voy a crear. En lugar de dibujar la vista frontal o lateral, a diferencia del primero, simplemente salto al boceto porque sé que solo la vista frontal y lateral no me dan suficiente información para ver cómo se verá mi edificio (todavía pueden usar ese método, pero es un poco confuso si hay muchas formas diferentes en un solo edificio). Configuro mi regla isométrica y mi cuadrícula isométrica en su lugar y empiezo a esbozar en el lienzo. Como esto es un boceto para ver el aspecto real del edificio. Desactivo la regla isométrica y boceto a mano alzada con la única ayuda de la cuadrícula isométrica que me ayuda a guiar mi línea.

 

 

Después de quedar satisfecho con el resultado, paso a buscar una estructura clara para mi edificio. Luego, no solo he creado una [Nueva capa] para mi línea de estructura, sino que también he creado una [Nueva carpeta de capas] para esto, ya que la estructura de mi edificio tiene sus propias formas independientes, por lo que merecen su propia capa para ello.

He bajado la [Opacidad] de mi casa a alrededor del 25%, preparándome para el siguiente proceso.

 

Las herramientas que voy a usar en este proceso son [Dibujo directo] > [Línea recta].

He usado [Línea recta] y, con la ayuda de la regla isométrica, he creado la estructura del edificio principal con la línea roja.

 

En algunas partes del edificio que mi regla isométrica no puede dibujar, como un tejado, presiono la tecla [Mayús] y luego arrastro la línea hasta donde quiero que esté. Con esta técnica y herramienta, mi flujo de trabajo es mucho más fácil.

 

Después de terminar con el edificio principal, comienzo a dibujar otras partes del edificio usando una capa separada.

En esta capa, voy a usar un color azul para dibujar la otra parte del edificio.

Después de terminar de dibujar la estructura del edificio, les mostraré cómo crear un círculo en vista isométrica con la ayuda de las funciones de Clip Studio Paint. Ya que algunas partes de mi edificio necesitan usar un círculo para dibujar la estructura de esa parte.

 

El primer método que les voy a mostrar es la [Regla de figura] que crea figuras como Rectángulo, Elipse, Polígono que su línea seguirá esa figura.

Así que les mostraré cómo he usado esta herramienta en mi flujo de trabajo.

 

Primero, he seleccionado [Regla de figura] > [Propiedad de herramienta] > y he elegido ''Elipse'' en la configuración de figura.

Después de eso, presiono la tecla [Mayús] para que la escala de mi círculo sea igual entre sí y dibujo la [Regla de figura] en el lienzo.

Cuando ya tengan un Círculo en el lienzo, cambio la herramienta a [Objeto] > uso la herramienta de objeto y hago clic en el círculo en el lienzo > [Propiedad de herramienta] > cambio el ''modo'' a [Transformación libre].

después de cambiar el modo a transformación libre, podrán ajustar como normalmente se hace con la transformación libre. He hecho clic en el círculo que he creado, y he arrastrado cada esquina del círculo para que coincida con una cuadrícula que he creado con la regla isométrica.

 

¡Hecho! ¡Ahora tengo un círculo en vista isométrica! La ventaja de la regla de figura es que les permite controlar la presión de las líneas dentro de la figura, lo que es adecuado para usar en el proceso de arte lineal.

Otro método es simplemente usar [Elipse] y dibujar en la cuadrícula.

Este método es muy rápido y efectivo, pero carece de interés ya que crea la línea sin la presión o el tamaño de la línea, lo que hace que este método sea adecuado para el proceso de boceto o estructura.

Continúo dibujando el resto de la estructura del edificio con formas geométricas de color púrpura.

 

Pueden ver en el edificio que he usado [Elipse] para dibujar el círculo, que será la estructura principal de esa parte.

Cuando termino con la parte de la estructura, he creado una nueva capa y dibujo el arte lineal en el edificio basándome en la carpeta de estructura. Empiezo con el edificio principal y las ventanas pequeñas.

Cuando se trata de la parte de arte lineal, ya no puedo usar [Línea recta] para crear la línea que la regla isométrica no puede realizar, ya que necesito crear una línea suave o darle algo de presión a la línea.

 

Así que cambiaré de usar [Línea recta] > [Regla lineal].

He usado múltiples reglas lineales para dibujar el cono de mi edificio, luego dibujo la línea en la regla controlando la presión de mi línea. Como esta imagen GIF de abajo.

 

Y continuaré usando esta herramienta con el resto de la parte que la regla isométrica no puede hacer.

Después de terminar con la otra parte del edificio. Notarán la línea que aún es visible detrás del nuevo edificio. Y usaré [Máscara de capa] para ocultar estas líneas en lugar de eliminarlas para siempre.

He seleccionado la capa del edificio principal > hago clic en [Crear máscara de capa] y verán el cuadro aparecer junto a la capa del edificio principal > asegúrense de seleccionar ese cuadro blanco para editar la capa de máscara.

Después de asegurarme de que han seleccionado la capa de máscara > he usado [Borrador] para borrar las partes que quiero ocultar. Pueden notar que la miniatura de la capa cambiará.

 

Tiendo a usar mucho este método cuando se trata de la parte de boceto o arte lineal. En lugar de eliminar la línea que no quieren, simplemente pueden ocultarla con una máscara de capa.

A continuación, creo una nueva capa y añado algunos bocetos o líneas guía que me ayudarán a añadir detalles en el futuro como ventanas. tejas, paneles de piedra. uno con color rojo y otro con color púrpura.

¡Una de mis partes favoritas de todo el proceso es dibujar un panel de piedra! Dibujo esas piedras muy lentamente y me aseguro de que tengan sus propias formas independientes para darle un aspecto más realista al panel de piedra. Y tiendo a dibujar una línea oscura en el lado que mira hacia el suelo y hacer que el lado que mira hacia arriba sea más brillante. Durante esta parte, dibujo la piedra a mano alzada con la ayuda de la isométrica y la línea guía, lo que lo hace mucho más fácil.

Después de terminar con el panel de piedra, continúo dibujando las tejas del tejado con una línea morada que he creado, guiando mi línea una por una. Decidí dibujar las tejas del tejado en el edificio principal primero para ver cómo se verá mi tejado.

después de terminar con el edificio principal, continúo dibujando las tejas del tejado en el resto del edificio a mano alzada.

Después de terminar de dibujar las tejas, he ocultado la guía de tejas y paso a la siguiente parte. A continuación, he dibujado unas ventanas de tejado en la parte superior del edificio con una línea rosa. Después de quedar satisfecho con el boceto, continúo dibujando la línea real en las ventanas de tejado. En la mayor parte de esta sección, he utilizado la regla isométrica para dibujar los marcos de las ventanas y les he añadido algo de profundidad.

Continúo dibujando ventanas en el resto del edificio. Pero esta vez voy a usar la [Regla simétrica] para dibujar mis ventanas en la torre y en el edificio pequeño.

Esta regla simétrica reflejará la línea desde el lado opuesto de la regla, adecuada para dibujar algo como ventanas de vista frontal.

 

Para colocar la regla en el lienzo, presiono la tecla [Mayús] para que quede recta y vertical > y continúo la ventana fácilmente con la ayuda de la Regla simétrica.

Después de eso, copio la capa de la ventana con [Ctrl+C] > y la pego [Ctrl+Y] creando una copia de la ventana en la parte superior de la capa. Luego, he usado el atajo [Ctrl+Mayús+T] para [Transformación libre] el objeto.

Y uso el ratón para arrastrar la esquina hacia el lado derecho, como en la imagen GIF de abajo.

He repetido el mismo paso que en el lado izquierdo del edificio pequeño.

y repito este método también para las ventanas de la torre.

Después de terminar de añadir ventanas al edificio, he añadido un entramado de madera al edificio principal. También he añadido un letrero de madera y otros detalles al edificio.

Dibujo la primera ventana con la ayuda de la regla isométrica en el lado izquierdo del plano.

Después de dar suficientes detalles a la ventana, los copio y pego en el espacio en blanco del edificio.

Creo que he terminado con la parte del arte lineal, así que continuaré añadiendo solo una sombra propia a la construcción. Ya que este edificio es más complicado que el primero, he decidido no hacerlo (es demasiado difícil).

igual que el primer edificio,

 

1. Primero, selecciono la capa de la casa o mi capa de arte lineal.

2. Establezco esta capa como [Capa de referencia] (Después de eso, pueden ver el mismo logo aparecer en la parte frontal de la capa)

3. Selecciono [Selección automática] > [Referir solo a capa de edición] > [Propiedad de herramienta] marco ''Referencia múltiple'' > y elijo ''Capa de referencia'' (Con esta configuración, dondequiera que uses esta herramienta, todo se basará en la capa de referencia).

4. Una vez que la configuración está establecida, he creado una [Nueva capa] para que sea mi capa de color.

5. He usado [Referir solo a capa de edición] > hago clic en el exterior del edificio y el área de selección aparecerá en el lienzo.

6. Pueden ver el mini-menú que aparece en la parte inferior de la selección. Hago clic en [Invertir área seleccionada] y pueden ver que el área seleccionada se invierte al espacio dentro del edificio.

7. Después de eso, elijo el color que quiero que sea mi color base. > Luego hago clic en [Rellenar] en el mini-menú para rellenar el área con el color elegido.

He creado una [Nueva capa] y he configurado la capa para [Recortar a la capa inferior] encima de la capa de color base, preparándome para el siguiente proceso.

Después de eso, he pintado el color más oscuro en el edificio. En este proceso de añadir sombra, intento imaginar de dónde vendrá la dirección de la luz y cómo se verá la sombra propia.

Principalmente he pintado la mayor parte de la que estoy muy seguro de que esas partes estarán cubiertas por la sombra.

A continuación, creo una [Nueva capa] para añadir detalles a mi edificio, como paneles de piedra y entramados de madera.

He continuado pintando esas partes en el resto del edificio. Pueden ver la diferencia de antes, este proceso le da un aspecto significativo a mi edificio.

Incluso habiendo ocultado la capa de arte lineal, todavía se puede apreciar cómo se verá la forma del edificio. Gracias a la sombra propia.

Finalmente, he llegado al proceso final. Después de añadir sombra a todas las partes ocultas del edificio, usaré [Aerógrafo] > [Suave] para oscurecer algunas partes de mi edificio con este aerógrafo.

He creado una nueva capa encima de la capa de ''sombra propia'' y he configurado esta capa para [Recortar a la capa inferior].

Una vez terminada la configuración de la capa, comienzo a pintar en la parte más oscura del edificio o la parte que está muy oculta de la luz con un color más oscuro que el color de la sombra propia.

 

Pueden ver el cambio en esta imagen GIF de abajo.

Palabras del autor

¡Muchas gracias por leer este tutorial! Cuando estaba trabajando en este tutorial no esperaba que fuera tan largo, jaja, ¡gracias por tomarse su tiempo para leer mi tutorial!

Espero que este tutorial les ayude a entender cómo funciona el dibujo isométrico.

 

Si tienen alguna pregunta, por favor dejen un comentario abajo, ¡nos vemos en el próximo tutorial!