Introducción

TÚ has estado postergando aprender a dibujar fondos durante... mucho tiempo. Probablemente.

Y aunque este tutorial no le enseñará exactamente cómo "hacerlos", sin embargo, definitivamente lo ayudará a crear algunos fondos impresionantes, listos para usar, no tan aburridos, con la perspectiva correcta.

 

Pero lo que es más importante, esto permitirá hacer fondos RÁPIDOS.

 

De hecho, esto es menos un "dibujo" y más un tutorial de fondo de "generación".

Esto es increíblemente útil, especialmente si tiene que dibujar varios fondos o el mismo fondo desde diferentes ángulos.

 

En este tutorial, te mostraré cómo hacerlo, utilizando los fondos 3D de CSP en solo 4 pasos.

 

¡Puedes hacer clic en el enlace a continuación para ver el video y obtener la experiencia completa! :)

1er paso: encuentra y configura tu fondo

El primer paso es, obviamente, encontrar el fondo que buscas.

Para hacer eso, puede usar la ventana lateral, ir a "Todo el material", luego "3D" y hacer clic en "fondos".

 

O vaya a ventana => material => fondo de material.

Aquí encontrarás un montón de fondos 3D predeterminados, como edificios, aulas, casas...

Si el fondo que está buscando no está en esta lista, simplemente haga clic en 'buscar material en los activos'. Esto lo llevará a "recortar activos de estudio" donde puede buscar fondos adicionales.

 

Para este tutorial, usaré un fondo 3D predeterminado para un personaje que hice hace algún tiempo.

El dibujo inicial no tenía ningún fondo, así que pensé que sería bueno agregar uno.

Cuando hice una pequeña lluvia de ideas, pensé que mi personaje tendría sentido pararse así en un parque.

Así que elegí 'estacionar' en la lista de fondo y lo arrastré a mi lienzo.

 

 

En la esquina izquierda del fondo hay una barra de herramientas de navegación que le permite navegar por el objeto 3D como desee. Puede moverlo hacia arriba o hacia abajo, hacia la izquierda o hacia la derecha, y cambiar la perspectiva como desee.

Una vez que haya configurado su fondo 3D, ¡podemos pasar al siguiente paso!

2do paso: convertir a líneas y tonos

Ahora transformaremos este fondo 3D en líneas y tonos de pantalla.

Vaya a "Capa" en la barra de herramientas del menú y haga clic en "Convertir a líneas y tonos".

 

Cuando aparece una nueva ventana, lo primero que debe hacer es hacer clic en "vista previa" para ver todos los cambios operativos antes de aceptarlos.

Como puede ver, esta opción hace exactamente lo que dice:

Convierte tus fondos 3D en un montón de líneas y tonos.

La transformación que ves es la predeterminada. Y esta ventana te permite controlar las líneas y los tonos a tu gusto.

 

Para explicar todas las opciones, dividiré esta ventana en 3 partes y demostraré el uso de cada opción en el fondo que elegí con capturas de pantalla de los resultados.

 

1- La primera parte se trata de extraer las líneas del fondo.

2- La segunda parte transforma los colores y texturas en tonos.

3- La tercera parte contiene herramientas de precisión para mejorar su resultado completo.

 

 

Comencemos con la primera parte:

Posterizar significa que puedes elegir dibujar las formas que quieras en tu fondo.

Puede mover las flechas hacia adelante y hacia atrás para agregar o generar menos líneas.

Como puede ver a continuación, los dos linearts generados son completamente diferentes desde que cambié la configuración de las flechas.

 

** Tenga en cuenta que puede hacer clic en el espacio vacío entre las flechas, agregando otra flecha para crear más líneas y, por lo tanto, aún más posterización.

La opción Relleno negro le permite rellenar elementos aleatorios con negro.

Por lo general, son los elementos y superficies más oscuros en el fondo 3D.

Entonces, si quieres más negro, solo sube estos números.

 

Ancho de línea modifica el ancho de las líneas hasta 5,

El cambio no es dramático, pero hace que las líneas se oscurezcan y sobresalgan más.

