¡Guía paso a paso para crear una ilustración isométrica!

26 928

CountChocula

CountChocula

Hola a todos, mi nombre es Sasha! En este tutorial, repasaré cómo hacer un dibujo isométrico en Clip Studio Paint, de principio a fin, ¡usando un método muy simple! He incluido un vídeo y una guía explicativa paso a paso para que le eches un vistazo. ¡Disfrutar!

Pasos para hacer un dibujo isométrico

Paso 1: Comprensión del arte isométrico

 

Paso 2: Comenzar un dibujo, desde la investigación hasta los bocetos.

 

Paso 3: de un boceto a un dibujo isométrico

 

Paso 4: de un boceto isométrico a una pintura final

 

Paso 1: Comprensión del arte isométrico

Un dibujo isométrico es una representación tridimensional de un objeto, en una superficie bidimensional. La particularidad de un dibujo isométrico es que es una representación de un objeto, que no se ve afectado por ninguna distorsión.

UN DIBUJO ISOMÉTRICO EN COMPARACIÓN CON UN DIBUJO EN PERSPECTIVA

Cuando miramos las cosas a través de una lente, distorsionamos la realidad. Todos sabemos que una característica definitoria de un cubo es que sus dos aristas son paralelas. Sin embargo, si tuviera que tomar una foto de un cubo, notaría que, de manera prolongada, estos bordes terminan encontrándose en alguna parte, por lo que no aparecen paralelos. Se encontrarían en un punto, que llamamos, un punto de fuga. Nuestro ojo funciona de la misma manera que la lente de una cámara, por eso, ¡las cosas parecen más pequeñas cuanto más se alejan!

Un dibujo en perspectiva puede tener hasta 6 puntos de fuga, cuantos más puntos de fuga, más distorsionado se vuelve. No hace falta decir que un dibujo isométrico no incluiría ningún punto de fuga, ni línea de horizonte, ¡qué más fácil que eso podría ser!

 

UN DIBUJO ISOMÉTRICO EN COMPARACIÓN CON OTROS TIPOS DE PROYECCIONES AXONOMÉTRICAS

Espera, distinguimos un dibujo isométrico de un dibujo con perspectiva lineal, pero cualquier dibujo sin perspectiva no es necesariamente isométrico. El dibujo isométrico pertenece a una categoría mayor, pertenece a la categoría de proyecciones axonométricas. ¡No dejes que esta complicada palabra te engañe! En realidad, es un concepto muy simple. Una proyección axonométrica es cualquier representación donde las líneas entre el objeto y el plano de la imagen son paralelas. En otras palabras, es una proyección con un punto de fuga que se establece en el infinito.

 

 

Hay tres tipos de proyección axonométrica, la proyección dimetrica, más utilizada en los videojuegos, la proyección trimétrica y la proyección isométrica. La particularidad de la proyección isométrica es que los tres ejes, x, y, yz están igualmente acortados. Para que todos los ejes se acorten por igual, todos los bordes de una forma isométrica deben estar inclinados en el mismo ángulo, un ángulo de 30 grados, como se muestra en el dibujo siguiente. Este tipo de dibujo lo utilizan a menudo ingenieros y, en ocasiones, arquitectos. ¡También suelen ser utilizados por ilustradores! En mi opinión, son un gran toque si quieres que tu dibujo luzca futurista.

 

¡Ahora pasemos a la parte del dibujo!

Paso 2: Comenzar un dibujo, desde la investigación hasta los bocetos.

Este paso a menudo se pasa por alto, ¡pero en realidad es un paso crucial! Lo mantuve breve ya que el tutorial se centra en cómo hacer una ilustración isométrica.

Durante este paso, no se moleste en intentar que parezca isométrico, ¡sea lo más libre posible!

 

Lo primero que quieres tener es una idea. ¿Qué historia quieres contar a través de tu dibujo?

Si no tiene inspiración, puede buscar en sitios web de fotografía, puede ver imágenes en las redes sociales, puede ver capturas de pantalla de películas (filmgrab.com), incluso puede dar un paseo, desplazarse por fotos antiguas, leer poemas, ¡cualquier cosa realmente podría ser una inspiración!

Algunas de las preguntas que debería hacerse son las siguientes:

  • ¿Cuál es el estado de ánimo? Feliz, aterrador, misterioso…?

  • ¿Cuál es la época del año?

  • Cual es la hora del dia

  • ¿Quienes son los personajes?

  • ¿Qué mensaje quieres transmitir?

 

Una vez que sepa lo que quiere decir, el siguiente paso para comenzar a esbozar, ¡cualquier cosa que se le pase por la mente! A algunas personas les gusta hacer esto al mismo tiempo que el primer paso, depende de ti. En este punto, no debe juzgar demasiado su trabajo, considérelo como una fase de lluvia de ideas. Puedes empezar a pensar en la composición de tu dibujo.

