En esta lección, veremos cómo dibujar fondos usando nuestras propias fotos.

Dibujaremos el fondo usando la regla de perspectiva.

 

Consulte los siguientes artículos para obtener más detalles sobre los usos de la regla de perspectiva:

 

[1] Dibujar el fondo usando como base una foto

■1. Importar una foto

 

He preparado una foto de una calle que hice con la cámara de mi smartphone. Hablaremos más en profundidad sobre esto en la sección [3] "Cómo hacer fotografías para usarlas como fondo".

 

(1) Tras abrir CLIP STUDIO PAINT y crear un nuevo lienzo, me dirijo a [Archivo] > [Importar] > [Imagen] para importar mi foto.

 

(2) Una vez que se haya abierto la imagen en el lienzo, la seleccionamos en la paleta [Capa].

Las imágenes importadas se cargan en forma de "capa de material de imagen".

Podemos usar los manejadores del borde de la imagen para cambiar el tamaño o el ángulo.

 

(3) Para que las líneas sean más fáciles de dibujar, fijé la capa de la foto como boceto y ajusté la opacidad al 50 %.

Al establecer la foto como capa de boceto, podemos utilizar la herramienta Relleno y crear áreas de selección sin que afecte a la capa de la foto.

 

 

 

■2. Ajustar la regla de perspectiva utilizando la foto como referencia

 

Voy a trazar las líneas usando la regla de perspectiva.

En ocasiones, cuando la dirección del ángulo de los edificios es diferente, es necesario usar más de una regla de perspectiva.

 

・ Encontrar un edificio que conecte con ambos puntos de fuga

Ahora ajustaré la regla de perspectiva usando la foto mencionada anteriormente.

 

 

Primero, voy a [Regla de perspectiva] > [Propiedad de herramienta] y desactivo [Crear en capa de edición] para activar la regla de perspectiva en todas las capas.

 

(1) Elijo un edificio que destaque y trato de encontrar dos líneas horizontales que crucen el edificio.

Para que la regla sea más fácil de usar, es recomendable escoger dos líneas que estén bastante separadas entre sí.

 

(2) Con la herramienta [Regla de perspectiva], trazo dos líneas guía arrastrando a través del edificio, haciéndolas coincidir con el ángulo del edificio.

No pasa nada si el ángulo de la línea guía está ligeramente desviado.

Una vez creadas las dos guías, añadimos un punto de fuga.

 

 

(3) Si vemos que el ángulo de las guías está ligeramente desalineado, podemos ajustarlo arrastrando los símbolos del más (+) de la línea guía. Al ajustar el ángulo de esta manera, el punto de fuga se moverá para cambiar el ángulo de la línea.

 

Añado el punto de fuga en el lado derecho del mismo modo.

 

(4) Tras definir las líneas guía, arrastro el manejador con el símbolo del más (+) y ajusto ligeramente el ángulo.

 

(5) A continuación, me aseguro de que el ángulo de la línea guía coincide.

Utilizo el manejador con forma de círculo (〇) de la línea guía para no mover el punto de fuga.

Al ajustar el ángulo con el manejador circular (〇), el punto de fuga no se mueve.

 

Arrastro el manejador circular (〇) y roto la línea guía para alinearla con el resto de edificios en el mismo ángulo.

No obstante, en ocasiones, la foto sacada podría estar ligeramente deformada debido a la distorsión del objetivo de la cámara. Cerciórese de que las líneas guía coincidan de forma aproximada con la imagen.

 

(6) Usando este método, coloco tres puntos de fuga: a la izquierda, a la derecha y uno vertical.

Determino los puntos de fuga después de mover las líneas guía para comprobar con qué edificios puedo usarlas.

 

 

 

■3. Configurar una regla de perspectiva para edificios con diferentes ángulos

 

Algunos edificios no quedarán alineados con la guía aunque la arrastremos con el símbolo circular. Esto indica que el edificio se encuentra en un ángulo diferente, por lo que tendremos que hacer otra regla de perspectiva.

 

No obstante, dado que los edificios comparten el mismo punto de fuga en la dirección vertical, podemos ajustar la regla de perspectiva que ya tenemos hecha.

Desde el menú [Capa], duplico la capa que contiene la regla de perspectiva mediante la herramienta [Duplicar capa].

 

Ajusto y coloco la regla de perspectiva en la capa duplicada. Conservamos la posición del punto de fuga en la dirección vertical.

 

Al ajustar la regla de perspectiva en la capa duplicada, selecciono la regla con la herramienta [Objeto] (para así hacer visibles en la regla los manejadores). Hago clic derecho en la regla para abrir el menú contextual y activo [Fijar nivel de ojos] (fija la línea del horizonte).

 