Con proceso de detección de bordes Clip Studio te ofrece dos opciones para detectar las formas en el fondo 3D para generar diferentes líneas.

puede elegir 1 o 2 para obtener un resultado diferente.

El umbral de borde permite que la posterización detecte más o menos detalles del fondo y, por lo tanto, genere más o menos líneas.

Si su umbral de borde está cerca de 0, generará automáticamente más líneas. (ver el primer ejemplo a continuación).

Mientras que si creará menos líneas si es mayor en número (vea el segundo ejemplo a continuación).

La dirección de detección te permite borrar las líneas que van en la misma dirección,

En la captura de pantalla a continuación, por ejemplo, elegí desactivar todas las direcciones excepto la izquierda.

 

¡Y eso es todo para la primera parte de la ventana de conversión!

La segunda parte se refiere a los tonos.

 

Si va a agregar colores más adelante, puede anular la selección de esta parte por completo, ya que no la necesitará, y mantener solo las líneas. Pero si buscas un fondo de pantalla, básicamente tienes una opción principal:

Al igual que con las líneas, la posterización aquí te permite convertir los colores y texturas del fondo en tonos.

Aquí por defecto, tendrás 3 tonos principales. Y usando estas flechas, puede agregar más de cada tono y controlar cuánto desea incluir.

 

Las dos capturas de pantalla a continuación demuestran cuán diferente puede ser el resultado cuando cambia la configuración de las flechas.

Tenga en cuenta que puede eliminar cualquier tono y mantener solo uno arrastrando las flechas fuera de la barra, como en la captura de pantalla a continuación.

en Tipo puedes elegir la forma del tono; porque como sabrás, los tonos están hechos de pequeños puntos negros, y puedes darle forma a esos puntos si quieres.

Es conveniente si resalta la forma en sí, como un corazón, por ejemplo, si está haciendo una escena romántica en un manga.

 

Frecuencia es la opción que te permite mostrar la forma que compone el tono.

Si bajas la frecuencia, las formas se harán más grandes y viceversa.

 

Por último, puedes cambiar el ángulo de las formas que componen el tono. El cambio no es realmente aparente si la frecuencia está alta, pero puede cambiar la apariencia del tono a veces si está usando algunas formas específicas o si la frecuencia está baja en número.

 

La tercera y última parte de esta ventana en realidad se refiere solo al lineart.

 

Contiene opciones que le permiten crear un trabajo de línea mejor y más dinámico.

Al principio, puede elegir entre una capa vectorial y ráster. Lo que uses habitualmente.

 

En Ancho de línea puedes hacer las líneas más anchas o más delgadas. Esta es diferente a la opción anterior con el mismo nombre. Este te permite crear líneas realmente gruesas y no solo definidas.

 

Precisión de detección detecta las formas en el fondo con mayor precisión para crear un lineart mejor y más suave,

mientras que grado de realce de la línea exterior realza el aspecto de las líneas exteriores.

La opción profundidad es realmente interesante y útil ya que contribuye a un resultado dinámico.

 

Básicamente, le permite variar el ancho de la línea desde el frente hasta la parte posterior del fondo, lo que ayuda a crear una sensación de profundidad.

Por ejemplo, este objeto (flecha roja en medio del patio de recreo) y el banco delantero están más cerca del espectador que la barrera y los bancos, por lo que está más delineado que ellos. También puede ayudar a determinar la importancia de algunos objetos haciéndolos aparecer en su dibujo.

 

También puede optar por hacer que la parte posterior sea más delineada que la parte delantera: simplemente invierta la curva.

 

A continuación, puede optar por aplicar estas opciones solo a las líneas exteriores y/o suavizar todo el trabajo que acaba de hacer.

Si está satisfecho con los cambios hasta ahora, puede guardarlos y encontrará una nueva capa para cada dibujo lineal y cada tono en la sección de capas.

 

Por supuesto, esta transformación es automática y las cosas automatizadas nunca son perfectas.