Algunas de las preguntas que quizás desee hacerse son las siguientes:

  • ¿Dónde está el foco del dibujo, el centro de atención?

  • ¿Qué composición cuenta mejor la historia?

  • ¿Qué tipo de formas transmiten mejor esta emoción?

 

Al mismo tiempo, es posible que desee extraer algunas referencias para facilitar las cosas.

Es posible que desee ver cómo se ven cosas específicas para que sea más fácil dibujar:

  • ¿Cómo es una casita europea?

  • ¿Qué tipo de árboles y plantas crecen en este clima específico?

  • ¿Qué tipo de ropa llevaría un jardinero europeo?

  • ¿Qué paleta de colores es común durante el verano?

 

Al final de este paso, deberías tener una idea de cómo quieres que se vea tu dibujo final. (¡Creo que es importante tener en cuenta que tu dibujo podría terminar luciendo muy diferente!) La idea es tener un boceto aproximado de tu composición final, con o sin colores, ¡tú decides! El boceto preliminar, aunque no tiene que ser isométrico, debe tener en cuenta la idea. Por ejemplo, no lo conviertas en un tiro muy bajo, en su lugar, intenta apuntar a un tiro alto, mostrando 3 lados de los objetos.

Paso 3: de un boceto a un dibujo isométrico

Como recordatorio, estas son las cosas que queremos tener en cuenta al hacer un dibujo isométrico:

  • Las líneas deben ser paralelas entre sí

  • Los bordes deben estar inclinados en un ángulo de 30 grados.

  • Las tres caras deben tener el mismo acortamiento.

 

Hay una serie de métodos que puede utilizar en Clip Studio Paint para hacer un dibujo isométrico. Después de navegar un poco, encontré un tutorial ya existente sobre cómo hacer un dibujo isométrico en Clip Studio Paint, que adjunté en un enlace a continuación. Steele compartió un gran método para abordar los dibujos isométricos que recomendaría totalmente mirar.

¡El método que utilizo es un poco diferente y podría ser más adecuado para ti si estás buscando algo un poco más simple!

Lo primero es lo primero, te recomiendo que enciendas la cuadrícula. ¡Ayuda a visualizar cosas! Puedes hacerlo de esta manera:

Para cambiar su configuración, simplemente vaya a Archivo - Preferencia _ Regla / Unidades

Luego, asegúrese de que su capa de dibujo aproximado esté activada, con una opacidad baja en la parte superior de la jerarquía de capas. ¡Esto hace que el proceso sea 100 veces más fácil!

A continuación, considere cuál podría ser la forma dominante de su dibujo, esta será la base para construir nuestro dibujo. En mi ejemplo, es la casa.

Una vez que tenga todo eso configurado, ¡podemos comenzar a construir!

Básicamente, hay cuatro PASOS:

  • El primero es configurar su polígono,

  • al lado de colocar sus reglas paralelas

  • luego trazar las formas usando las reglas que ha colocado

  • y el último paso es delinear las líneas visibles de su estructura con la herramienta Pincel, para que el boceto sea muy fácil de leer.

¡No podría ser más sencillo!

Abramos la herramienta Polígono en el menú [herramienta de forma]. En las [propiedades de la herramienta] asegúrese de que el tipo de aspecto esté configurado para que el Ancho sea igual al Alto. ¡Esto asegurará que todos los bordes de nuestro cubo tengan la misma longitud!

 

 

Cuando esté listo, coloque la forma del polígono en una nueva capa, para que se ajuste a la forma de su forma dominante. Naturalmente, no coincidirá exactamente con la forma, ya que podríamos estar cambiando la perspectiva. Llamé a esta capa Base.

Ahora bien, la razón por la que la herramienta polígono es tan maravillosa para hacer dibujos isométricos, es que una forma de polígono con bordes que tienen todos la misma longitud es un cubo tridimensional perfecto que respeta todas las condiciones de una proyección isométrica.

Para el siguiente paso, crearemos 3 capas nuevas. Uno para cada eje, el eje Z a X y el eje Y. Puede ser útil asociar cada uno de ellos a un color diferente.

A cada capa, le asignaremos una herramienta de regla paralela correspondiente al eje. La herramienta [regla de pararllel] se puede encontrar en la [herramienta de regla] - [herramienta especial] - [línea paralela]. Otra cosa útil que se puede hacer es establecer el paso del ángulo en 30 en las [propiedades de la herramienta paralela]. De esta manera, la regla se romperá cuando esté en un ángulo de 30 grados, lo que lo hará muy preciso para que los ángulos midan 30 grados.

