♦ ️Escritura, revisión y atención: los consejos se están editando, espere, ajustes de trabajo y negocios, ¡deje de actualizar temporalmente!

·230407 13:30 Para una mejor edición, hemos hecho público el artículo. Intentaremos refinar y optimizar las oraciones para asegurarnos de que las versiones en otros idiomas (traducidas automáticamente) no parezcan demasiado difíciles.

·230413 13:31 El material de video del proceso de producción está siendo suprimido y transcodificado. El contenido se corregirá de acuerdo con el contenido de la grabación de video.

—————————————————————————

prefacio

Hola a todos, soy max.

Aquí está la segunda parte de la segunda entrega de la serie "En acción". Combinaré mi caso de trabajo real para compartir cómo se hace una pantalla de animación con elementos mágicos desde cero.

 

En el número anterior, explicamos en detalle el proceso de "Script" a "Layout" a partir de la creación de carpetas. Y presente muchos puntos a los que se debe prestar atención en la producción de individuos y equipos pequeños. Para más detalles, vaya a la "Parte 1"

Si no ha intentado escribir una historia corta de aproximadamente 1 a 5 minutos y llegar a la sección de diseño, inténtelo.

Si eres como yo antes, sientes que solo puedes dibujar y no eres apto para otros procesos. Espero que puedas cambiar esta percepción. Hoy, la IA se está desarrollando rápidamente en este campo. Muchas tecnologías de primer nivel, como las tecnologías de Internet en la década de 1980, nos ayudarán a mejorar la eficiencia de la producción en el futuro previsible.

 

De hecho, ya existen muchas herramientas muy convenientes para mejorar nuestra eficiencia. La versión clipstudiopaint2.0 que estamos usando ahora tiene la tecnología de "sombra automática", que puede ayudarnos "simplemente" a dibujar líneas de color en la etapa de pintura original. En este número, explicaré brevemente cómo uso "Auto Shadow" para ayudar en la producción de la pintura original.

 

Necesitamos aprender a usar estas tecnologías para profundizar nuestra creación, sin importar qué herramientas, desde el papel y el bolígrafo en la mano, el ipad o software como clipstudiopaint, hasta 3D, o incluso usar la IA muy caliente ahora— —Tengo Siempre creí que estos debían servir para expresar nuestras ideas. No debe limitarse a las herramientas.

 

Todo progreso necesita una oportunidad. También podría aprovechar esta oportunidad para intentar desafiar diferentes campos. En la etapa de guión y ambientación, se ubicará en la perspectiva de la expresión, buscando y optimizando constantemente varias formas de comunicarse y comunicarse con la audiencia, para aprender y ganar más cosas.

🐰 Asistente automático de sombras para dibujar gifs originales

En la segunda parte, mi atención se centrará en la "pintura". Compartiré en detalle cómo usar Clipstudiopaint para mejorar la eficiencia de la pintura al dibujar animaciones, así como algunas experiencias y habilidades para dibujar animaciones.

Objetivo

Esta vez completaremos la producción de la animación, el efecto es como se muestra en la figura:

🐰 etapa de animación completada gif

1. Dibujar

Antes de que la imagen de cada corte comience a dibujarse, debemos completar las dos primeras partes:

■ Concepción (guión, storyboard y ambientación) → → ■ Diseño de producción (maquetación)

En el artículo anterior, ya hemos procedido a la parte de diseño y diseñado los detalles generales de nuestros efectos especiales mágicos.

 

Haremos la animación capa por capa según el dibujo de diseño de la animación que hayamos realizado.

Si estás interesado, por favor revisa el contenido anterior aquí:

1-1. Boceto original y pintura original.

Este es el diseño hecho antes

En este diseño, hacemos estas cosas:

·El subespejo se refina y se puede ver el efecto general de la imagen;

Determinada la duración específica del corte;

·Estilo de ejercicio;

·Planificación detallada y estratificación de personajes, efectos especiales y fondos;

·Descripción del efecto posterior;

🐰 Diseño-gif

A continuación, completaremos el dibujo de cada capa una por una según el plano de distribución.

— 🌟 Creación de documentación

Repasemos la estructura del proyecto del artículo anterior.

 

🏷️Referencias (carpeta)

🏷 ️Story-layout-settings (carpeta)

｜——— —· Diseño de espejo.clip

｜——— —·Setting.clip

｜——— — 🏷 ️Exportar (carpeta)

🏷 ️Dibujo (carpeta)

｜ 🏷 ️cut001 (carpeta)

｜｜———·cut001_pintura original-animación.clip

｜｜———·cut001_background.clip

｜｜———— 🏷 ️Exportar (carpeta)

｜ 🏷 ️cut002 (carpeta)

｜｜———·cut002_pintura original-animación.clip

｜｜———·cut002_background.clip