Pero dado que ahora tiene toda la capa que necesita y la mayor parte del trabajo está hecho, aún puede mejorar tanto las líneas como los tonos hasta que esté satisfecho.

3er paso: extracción de colores.

Si estaba buscando un fondo en blanco y negro o solo en tonos, puede omitir este paso.

 

Pero si también estabas buscando una forma rápida de agregar colores, te lo explicaré a continuación.

 

En la ventana de capas, todavía tenemos nuestro fondo 3D, aunque desactivado.

Haga clic en él, luego haga clic en la herramienta de operación.

Ahora aparece una ventana de "propiedades de la herramienta" a la izquierda.

En la propiedad de la herramienta, desactiva la fuente de luz y el contorno, dejando tu fondo con colores planos y apenas algunas sombras.

 

También puede acceder a la ventana 'Propiedad de la herramienta' desde la parte inferior del fondo 3D:

Regrese a su capa de fondo 3D, haga clic derecho y elija "rasterizar".

Esto pixelizará su fondo 3D y lo convertirá en una imagen simple.

Esto también significa que puedes modificar tu fondo como cualquier otra imagen (saturación, luminosidad, contraste, copiar/pasar, capa de máscara...)

 

En mi ejemplo, puse la capa de fondo pixelada encima de los tonos de pantalla y elegí enmascarar todo menos las partes azules.

Este es el resultado :

¡Y listo, tu coloración plana está lista!

Ten en cuenta que puedes cambiar los modos de fusión de los tonos para que parezcan sombras sobre los colores.

4to Paso: ¡Completa tu fondo, logra ese aspecto natural!

Cualquiera que sea el fondo 3D que elija convertir, es probable que aún falten algunos detalles para crear un fondo completo de aspecto profesional.

Por ejemplo: mi fondo actual no tiene cielo, árboles ni hierba.

Afortunadamente, puede agregarlos fácilmente usando material prefabricado o pinceles de decoración.

 

Vaya a: "Todo el material", en la barra de búsqueda escriba "cielo" o "nube", y arrastre el material de imagen que más le guste a su lienzo.

Luego ve a "Decoración" => "Vegetación" y elige entre los diferentes cepillos de hierba, flores y árboles.

 

Un recordatorio rápido: puede convertir su material de imagen en tonos de pantalla para que coincida con el resto de su fondo,

Simplemente haga clic en la capa de material de la imagen y elija "tono" en la propiedad de la capa.

¡Entonces, este es mi resultado final!

Creo que realmente parece sacado de un manga profesional. Clip Studio hizo un gran trabajo con esta opción. es limpio, tiene un aspecto natural y solo se puede hacer en unos minutos.

Bonificación: ¡un consejo rápido!

¡Antes de que te vayas, me gustaría mostrarte un consejo rápido!

 

Esto es incluso más rápido que los pasos anteriores y funciona bien en blanco y negro. pero los resultados no son tan buenos. Entonces, te aconsejo que uses esto si necesitas un lineart rápido para un pequeño panel de tu manga o una pequeña parte de tu ilustración.

 

Una vez que seleccione su fondo, haga clic en "mostrar lista de objetos", "preferencia" y elija "configuración de representación".

 

Ahora desactiva "usar textura" y activa el delineado. Puede optar por agregar luces y sombras, pero realmente depende de lo que necesite.

 

 

¡y ese es un buen fondo para un manga, o un dibujo lineal para comenzar una ilustración! :D

Así que estos fueron los 4 pasos para hacer cualquier fondo a partir del material 3D en Clip Studio.

Esto debería ayudarlo a ser más rápido y más eficiente al insertar fondos y, lo que es más importante, menos miedoso y lo suficientemente audaz como para pensar en agregarlos;)

 

Espero que este tutorial y este video te hayan ayudado de alguna manera y, si fue así, considera darle me gusta y suscribirte, esto me mantendrá motivado para hacer más tutoriales en el futuro :)

 

 

¡Puedes preguntar si tienes alguna duda! Me aseguraré de responder lo antes posible :)

 

¡Gracias por emparejar/leer!

 

 

Luz Azul