Truco:

Los símbolos del círculo (〇) y el más (+) aparecen al hacer clic en la regla de perspectiva con la herramienta [Objeto].

Al dibujar sobre una imagen de una capa de material de imagen, es fácil seleccionar equívocamente la propia imagen en lugar de la regla.

Para solucionarlo, puede bloquear la capa de la imagen activando [Bloquear capa].

 

 

 

■4. Entintar con ayuda de la regla de perspectiva

 

Una vez que hayamos creado las suficientes reglas de perspectiva, podemos empezar a entintar.

Conforme dibujo, voy cambiando de capa y activando y desactivando la opción de "ajustar a regla especial".

 

En este ejemplo, he trazado líneas tanto gruesas como finas en diferentes capas.

 

Dibujo con cuidado tomando como referencia la fotografía original. De momento, no estoy trazando ninguna línea que no coincida con la regla de perspectiva. Una vez que estemos acostumbrados a dibujar fondos, no será necesario prestar tanta atención a la foto original, y podremos mover las ventanas o cambiar el diseño a nuestro gusto.

 

Trazo las líneas teniendo en cuenta qué partes estarán sombreadas y cuáles tendrán más luz.

 

・ Cómo crear un efecto de tridimensionalidad

Para dibujar una ventana con total precisión, también es necesario dibujar la perspectiva del marco.

Sin embargo, dibujar cada uno de los detalles del paisaje urbano, como pueden ser los marcos de las ventanas, solo servirá para hacer la imagen confusa y llena de líneas.

 

En su lugar, vamos a simplificar las líneas para hacerlo más accesible.

Si dibujásemos todos los detalles del ventanal, sería muy complicado distinguirlos entre sí debido a la inmensa cantidad de trazos necesarios.

 

Al acercar la imagen usando el PC, es importante tener en cuenta qué aspecto tendrá la imagen en su escala real.

 

Para agregar los detalles, no voy a dibujar cada una de las minúsculas líneas, al contrario que en la imagen de arriba, sino que las simplificaré mediante sombreado.

Con este tipo de ventanas, bastaría con hacer más gruesas las líneas verticales.

 

En este caso, resultará más sencillo trazar las líneas de la ventana en una capa separada del resto de partes.

 

Ahora añado unas cuantas líneas usando tinta blanca (o tinta transparente) encima de las líneas negras más gruesas.

Ajusto el grosor de las líneas teniendo en cuenta el grosor y la profundidad del marco de la ventana para crear un efecto de tridimensionalidad.

 

He dibujado las líneas rojas de las paredes y las líneas del marco de las ventanas en otra capa para facilitar el proceso.

 

Truco:

He usado varias reglas de perspectiva para hacer los edificios coincidir entre sí, pero ignorar esos pequeños desajustes y simplificar la composición sería una opción igual de válida.

Sin embargo, si en un futuro desea crear composiciones complejas, es menester acostumbrarse a dibujarlas. Al final, lo más importante es dibujar como más le guste.

 

 

 

■5. Unir las reglas y acabado

 

A continuación, aprenderemos a dibujar en ángulos distintos al de la regla de perspectiva, así como a añadir árboles y tramas.

 

・ Añadir puntos de fuga a la regla de perspectiva

En un principio, usar la regla de perspectiva solo nos permite dibujar objetos 3D con forma de cubo, como cajas, cuyas líneas presentan los mismos ángulos. Por ejemplo, no podríamos dibujar las áreas rojas de la siguiente imagen con la regla de perspectiva:

 

Para solucionarlo, me dirijo a [Regla de perspectiva] > [Propiedad de herramienta] > [Contenido de proceso] y cambio el proceso a [Añadir punto de fuga]. Ahora podemos aumentar la cantidad de puntos de fuga seleccionando la capa de la regla de perspectiva.

 

Al añadir puntos de fuga para ángulos oblicuos como los de los tejados, puede resultar complicado elegir la dirección a la que ajustarlos debido a los puntos de fuga adicionales.

 

Si le resulta complicado dibujar al contar con más puntos de fuga, como alternativa también puede crear una nueva regla de perspectiva.

 

・ Cómo usar la regla de líneas paralelas

En la foto original, podemos ver algunas líneas rectas en los diagonales del tejado. Para dibujarlas, nos serviremos de la regla de líneas paralelas.

 

Me dirijo a [Regla especial] > [Propiedad de herramienta] > [Regla especial] > [Línea paralela]. Arrastro y suelto la regla haciéndola coincidir con la dirección de la línea.

