Hola a todos, en este tutorial les mostraré la manera muy fácil de crear un fondo simétrico con la técnica de transformación de Clipstudio. ¡No solo le ahorra tiempo dibujando todo, sino que también crea algunos efectos sorprendentes para su fondo sin necesidad de un conocimiento experto en perspectiva!

Diseña el look simétrico

Antes de diseñar el fondo simétrico para su arte, primero debe saber cómo es simétrico. Por ejemplo, diseño el fondo del túnel en una nave espacial con una perspectiva de 1 punto que conduce al centro.

 

La perspectiva de un punto muy básica es una habitación como esta

 

Dibuja la línea paralela a cada esquina de la habitación para crear más lados de la habitación.

Ahora tenemos la sala de los 8 lados

 

Agregue algunos detalles a cada lado haciendo el mismo detalle para los lados opuestos

También puede planificar detalles no simétricos para agregarlos más tarde

Ahora podemos ver que el fondo (excluir paneles) es simétrico en el eje vertical.

Y también simétrico en el eje horizontal.

Con este patrón, solo dibujaremos un lado y haremos que se repita en el otro lado.

Luego agregue el panel adicional más tarde para que se vea menos simétrico (opcional)

Paso 1: preparar los archivos para el fondo

Para el fondo, será un compuesto de 3 paredes.

 

Dibujarlos en archivos separados.

 

Empecemos por ...

 

1: pared lateral

 

Cree un nuevo lienzo y habilite la cuadrícula para dibujar la pared

 

Luego configure la cuadrícula con el menú [Configuración de cuadrícula / regla]

 

Establezca el espacio en más píxeles para que sea más fácil dibujar

 

Habilite [Ajustar a la cuadrícula] en la barra de menú

Utilice la herramienta de rectángulo para dibujar el detalle de la columna de la pared

 

Asegúrese de que el espacio entre cada barra sea el mismo.

 

Utilice la herramienta de selección de rectángulos para realizar la selección de recorte.

Haga una selección para recortar el área así

 

También planeo un patrón sin costuras más adelante, por lo que el resumen del espacio en el último espacio y el primer espacio será igual al tamaño del espacio en el medio.

 

Ve a [Editar> Recortar] para recortar la imagen.

Obtendrá la pieza de patrón sin costuras para un lado del fondo

Para agregar un efecto de luz, duplique la capa de la barra (arrastre la capa al icono [Nueva capa])

Aplica el filtro de desenfoque, ve a [Filtro> Desenfocar> Desenfoque gaussiano]

Ajusta la fuerza del desenfoque a la barra

Luego bloquea la capa transparente de la desenfoque, selecciona el color de la luz y rellénala hasta la capa [Alt + Supr]

Opcional: copie otra capa, muévala un poco hacia atrás y rellene el color claro para agregar profundidad a las columnas

Si desea una luz más fuerte, puede copiar la capa de luz.

También puede crear el efecto de luz con el modo de fusión de capas [Agregar (Resplandor)]

Cuando termine, guarde el archivo en formato Clipstudio (.clip)

2: la barra de luz

 

Crea un nuevo lienzo que tenga un ancho largo. Esta será la duración de la animación en bucle.

 

Dibuje la flecha con la herramienta de polilínea, configure el modo Línea / Relleno en relleno, luego dibuje la flecha una por una.

Nota: la herramienta de movimiento no se ajustará a la cuadrícula. Recomendé repetir el dibujo en la cuadrícula uno por uno.

 

Mueva el dibujo un poco al frente para dar algo de espacio al efecto, asegúrese de que el espacio en el borde izquierdo sea igual a otro espacio entre cada triángulo.

 

Mantenga pulsado [Mayús] cuando se mueva hará que se alinee con la misma horizontal de la posición anterior.

 

Cree una nueva capa ráster para el efecto de luz, luego pinte el degradado con el modo [Primer plano a transparente], configure el proceso de borde en modo inverso y luego arrastre el degradado en el lienzo.

Borre otra onda de degradado, conserve solo una.

Convertir capa en [Capa de material de imagen]

Verá el punto central del objeto degradado

Arrástrelo para alinear el centro del degradado con el borde de la imagen.

Recorte el degradado a la flecha, hará un efecto de brillo fácil en la barra de flechas

Estos son los pasos básicos de la animación en movimiento de luz:

 

cree una nueva línea de tiempo y establezca la velocidad de fotogramas, aquí utilizo 12 fps y 30 fotogramas de longitud.

 

Habilite el fotograma clave de la capa para animar la luz

Agregue nuevos fotogramas clave al principio y al final de la línea de tiempo (use el modo de interpolación lineal)

Haga clic en el último fotograma clave, mueva el degradado hacia el frente, esto creará un movimiento fácil para la luz.

Si desea convertirlo en un bucle, debe hacer que el inicio y el final de la animación sean iguales, antes de animar, copie el objeto y péguelo en el frente.

 