Una vez que haya colocado sus 3 reglas, todo lo que tiene que hacer es ir y venir entre estas capas para construir las formas estructurales de su dibujo con la herramienta pluma / pincel / lápiz. Ayuda tener un color específico asignado a cada eje. Por ejemplo, para todas las líneas verticales, vaya a la capa del eje Z y dibuje todas las líneas verticales. Debido a que la herramienta de regla paralela está activada, ¡este proceso es súper fácil!

Así es como se veía la estructura de mi dibujo:

Con la herramienta Pincel, delineé en negro en una nueva capa todas las líneas visibles importantes de mi dibujo. Usé la función Shift hold y luego soltar, para hacer líneas rectas con la herramienta Pluma.

¡Y ahí tienes! Siguiendo estos pasos, debería tener la estructura de su conjunto de dibujos isométricos y estar listo para el siguiente paso, pintar. Como puede ver, la estructura de mi dibujo no incluye ningún detalle, guardé los detalles en la capa aproximada para usar como referencia mientras pintaba.

Paso 4: de un boceto isométrico a una pintura final

Creo que pintar sin líneas encaja muy bien con la estética de un dibujo isométrico, así como el uso de formas geométricas, por lo que decidí adoptar este enfoque. Mi proceso de coloración es muy sencillo y puedes aplicarlo a cualquier tipo de pintura que desees.

Las herramientas que más utilizo son las siguientes:

 

  • La herramienta de selección de polilínea, que se encuentra en el menú de herramientas en [Área de selección] - [Polilínea] ¡Es una herramienta muy versátil y le permite corregir sus errores tan fácilmente!

 

  • La herramienta de llenado de cubos que se encuentra en el menú. Su atajo es G pero me gusta usar el atajo Alt + Supr. Hace lo mismo, pero lo encuentro un poco más limpio.

 

  • La herramienta Recortar a la capa inferior (¡Salvavidas!), Que se encuentra encima del menú de capas

 

  • ¡Y finalmente la herramienta de bloqueo de píxeles transparentes!

 

  • Y también utilizo la herramienta Pincel para texturas.

 

El primer paso para colorear es bloquear todos los colores principales para todas las formas principales, cada una en una capa diferente. Establezca la opacidad de la capa de estructura baja, quiere que esté allí como referencia pero no quiere que sea abrumadora.

Comience creando una nueva capa de color y asígnele un nombre de acuerdo con el objeto que está pintando.

Luego, usando la herramienta de polilínea, seleccione los contornos del objeto que está pintando.

A continuación, elija el color que desee. (Tenga en cuenta que puede cambiarlo fácilmente más tarde)

 

 

¡Finalmente presione alt + del para llenar la forma !.

¡Ahí tienes tu primera forma! ¡Ahora puedes hacer lo mismo con cada una de tus formas!

Para las formas superpuestas, en lugar de seleccionar con precisión alrededor de la forma anterior, una forma de ahorrar tiempo es usar la herramienta Recortar a capa debajo.

Otro consejo para cambiar de color muy rápido es seleccionar una forma, presionar la herramienta de bloqueo de píxeles transparentes y usar el atajo alt- del para cambiar de color.

Al final de esta fase, debería tener algo como eso:

Una vez que termine y esté satisfecho con el color, puede seguir el mismo proceso pero aplicando detalles. Para simplificar el cambio de colores, más adelante, recuerde poner cada forma de color en su propia capa. Si desea ver el proceso con más detalle, ¡no dude en ver el video timelapse que hice!

Al mismo tiempo, es posible que desee aplicar efectos a su pintura. Puede hacer esto fácilmente jugando con diferentes pinceles y su textura, así como probando diferentes modos para sus capas de pintura, desde Multiplicar, agregar y superponer.

Así es como se veía mi pintura después de agregar detalles y algunos efectos:

Y finalmente, el último paso que es completamente opcional es agregar filtros para modificar los colores. El que uso a menudo es Balance de color y Tono / Saturación y contraste. Estos filtros se pueden encontrar en la barra de menú superior [Capa] - [Nueva capa de corrección]

¡Eso es! Así se ve mi pintura isométrica final antes y después de los filtros de efectos.

Palabra del autor

Gracias por leer este tutorial, ¡me divertí mucho haciéndolo! Espero que puedan aprender algunas cosas de él, y espero que todos hagan hermosos dibujos.

Clip Studio Paint es un software tan fácil de usar y tan fácil de usar que le animo a que experimente con él.

 

Si tiene algún consejo o alguna pregunta, no dude en dejarme un mensaje en los comentarios a continuación.

¡Y me encantaría ver tus dibujos isométricos!

¡Gracias de nuevo!

 

Comentario

Nuevo

Últimas publicaciones en Oficial