COCHE DE DIBUJOS ANIMADOS CON VECTORES Y GRADIENTES
La herramienta de degradado de Clip Studio es bastante versátil y se puede utilizar en diferentes escenarios. Voy a intentar aplicar esta herramienta a una ilustración para crear una iluminación realista, pero primero es necesario explicar su uso en formas básicas para luego aplicarla en una compleja.
Usar degradados de formas básicas
En la figura 1 creo cuatro formas básicas, un cubo, un cilindro, una esfera y un cono. Estas figuras son importantes porque pueden crear una diversidad de formas cuando se mezclan, por lo que cuando resuelve la coloración usando degradados, puede aplicar los mismos principios en formas más complejas como automóviles, aviones u otros dibujos de diseño industrial.
Figura 1
Clip Studio tiene diferentes formas de resolver el mismo problema, por lo que para crear un cilindro como el de la figura 2 una opción es usar la herramienta «Contour Line Paint», esto te permitía usar líneas o curvas simples (trabajar en capas raster) en los colores básicos necesarios para el degradado y haciendo clic entre las líneas Clip Studio crea el degradado entre los dos colores. Un consejo importante es crear líneas bastante delgadas si no las líneas van a ser visibles y no una transición suave.
Figura 2
Otra opción es usar la subherramienta «Gradiente», esta herramienta tiene diferentes opciones, como tres formas diferentes, lineal, radial y elipse, creo que su uso se explica por sí mismo. Hay cuatro procesos de borde diferentes. “No repetir”, así los colores extremos se repetirán hasta el infinito. "Repetir" para que en el extremo del mango se repita el mismo gradiente hasta el infinito. “Invertir” en el extremo del mango, el gradiente se repetirá pero de manera inversa, por lo que el extremo de un extremo del mango se repetirá en el otro lado. “No Dibujar”, en esta opción al final de la manija terminará el degradado.
Pero la opción más importante es "Dónde crear", esto tiene dos opciones "Dibujar en la capa de edición", significa que creará el degradado de la capa ráster seleccionada, por lo que después de terminar no hay forma de editarlo. “Crear capa de degradado”, esta opción es la que yo uso, porque te permite editar el resultado final, seleccionando la subherramienta “Operación” te permite editar el ángulo, el tamaño y los colores del degradado.
figura 3
La Figura 4 muestra cómo cambiar el color del degradado, simplemente eligiendo el color que desee y pegado al color específico en la barra de degradado superior. Puede agregar o eliminar colores haciendo clic en la parte inferior de la barra de degradado o arrastrando la flecha hacia abajo.
Figura 4
En la figura 5 creo un “Área de selección” y usando la “Crear capa de degradado” pinto el degradado, el resultado final no es editable, por lo que debe ser preciso con esta opción.
Figura 5
Realmente me gusta trabajar con vectores, así que en la figura 6 puedes ver los planos de las cuatro formas hechas con el "Vector de relleno ColorFreeHand" esta herramienta se encuentra en la subherramienta de relleno "Degradado" y como es un vector puedes editarlo fácilmente.
Figura 6
Para hacer el degradado creo una selección de la capa (Ctrl + clic sobre la miniatura de la forma, en las capas) luego, simplemente arrastre para crear el degradado, una vez que termine, use la subherramienta "Operación", para editar y crear el resultado final.
Figura 7
La esfera se crea usando la forma de círculo o elipse, en mi opinión, es mejor usar la elipse. Una cosa a tener en cuenta es que el color de la izquierda es el color concéntrico inicial, por lo que en nuestro caso es la parte más brillante. En casi todas las formas coloco un color brillante al final del degradado para hacer la ilusión de la luz reflejada (la luz reflejada por el plano donde descansan los objetos).
Figura 8
La figura 9 muestra cómo crear un cubo, en el cubo, hay tres planos claros visibles, por lo que cada uno debe tratarse individualmente porque la luz está en la parte superior derecha, el plano más alejado será el más oscuro. Recuerde que la luz será más alta cuanto más cerca esté del objeto, así que cerca del suelo es más oscuro que en la parte superior del avión.
Figura 9
La forma de cono es difícil de hacer porque no hay gradiente de forma de cono en Clip Studio. Para hacerlo debes entender que el cono refleja la luz de forma radial hacia el vértice, no puedes usar el círculo porque es concéntrico, por lo que la única opción es usar la forma lineal. Después de su uso, necesita rasterizar la capa y usando la herramienta "Transformación libre" (Editar / Transformar / Transformación libre) necesita deformar la capa hasta que la parte superior esté cerca de un punto para lograr el efecto necesario, como se muestra en la figura 10.
Figura 10
El resultado final se muestra en la figura 11, si está interesado en el archivo de este ejemplo, descárguelo desde el siguiente enlace.
Figura 11
Render de coches de dibujos animados
Para aplicar el degradado en un ejemplo real, decido crear un auto de dibujos animados, así que usando las reglas de perspectiva creo esta forma simple de auto (figura 12), luego la usé para pintar a mano alzada las curvas para entender la forma final del auto. cómo se muestra en la figura 13.
Figura 12
Figura 13
Después de eso, dibujo a mano el auto en la parte superior, este es el primer boceto (figura 14)
Figura 14
al bajar la opacidad de la capa de boceto, pinto el auto con más cuidado, la figura 15 muestra el resultado… no muy bien en mi opinión, las líneas son demasiado inestables.
Figura 15
En la figura 16 rehago el coche usando la herramienta "curva" con el "Bézier cuadrático" en una capa vectorial. El resultado de las líneas es más frío, pero me gusta más.
Figura 16
Después de eso, creo los planos usando la herramienta "Rellenar Vector ColorFreeHand". Los planos están divididos por los diferentes planos del objeto, si hay un gran cambio de plano o color se tratará por separado.
Figura 17
Para crear un degradado de color uniforme para todos los planos, pinto una capa de referencia de color con todo el color que usaré en el automóvil. En la figura 18 puede ver cómo aplico el color degradado y luego edito el resultado, cambiando el ángulo para ajustarlo a la forma del automóvil. Para el auto, decidí no crear una selección sino “recortar la capa de abajo”, esto me permitió editar la capa de vector de relleno si era necesario.
Figura 18
Para los otros planos, debe tener en cuenta que el color inicial de un plano es el color final del plano anterior, si no, habrá un salto de color visible y la idea es crear la ilusión de una forma continua.
Figura 19
El color del auto está listo pero para crear la ilusión de pintura reflectante es necesario colocar un resalte, este normalmente es el reflejo del cielo o la iluminación que se usa para iluminar el objeto. En la figura 20 la luz se coloca en el costado y en la parte superior del auto, pero debido a que la forma del auto no es regular, la iluminación está rota e irregular, para crear esta luz simplemente utilizo una referencia fotográfica. Los bordes del resaltado se suavizan con una línea de pincel de aire en la capa, simplemente puede reducir la opacidad y el resultado estará bien.
Figura 20
Para crear un resultado aún mejor, decido usar un resaltado degradado que se muestra en la figura 21, usando el resaltado anterior hice un área de selección y coloqué la capa de degradado. El resultado es mejor porque le dio a los reflejos una transición más suave.
Figura 21
Continuando con los aspectos más destacados, cambio el color de las líneas internas a verde oscuro y copio y pego las líneas en las que hay una muesca en el automóvil como puertas y capó para crear la luz para esta área.
Figura 22
La Figura 23 muestra el efecto de iluminación que se logra con las líneas copiadas coloreadas en verde brillante y cambiadas un poco de las líneas de color verde oscuro.
Figura 23
La llanta se creará con la elipse en un degradado gris y para dar brillo a las ruedas se utiliza un degradado lineal de gris a transparencia, como se muestra en la figura 24.
Figura 24
Las luces del auto están hechas con un simple efecto cromado, lo importante es crear una división entre luz y oscuridad, esto representó un reflejo del cielo y el horizonte en la pintura cromada, el ángulo es importante pero porque estará parcialmente cubierto. por el cristal de luz solo una parte del efecto será visible.
Figura 25
El parachoques es especial porque la forma es irregular, así que creo diferentes líneas siguiendo la forma del parachoques con el degradado que quería, luego utilicé la herramienta "Pintar línea de contorno" para rellenar entre las líneas. Es importante usar línea sin Anti-aliasing, esto dio mejores resultados, en la figura 26 se puede ver el resultado.
Figura 26
Para finalizar el automóvil es importante crear un reflejo en los cristales del automóvil y tal vez brillar para las luces. La figura 27 muestra el coche sin este efecto, puede comparar el resultado final con la figura 28.
Figura 27
Figura 28
Finalmente, quiero agradecer a DadoAlmeida, la técnica vectorial que se muestra en este tutorial se basa en el enlace "Creación de arte vectorial para impresión y juegos" a continuación.
Si está interesado en analizar el archivo Clip Studio de este ejemplo, puede descargar el enlace a continuación.
Gracias, espero que este tutorial sea fácil de seguir, si tiene alguna duda hágamelo saber.
Comentario