Este será el punto de inicio y finalización de la animación de bucle.

 

En lugar de mover el objeto individualmente, coloque todas las capas de degradado en una carpeta y habilite el fotograma clave de la capa en la carpeta para moverlos juntos

Para mover degradados juntos como una carpeta, puede ver que hace una animación de bucle, pero aquí todavía hay un espacio de parpadeo en el bucle.

Necesita 3 degradados para que quede perfectamente liso, ajuste el espacio por igual tanto como sea posible.

Para crear el efecto brillante, copio la barra de flechas y aplico el efecto de desenfoque en

Copie también la carpeta de la capa de luz, muévalas en el orden superior, luego configure el modo de capa de la capa de flecha en [Agregar (resplandor)]

Ajuste la opacidad hacia abajo, obtendrá el efecto de brillo muy fácil para su barra

Cuando termine, guárdelo en el archivo de estudio de clips (.clip)

 

Piso 3

 

Para el piso, dibujo solo un mosaico usando la herramienta Polilínea en la cuadrícula

 

Utilice el primer plano al modo transparente para crear el efecto de brillo metálico

 

Nota: asegúrese de que siga siendo simétrico en el eje horizontal

 

Luego, recórtela en un solo mosaico y estará lista para usar.

En conclusión, tendrá 3 archivos de estudio de clip para hacer el fondo

Paso 2: imágenes combinadas en el fondo con transformación

Desde el boceto, recorte una parte que sea simétrica a otra.

 

Seleccione el área con la herramienta Selección, luego [Editar> Recortar]

Cambie el tamaño de la imagen a un poco más grande para evitar la caída de la calidad al cambiar el tamaño de la imagen más tarde.

 

[Archivo> Cambiar la resolución de la imagen]

 

Crea una nueva capa y dibuja el fondo con la herramienta de polilínea.

Importe el objeto de pared al lienzo, vaya a [Archivo> Importar> Crear objeto de archivo]

Ajuste el objeto al marco, use la herramienta Objeto.

En el panel de propiedades de la herramienta, seleccione el modo a [Perspectiva], esto le permitirá ajustar la imagen de la pared en un par de nodos paralelos.

Ajuste la imagen para que se ajuste al marco, puede alejar la imagen para ver el borde general del objeto

Utilice el modo [Escala] o [Escala / Rotar] para reducir el ancho del objeto.

Además, desmarque [Mantener relación de aspecto] para cambiar el tamaño de solo un lado de la imagen.

En el panel de propiedades de la herramienta, habilite el mosaico y configure el mosaico para que se repita horizontalmente

Repite los pasos con el suelo

Para la barra animada, primero debemos crear una línea de tiempo para la imagen.

 

IMPORTANTE: use la misma configuración que el archivo de barras

 

Seleccione el primer fotograma e impórtelo en el objeto de archivo. [Archivo> Importar> Crear objeto de archivo]

Ajústelo al marco como otras partes.

Cree una nueva capa y rellene el color hasta el área final o la imagen, ajústela como desee

Obtendrá la animación para 1 lado del fondo como este

Si el tono de color no coincide bien, no se preocupe, puede ajustarlo con capas de corrección.

 

Me encanta usar [Tono / Saturación / Luminosidad] para ajustar el tono del color.

 

Si desea que la corrección aparezca en una sola parte, córtela con la capa de la parte.

También puede agregar el tono de color a la imagen con el modo de capa [Superposición]

También dibujo las líneas adicionales para obtener más detalles.

Cuando termine, guarde el archivo en formato de estudio de clips (.clip)

Paso 3: aplica el fondo a la imagen

A partir del diseño, dibujo el sello y la niña en archivos de clip studio separados (.clip)

Elimina la capa de papel para hacer un fondo transparente.

Cree un nuevo lienzo para la escena de combinación y también una línea de tiempo con la misma configuración del archivo de fondo

Luego importe el objeto de archivo del fondo al lienzo

Moverlo a una esquina

En la configuración de mosaico en el panel de propiedades de la herramienta, configúrelo en modo inverso

(¡¡Es como MAGIA !!)

 

También puede usar el modo de transformación en la herramienta de objeto para escalarlo a su proporción preferida

 

Extienda la longitud del fotograma haciendo clic con el botón derecho en la línea de tiempo y [insertar fotograma]

Verá el espacio en la línea de tiempo porque el número de fotograma del objeto de archivo de fondo es menor que el número de fotograma de la escena.

Copie la barra de la línea de tiempo haciendo clic en el encabezado para seleccionar toda la barra

luego [clic derecho> copiar]

Y pegar en el lugar en blanco después de la barra.

Ahora puedes ampliar el número de fotogramas

¡La animación aparecerá junta, creará algunos efectos asombrosos!

Agrego paneles adicionales al área en blanco para que sea más detallada

