En este tutorial, le mostraré la técnica para crear un hermoso cielo y la aplicaré a la animación de escenas panorámicas usando la función de cámara 2d de Clip Studio. Es muy fácil pero da un resultado genial.

Nota: Me inspiré para este tutorial en mi animación favorita: Tu nombre, que tiene muchas escenas del cielo impresionantes. ;)

Video tutorial

Concepto general de pintar el cielo

Estos son los componentes más básicos del cielo durante el día: cielo azul y nubes blancas.

Para que se vea más dimensional, aplique sombras en las nubes, gradiente en el cielo y el reflejo de la luz.

La superficie de la Tierra refleja la luz del sol. Esto hace que el gradiente del cielo y la luz se reflejen en la nube.

Con estos conceptos básicos, pintar con un pincel texturizado simplemente le dará un aspecto más realista.

Hay muchos pinceles para pintar nubes en Clipstudio Asset. Para mi, recomiendo mi favorito

La dirección de la sombra de la nube y el gradiente en el cielo están relacionados con la posición de la fuente de luz.

La dirección de la luz del cielo también se aplica a los objetos de la escena.

También hay diferentes tipos de nubes, la sombra no aparecerá en las nubes del cielo alto (como Cirrocumulus y Cirrostratus) porque están demasiado lejos de la superficie de la tierra.

 

Podemos mezclar varios tipos de nubes para un look natural. No hay límite para su estructura, la naturaleza es asombrosa :)

También podemos editar rápidamente el cielo, simplemente use la capa de corrección [mapa de degradado] para ajustar el tinte del cielo y el modo de fusión de capas para agregar un efecto de brillo al sol y las estrellas.

Mapa de degradado básico

El mapa de degradado es la clave principal para editar el cielo en varias versiones.

Pintar en escala de grises y aplicarlo en el mapa de degradado reemplazará el nivel de gris al color de la barra de degradado.

En este ejemplo, puede ver que el blanco será reemplazado por amarillo, que está en el borde derecho de la barra, y el negro será reemplazado por el color en el lado izquierdo de la barra.

 

También hay un conjunto de gradiente de cielo que es el preajuste estándar en el software.

 

El conjunto de colores estándar también tiene interruptores para el color de escala de grises, esto también es útil para pintar valores

Hay 2 formas de aplicar el degradado a una imagen en escala de grises;

1. Editar> Corrección tonal> Mapa de degradado

Esto cambiará una vez el color de una capa al color de la barra de degradado, no puede ajustar el degradado después de aplicar la edición.

2. Capa> Nueva capa de corrección> Mapa de degradado

Esto creará un nuevo mapa de degradado que cubre todas las capas debajo de él, si hace doble clic en la miniatura de la capa, aparecerá la ventana emergente del mapa de degradado para que pueda ajustar y ver el resultado del ajuste en tiempo real.

En este tutorial, usaré la capa de corrección

El ajuste básico de la barra de degradado es haciendo clic en el icono ^ debajo de la barra de degradado para establecer el color o arrastrarlo para ajustar la posición del color.

también puede invertir la posición del color con este icono

También puede dar un color específico a la posición seleccionada.

También hay conjuntos de degradados descargables de los activos de Clip Studio.

Puede ayudarte a ahorrar mucho tiempo eligiendo el color: D

 

 

Aquí está el enlace para el activo utilizado en la imagen:

Importar el activo con este menú

¡El activo está listo para usar!

Si ajusta el degradado, también puede guardarlo con este icono para usarlo más tarde

Pintando el cielo

Por lo general, puede pintar la nube libremente, pero dibujar lo ayudará con la alineación, especialmente en los casos de composición de curvas, como si la imagen se tomara con una lente de ojo de pez.

Seleccione la herramienta de degradado en el modo de primer plano a fondo, proporcione la configuración previa de esta manera,

 

'Forma': Ovalada (porque estamos haciendo que la lente de ojo de pez parezca)

'Dónde crear': Crea una capa de degradado

Arrastre el área de degradado en el lienzo.

Esto creará una capa de degradado en el lienzo.

Luego crea la capa de corrección,

[Capa> Nueva capa de corrección> Mapa de degradado]

mapa de degradado con el color del cielo que prefiera.