｜｜———— 🏷 ️Exportar (carpeta)

De acuerdo con el contenido del artículo anterior, en la sección "Pintura Original - Animación",

Necesitamos crear archivos separados para cada toma, lo que nos facilitará la tarea.

 

Sería desastroso si intentara animar las pulsaciones de teclas de varias tomas completamente diferentes, o combinar fondos con estos en un solo documento. Porque esto es muy inconveniente de administrar por las siguientes razones:

Una vez completada la producción, necesitamos exportar los materiales en capas a la carpeta "Exportar", para que podamos combinarlos más tarde.

Una vez que se completa el fondo, debido a que algunas tomas deben combinarse con muchos libros, la reproducción del clip se atascará mucho y no es conveniente dibujar animaciones.

·Es muy inconveniente para la gestión, inducción y archivo de documentos posteriores.

🐰 Crea una carpeta gif para cada tarjeta

1-2. Boceto original (un original)

— Efecto objetivo

Desmontamos el diseño anterior y dibujamos la animación (capa dinámica de letras) y el fondo (capa estática del libro) respectivamente para obtener ese efecto.

🐰 efecto de movimiento de cada capa de gif

¿Qué tal, te sientes en movimiento? La escena se llena de repente de vitalidad. Pero esto es solo un boceto de los nodos de movimiento clave. Eso es lo que tenemos que hacer bien en este paso.

Efecto de movimiento después de la combinación gif.

✨ Puntos a tener en cuenta aquí:

·Las líneas de colores se utilizan para describir los cambios de luz y sombra. Los más comúnmente utilizados son "línea azul-relleno naranja" para sombras y "línea roja-relleno amarillo" para resaltar áreas. El color de relleno se puede rellenar en la capa de sombra.

• Las líneas de diferentes colores también pueden representar áreas de diferentes colores de fondo. Por ejemplo, si hay una parte que combina con el color de la ropa, se puede representar mediante líneas de color. Puede cambiarlo de forma flexible según su propia configuración.

— Crear una carpeta de animación

Después de crear el documento, necesitamos planificar el diseño y establecer las capas correspondientes.

· La parte dinámica, usa la carpeta de animación para crear

·La parte estática se puede crear con una carpeta común.

🐇 mapa de estructura de capas jpg

— Dibujar capa por capa

·—— 🌟 ¡Puntos clave para hacer!

·——Usar sombras automáticas para ayudar al dibujo de la pintura original

En el boceto de la pintura original, para facilitar la producción posterior de la pintura original, usaré la herramienta de relleno de selección para simplemente rellenar los bloques de color de cada parte del personaje.

· —————A_Lightwave 1 (carpeta de animación)

Cuando dibujamos ondas de luz, esperamos mostrar el flujo de luz, aunque la luz en realidad no "fluirá", podemos imaginar la sensación de la luz del sol brillando en el agua turbulenta. O el efecto de un poco de aire en movimiento rápido.

 

En el dibujo, para mantener la unidad del movimiento general de la imagen, fijaré la película cada tres fotogramas.

El haz de luz de la imagen es un haz de luz circular, por lo que esta parte está lejos de nosotros y detrás de la imagen. Así que lo ponemos en la parte inferior.

🐰 Gif de video de pintura original de onda de luz

·—————B_Girl (carpeta de animación)

Comencemos con la capa inferior, que es la "niña pequeña protagonista".

🐰 chica dibujo gif

Podemos dibujar según la configuración. Si no eres bueno dibujando personajes, no te avergüences de usar modelos o referencias, usa directamente los modelos de personajes que vienen con el clip para hacer ajustes.

 

En la producción real, también usaremos el modelo que viene con clipstudiopaint para ajustar las tres vistas de los personajes correspondientes en el escenario. Para que nos sea más fácil captar rápidamente las proporciones de los personajes en situaciones donde la perspectiva y el movimiento del espejo son muy extremos y los movimientos son muy complicados, para no cometer los errores de proporción más básicos.

🐰 Use modelos de clips para ajustar los movimientos de los personajes

En el dibujo, para mantener la unidad del movimiento general de la imagen, fijaré la película cada tres fotogramas. Controla la velocidad a través de la distancia de movimiento de la pantalla

· —————Libro rayo de luz (carpeta)

Esta es una capa estática, solo uso shift para dibujar una línea recta y luego la relleno.

La capa del libro se puede colorear directamente.

· —————C_Lightwave 2 (carpeta de animación)

Es lo mismo que el método de dibujo de ondas de luz de la capa A. Tenga en cuenta que este material debe estar frente a la pantalla.

🐰 Onda de luz pintura original video-2gif

· —————D_Particles & Streamer (carpeta de animación)

· —————E_Airflow (carpeta de animación)

· —————Caso de patrón mágico de F_Hua (carpeta de animación)

1-2. Pintura original (dos originales)