Al dibujar la regla, desactivo [Crear en capa de edición] para activar en todas las capas la regla de líneas paralelas.

 

Si bien la regla de líneas paralelas solo nos permite dibujar líneas rectas en el ángulo determinado, podemos cambiar dicho ángulo posteriormente para ajustarlo a otras áreas.

 

Para hacerlo, selecciono la herramienta [Objeto], me dirijo a [Propiedad de herramienta] > [Operación de la parte transparente] y activo [Fijar dirección de la regla de líneas paralelas].

 

A medida que dibujo el resto de líneas que necesito, voy ajustando el ángulo de la regla de líneas paralelas.

 

Si estamos usando una herramienta de dibujo, podemos mantener pulsada la tecla Ctrl para cambiar temporalmente a la herramienta [Objeto], con la cual arrastro la regla de líneas paralelas y cambio el ángulo.

 

Cuando hayamos terminado de ajustar el ángulo de la regla, dejamos de presionar la tecla Ctrl para volver a usar la herramienta Plumilla. Repito el proceso tantas veces como sea necesario para dibujar líneas rectas en distintos ángulos.

 

Dibujo los edificios usando ambas reglas, la de perspectiva y la de líneas paralelas.

 

・ Cómo usar la regla de círculos concéntricos

La regla de círculos concéntricos, como su propio nombre indica, nos ayuda a dibujar círculos concéntricos. Resulta de suma utilidad para dibujar fondos.

Podemos cambiar libremente la forma y el ángulo de la regla mediante los manejadores, lo que nos permite dibujar todo tipo de formas circulares para el fondo.

 

Para seleccionar esta regla, vamos a [Regla especial] > [Propiedad de herramienta] > [Regla especial] > [Círculo concéntrico].

 

Primero, dibujo el círculo haciéndolo coincidir con el de la foto.

 

Podemos aplanar la forma con el objetivo de usarla como regla para líneas curvas (o partes de la curva)...

 

..., así como usar la línea guía de la regla de círculos concéntricos para asegurarnos de que estamos dibujando los círculos en la misma línea.

 

Utilizo esta regla para dibujar las señales de tráfico y los semáforos.

Nota: He dibujado las señales de tráfico y los semáforos en primer plano sobre una capa diferente. También he enmascarado las líneas negras de los edificios.

 

・ Detalles finales

Voy a usar pinceles de decoración y otras herramientas para añadir elementos naturales como árboles. Esta vez, dibujaré primero usando color gris y luego aplicaré tramas para que combinen con el resto de la imagen.

 

Para dibujar los árboles, he usado un pincel que descargué desde CLIP STUDIO ASSETS (servicio de búsqueda de materiales).

 

Pinto los árboles frontales y posteriores en diferentes capas, y los modifico para convertirlos en la típica vegetación que podemos encontrar por la calle.

 

Tras aplicar las tramas y rellenar en negro, habremos terminado con la flora.

 

[2] Aclaraciones adicionales sobre el uso de múltiples reglas de perspectiva

Al sacar una foto de una calle o avenida real, nada nos asegura que todos los edificios compartan los mismos ángulos.

Lo más recomendable es buscar edificios que presenten los mismos ángulos y usar distintas reglas de perspectiva para cada uno de ellos.

 

En este ejemplo, podemos dividir a grandes rasgos los edificios en dos secciones: azul y roja. No obstante, la ubicación de los puntos de fuga difiere.

A continuación veremos por qué se producen estas diferencias.

 

También explicaré un método que podemos utilizar para evitarlo en caso de que dibujar edificios orientados en distintas direcciones nos resulte complejo.

 

・ Relación entre los puntos de fuga y la línea del horizonte

Si tenemos dos objetos 3D orientados en la misma dirección, tendrán el mismo punto de fuga.

 

Sin embargo, si los rotamos horizontalmente, los puntos de fuga se moverán hacia la izquierda o la derecha.

 

En el diagrama anterior, el cubo rojo y el azul presentan puntos de fuga diferentes.

Nota: El punto de fuga vertical (abajo) no varía.

 

Si los objetos 3D se encuentran al mismo nivel de la línea del horizonte, el punto de fuga vertical no cambiará aunque la dirección sí lo haga.

 

En el mundo real, las carreteras no son completamente perpendiculares a los edificios, y la dirección de los edificios cambia según la carretera.

No obstante, dado que los pilares normalmente son completamente verticales, el ángulo de los edificios no varía.

 

Truco:

Si un edificio se encuentra en un ángulo diagonal, no compartirá el punto de fuga vertical. En estos casos, debemos definir un nuevo punto de fuga para la dirección vertical.

 