Puede ajustar la posición del color para obtener un degradado más suave.

 

También puede ajustar la capa de degradado con la herramienta de objeto

Crea una nueva capa y pinta las nubes. Asegúrese de usar solo el tono de la escala de grises como valor controlable para ajustar en la capa de corrección del mapa de degradado.

(Utilizo la herramienta [Punta del dedo] para mezclar las nubes altas del cielo)

 

Si hay muchas capas de nubes, colóquelas en una carpeta para la capa de corrección.

Una vez que aplique el mapa de degradado, recórtelo a la capa de abajo. Entonces, el mapa de degradado solo tiene efecto en la nube

Ahora tenemos el cielo con el tinte azul que coincide con el cielo.

Puede aplicar el efecto de luz al personaje con algunos recortes del modo de fusión de capas con la capa del personaje

Para agregar el sol

 

Utilice la herramienta Ráfaga para crear un efecto de rayo de sol

En la propiedad de la herramienta, establezca el [Espacio de línea] en 30

Luego, deshabilite todas las configuraciones de [Disarray]

Arrastra sobre la forma del sol

Luego edítelo con la herramienta de objeto

Ajusta la longitud para que la línea llene la imagen

Ajuste la forma del rayo moviendo el nodo de borde con la herramienta de objeto

Puede encontrar configuraciones adicionales para la herramienta en el icono de configuración

Desactive el arranque, esto hará que el rayo tenga solo un extremo puntiagudo

Rasteriza la capa, luego usa la herramienta [Punta del dedo] para agregar un efecto de fusión al borde

Nota: mantenga presionada la tecla Mayús para hacer el arrastre en línea.

Fusiona el rayo con la forma del círculo, duplica la capa, aplica el filtro de desenfoque [Filtro> Desenfocar> Desenfoque gaussiano] y aplica la mezcla de capas [Agregar (aumentar)] para que brille

Ajústelo a la escena seleccionando cada capa y [Crear transformación] (ctrl + T)

terminado

Para ajustar el cielo a un tono crepuscular, use el degradado invertido en las nubes con el mismo degradado que el cielo para hacer que la silueta se vea.

Para el cielo nocturno, utilizo el pincel para crear estrellas.

Luego duplico la capa y aplico un filtro de desenfoque

[Filtro> Desenfocar> Desenfoque gaussiano]

Esto creará un efecto de luz de estrella.

Crea una escena de cielo panorámica animada

En primer lugar, debe comprender la descripción general de la toma, el objeto debe permanecer en un lugar mientras la cámara se desplaza de esta manera.

El objeto en movimiento en la escena será el fondo mientras haya un cambio de perspectiva aplicado cuadro por cuadro en el personaje.

 

El flujo de trabajo comienza dibujando el orden de las escenas en un guión gráfico, que usaremos el personaje como proxy.

Luego agregue los fotogramas clave y ajuste el tiempo

Este paso es suficiente para comenzar a trabajar en el proceso de fondo, la animación de fotogramas clave se realizará por separado.

 

>> Paso 1: Dibuja la posición del fondo

Crea un nuevo lienzo para la animación. Asegúrese de que tenga la misma velocidad de fotogramas que el archivo de tiempo de fotogramas clave

 

(aquí usé 24 cuadros por segundo)

Vaya al menú [Archivo> Importar> Crear nuevo objeto de archivo] y luego seleccione el archivo de tiempo de fotograma clave (.clip)

El archivo incluye la animación que aparecerá en el lienzo.

(Asegúrese de que la capa esté fuera de la carpeta de animación o no se mostrará en el lienzo)

Ajuste el área de la línea de tiempo para que se ajuste a la línea de tiempo del objeto importado

Dibuje el boceto de fondo en la carpeta de animación, combínelo con los fotogramas clave de tiempo que hicimos

Nota: dibuje solo unos pocos fotogramas donde el fondo haya cambiado, solo para evitar confusiones al animar

>> Paso 2: Agrega el degradado del cielo

Comience eliminando el fondo del archivo de tiempo haciendo clic derecho en la capa> Objeto de archivo> Abrir archivo desde objeto de archivo

En el archivo, elimine la capa de fondo, deje solo la línea de boceto y luego guárdelo

El objeto de archivo se volverá transparente