Dibujar directamente en la pared será una tarea complicada, habilité la cuadrícula y la dibujé en nuevas capas con una subherramienta de múltiples figuras.

 

Esta es una tarea divertida de hacer ^ _ ^

 

Más tarde, seleccioné todas las capas y creé la transformación libre [Ctrl + t]

 

(o [Editar> Transformar> Transformación libre])

Puede encontrar el modo de transformación (el mismo que la herramienta de objeto) en el panel de propiedades de la herramienta

 

Ajuste el general primero, luego ajuste el panel individual más tarde

 

También puede usar flip para aplicar el panel en otro lado

Seleccione todo el panel y combine la capa, luego bloquee la capa transparente

Utilice la herramienta de relleno para rellenar varios colores en los paneles

Copie la capa del panel, aplique el efecto de desenfoque y establezca el modo [Agregar (Resplandor)] para aplicar el efecto de luz al panel.

Importar el personaje a la imagen como un objeto de archivo

Puede agregar luz adicional con el modo de capa [Agregar (brillo)]

Y sombra adicional con el modo de capa [Multiplicar]

 

El resultado:

Paso 4: animación adicional para la escena

Aquí hay un consejo muy útil para crear fotogramas clave intermedios con la función de transformación de Clip Studio.

 

Hago la animación de parpadeo para el personaje sin dibujar ningún fotograma clave intermedio, ¡es muy fácil!

 

Los ojos deben estar separados de la capa del cuerpo, aquí pongo capas por ojos en una carpeta

En la línea de tiempo, cree una nueva carpeta de animación y coloque la carpeta de la capa del ojo dentro

 

Nota: Cambié el nombre de la carpeta a "01" para facilitar el pedido en la línea de tiempo.

 

Haga que aparezca en el lienzo haciendo clic en el icono [Especificar celdas] en el primer fotograma clave y seleccione la carpeta para el fotograma clave del ojo

Copie el fotograma clave arrastrando la carpeta al icono [Nueva capa], cambiará automáticamente el nombre de la nueva carpeta a "02"

Especifique la carpeta que aparecerá en la línea de tiempo (haga clic con el botón derecho y seleccione la carpeta)

Mantenga pulsado [shift] y seleccione toda la capa en la carpeta de fotogramas clave

Luego cree una transformación de malla con [Editar> Transformar> Transformación de malla]

 

Creará una transformación de malla para los ojos.

En la propiedad de la herramienta, asegúrese de que [Cambiar ancho de vector] no esté marcado

Luego, puede ajustar fácilmente los ojos hasta la mitad para obtener un fotograma clave intermedio

 

Puede habilitar la piel de cebolla para ver la escena anterior para que sea más fácil de ajustar

Presione [Entrar] o haga clic en el botón [Aceptar] para confirmar la transformación.

 

Para el ojo completamente cerrado, lo dibujo.

Repita (a la inversa) el fotograma clave para abrir los ojos también ^ ^

Nota: no olvide establecer la duración de la línea de tiempo para que coincida con la escena principal.

 

[¡IMPORTANTE!] Debes crear una línea de tiempo en el archivo de personaje antes de importarlo a la escena, si agregas la línea de tiempo después, la animación no aparecerá en la escena.

 

Agregue un poco de animación flotante para el personaje a la escena, cree un nuevo fotograma clave al principio y al final de la línea de tiempo para crear una animación en bucle.

 

Mueva o gire el objeto con la herramienta Objeto cuando esté activo en el medio de la línea de tiempo, creará automáticamente el fotograma clave para el movimiento

Para obtener un efecto de luz brillante, puede habilitar el fotograma clave de la capa y ajustar la opacidad de la capa luminosa en la línea de tiempo

(haga clic en el icono [+] en la capa de la línea de tiempo para ajustar la opacidad en la línea de tiempo)

 

También puede agregar rotación de la cámara para hacer más movimiento de escena a la escena

 

Cree la nueva carpeta de cámara 2D

 

Luego coloque todas las capas que necesita mover con la cámara dentro de la carpeta

Cambie el tamaño de la cámara un poco hacia abajo para crear espacio para moverse (asegúrese de estar activo en el cuadro 1)

Luego, agregue también el fotograma clave al final de la línea de tiempo de la carpeta de la cámara

Gire la cámara un poco en el medio de la línea de tiempo para crear un movimiento de rotación de la cámara

También puede cambiar a la vista de cámara para ver el resultado.

[Opcional] También agrego un efecto de holograma a la escena.

Consulta mi tutorial sobre el efecto holograma:

Resultado final

Espero que este tutorial le dé alguna idea para trabajar con la función de transformación de Clip Studio.

 

¡Por favor, manténgase seguro en casa y disfrute creando arte con Clip Studio! Que tengas un buen día y nos vemos en mi próximo tutorial ^ _ ^