Al dibujar edificios orientando distintas direcciones, podemos usar el mismo punto de fuga vertical, pero la posición del resto de puntos de fuga variará.

 

Si rotamos horizontalmente un objeto 3D, el punto de fuga se moverá.

El movimiento del punto de fuga irá ligado a la línea del horizonte.

 

La línea del horizonte, como su propio nombre indica, indica la ubicación del horizonte.

El punto de fuga siempre se encuentra en la línea del horizonte.

 

Consideramos el nivel del suelo como el horizonte. Los edificios suelen ser directamente perpendiculares al horizonte.

De acuerdo con las reglas de la perspectiva, los elementos lejanos se muestran más pequeños, lo que significa que, aunque haya edificios enormes, si están lo suficientemente lejos, no parecerán más que pequeños puntos.

 

A la hora de dibujar calles o avenidas, es probable que la orientación de los edificios difiera ligeramente.

Esto se debe a que las carreteras no son completamente rectas y planas, por lo que la orientación de los edificios cambia para adaptarse a las ligeras curvas que se producen.

Comprobemos si los edificios rojos y azules comparten la misma línea del horizonte.

 

・ Ignorar los ángulos complejos de los edificios

Si vamos a dibujar un fondo a partir de una fotografía, debemos tener en cuenta que lo más probable es que la orientación de los distintos edificios de la foto sea diferente.

 

He agrupado por colores los edificios aquí mostrados, dependiendo de la dirección en la que están orientados. En un principio, puede parecer complicado diferenciar qué edificios orientan distintos ángulos.

 

Las reglas de perspectiva en este caso serían las mostradas en la imagen inferior. Para aquellos que no están acostumbrados a dibujar usando la regla de perspectiva, puede resultar difícil dibujar los edificios con sus distintas orientaciones y ajustar la regla de perspectiva al mismo tiempo.

 

Cuando utilice una fotografía para dibujar un fondo, puede ignorar hasta cierto punto la foto original y cambiar la orientación de los edificios para poder utilizar la misma regla de perspectiva.

 

Aunque los edificios estén en diferentes ángulos debido a la dirección de la carretera, no es necesario dibujarlos exactamente igual.

 

Una técnica que podemos usar es la de alinear la perspectiva con el edificio que más destaque, y luego ajustar la orientación del resto de edificios con la de ese.

 

Si el resultado le convence para su fondo, puede simplemente dibujar todos los edificios usando una sola regla de perspectiva.

Al dibujar usando fotografías como base, utilice la regla de perspectiva de la manera que mejor se adapte a sus conocimientos y experiencia.

 

[3] Cómo hacer fotografías para usarlas como fondo

A continuación daré algunos consejos sobre cómo sacar fotos y usarlas para dibujar los fondos.

Si utiliza un objetivo gran angular para hacer las fotos, la sensación producida será muy distinta.

 

・ Tenga cuidado con las cámaras con objetivo de gran angular

A día de hoy, la calidad de las cámaras de los smartphones es más que suficiente, por lo que se pueden utilizar para tomar fotos de referencia.

 

Muchas de las cámaras de los smartphones tienen lentes de gran angular para poder capturar áreas amplias aun desde distancias cercanas.

Haciendo una foto con un objetivo ancho, podremos capturar gran parte de la zona al hacer la foto.

 

Sin embargo, si nos fijamos en los extremos de la foto, veremos que las líneas verticales se inclinan gradualmente.

Los bordes de la foto se deforman de esta manera debido a la enorme área que puede capturar el objetivo ancho.

 

Si cuenta con un teleobjetivo, puede acercar la imagen para evitar este efecto de inclinación.

 

Si la perspectiva vertical está demasiado sesgada, también tendrá que dibujar a las personas en el mismo ángulo, lo que dificultará el trabajo.

 

Evite especialmente las perspectivas oblicuas si desea incluir gente en el dibujo.

 

Si la cámara no dispone de una función de zoom, puede recortar la foto para quedarse solo con el centro de esta y descartar el resto.

 

Al ampliar la foto para usar solo el centro, lo más seguro es que su calidad disminuya, pero si solo va a usarla de referencia, no hay por qué preocuparse.

 

・ Perfil del artista: Hey!TAROH

Hey!TAROH lleva usando programas de arte digital desde que la primerísima versión de Manga Studio salió a la venta. Es autor de muchas de las guías y tutoriales oficiales de Manga Studio y CLIP STUDIO PAINT. Además de dibujar varios mangas, también se ocupa de las tareas domésticas.