Cree una capa de degradado y aplique la capa de corrección del mapa de degradado

Habilite el fotograma clave de capa del mapa de degradado para animar

Seleccione el marco y mueva el degradado relacionado con el boceto con la [herramienta Objeto]

Asegúrese de crear un fotograma clave de capa en el degradado, no en la máscara (haga clic en la miniatura de la capa de degradado para seleccionar el degradado)

Cuando termines de ajustar el boceto obtendrás el cielo degradado que sigue al movimiento panorámico de la cámara.

>> Paso 3: Crear fondo

Hay algunos fotogramas clave que muestran el fondo antes de que se mueva hacia el cielo.

Dibuja el fondo. Aquí usaré los recursos de Clipstudio para el parque y la ciudad en la parte de atrás.

 

Encontrará recursos de imagen útiles en los materiales de imagen, no solo están listos para usar, sino que también son útiles para referir colores.

Simplemente arrastre el objeto al lienzo para usarlo.

Escogí el color del árbol y lo apliqué al suelo

También hay pinceles predeterminados para crear efectos de textura, los apliqué al suelo para hacer hierba

 

Utilizo el material de imagen de "ciudad transparente" detrás del parque para crear una vista de la ciudad en la distancia

Y haz más distancia

Utilizo la propiedad de capa en el material para ajustar su color.

En conclusión, tendremos 3 capas para el fondo (fusionar el parque en una capa)

El movimiento del fondo es diferente del degradado del cielo, porque se aleja rápidamente del diseño de la animación,

 

así que habilitamos el fotograma clave y alejamos la capa relacionada con la posición en la animación del boceto

Cree el fotograma clave solo donde se muestra en la escena

(Rotar y mover a la esquina)

La panorámica de la cámara se verá más clara en este paso

>> Paso 4: Agregar nube

Para la nube, usaremos una cámara 2D para un control más fácil. También puede utilizar un fotograma clave de capa, pero será un poco complicado.

 

Pinte la nube hasta la escena final y aplique el mapa de degradado, las nubes pequeñas harán que se vea más lejos.

Cambie el tamaño del lienzo, vaya a Editar> Cambiar tamaño del lienzo

Simplemente puede poner el número o ajustar el borde de transformación para cambiar su tamaño al lienzo.

 

Hay más espacio para el trabajo de la cámara en las nubes, no se preocupe, cuando lo exportamos, solo mostrará los objetos en el borde del límite.

 

Dibuje las nubes extendidas en línea, esto se usará para la etapa inicial de la panorámica de la cámara

Crear carpeta de cámara 2d

y coloque todas las capas de nubes dentro

Utilice la [herramienta Objeto] para seleccionar la carpeta de la cámara y arrástrela al borde de la nube

En la opción de cámara, puede verificar cómo aparece en la cámara con la opción de modo de visualización

(debe volver a cambiarlo al modo de guía de campo para editar la nube nuevamente)

Habrá 3 fases de mover la nube, crear el fotograma clave en las posiciones donde se supone que se mueve

¡¡El fondo está hecho !!

>> Paso 5: acabado

En un archivo separado, haga la animación cuadro por cuadro del personaje

 

[¡Importante!] Establece la velocidad de fotogramas en 24, la velocidad de fotogramas debe ser la misma para el fondo y el carácter

Nota: Para el paso final, también agregué algunos fotogramas clave de movimiento del viento al cabello.

Para obtener más detalles sobre la animación, consulte mi tutorial anterior sobre el uso de la herramienta bezier para el proceso de animación aquí

Reemplace el fotograma clave de tiempo con la animación del personaje terminada

Se recomienda hacer el archivo de caracteres con las mismas dimensiones del fondo, para que no tenga problemas de importación.

Opcional: también agregue la capa solar y aplique el fotograma clave de la capa

luego muévalo en relación con la posición de la nube en la carpeta de la cámara

aplique también algo de recorte de capa para obtener un efecto de luz y sombreado en el personaje

¡¡Y ya está !! Escena de cielo panorámica simple con clip studio !!

Nota: simplemente puede ajustar el mapa de degradado para cambiar el tiempo de la escena en menos de 3 minutos: D

Espero que este tutorial sea útil para tu escena de animación, ¡¡Feliz animación !! ^ ^