La guía para principiantes de Toon Boom

Lo que vas a crear

Todos tenemos una historia que contar, y la animación es uno de los muchos medios increíbles para hacer precisamente eso. ¡La animación te permite crear escenas directamente desde tu imaginación! A lo largo de este tutorial, aprenderemos a crear una escena animada en Toon Boom.

1. Conocer a Toon Boom

Paso 1

Crea una nueva escena rellenando estos cuadros al abrir el programa:

(1) Nombre: Nombra tu escena aquí.

(2) Ubicación: Indique dónde desea guardar el archivo de su escena haciendo clic en Vistazo…

(3) Tamaño de camara: Puede seleccionar un tamaño de cámara predeterminado desde aquí, o puede personalizar su configuración ingresando sus valores preferidos en los cuadros para Ancho, altura, velocidad de fotogramas, y Campo de visión

(4) Crear escena: Puede hacer clic en este botón una vez que todo lo anterior esté configurado.

En caso de que decida cambiar su configuración después de haber creado su escena, puede hacerlo fácilmente haciendo clic en Escena> Configuración de escena. Aquí puedes ajustar tu Resolución y Cuadros por segundo.

Paso 2

Familiarízate con la interfaz.

Las siguientes son las partes más esenciales que usaremos a menudo en este tutorial..

(1) Vista de cámara: Esta es el área de dibujo. Observe que hay un rectángulo dentro del espacio gris; Este es el tamaño de la cámara y, básicamente, el escenario donde se lleva a cabo la animación. Cualquier cosa fuera de las fronteras no se mostrará en las salidas renderizadas..

(2) Línea de tiempo: Aquí es donde creamos y modificamos capas y marcos, y editamos la duración de la animación..

(3) Barra de herramientas: Todas nuestras herramientas esenciales, que se enumerarán una por una más adelante, se encuentran aquí..

(4) Propiedades de la herramienta: Aquí es donde puede personalizar las propiedades y / o la configuración de su herramienta (si está disponible).

(5) Paleta de color: Aquí es donde puede crear, seleccionar y modificar los colores que aparecerán en su escena..

Paso 3

Familiarízate con las herramientas..

(1) *Seleccionar: Se utiliza para rotar, redimensionar y reposicionar cualquier objeto seleccionado en su espacio de dibujo.

(2) *Editor de contorno: Usado para ajustar Puntos vectoriales en tus dibujos.

(3) Cepillo y (4) Lápiz: Utilizado para dibujar.

(5) Texto: Se utiliza para insertar texto.

(6) Borrador: Utilizado para borrar.

(7) *Pintar: Se utiliza para rellenar dibujos con color..

(8) *Línea: Utilizado para hacer lineas.

(9) Cuentagotas: Ayuda a localizar una muestra de color cuando se selecciona un color de un dibujo.

(10) Pivote de dibujo: Le permite establecer pivotes en sus objetos de dibujo.

(11) Morphing: Genera dibujos entre vectores..

(12) *Mano: Se utiliza para navegar por el espacio de dibujo; sin embargo, los atajos de teclado pueden ser más convenientes en comparación con esta herramienta. Los atajos son los siguientes:

  • Mano: Presione el Barra espaciadora mientras pulsa y arrastra.
  • Acercarse: Prensa 1.
  • Disminuir el zoom: Prensa 2.
  • Rotar vista: Prensa Control-Alt mientras pulsa y arrastra.

(13) Animar: Siempre habilite esto cuando use el Transformar herramienta para animar

(14) Transformar: Se utiliza para crear algunas animaciones básicas, como el reescalado, el reposicionamiento y la rotación..

(15) Mostrar piel de cebolla: Habilitado para ver dibujos anteriores y siguientes mientras se anima.

Nota: Herramientas indicadas con un (*) tiene un pequeño triángulo en sus lados inferiores derechos, lo que significa que hay más opciones disponibles cuando se hace clic en ellas.

Ahora es el momento de usar estas herramientas y funciones para crear una escena animada!

En los próximos pasos, aprenderemos a crear un cielo con estrellas parpadeantes y nubes en movimiento..

2. Cómo crear el fondo

Paso 1

Primero, queremos crear un rectángulo. Utilizando la Herramienta rectangular, arrastra el cursor justo fuera de los bordes de los bordes de la cámara.

Paso 2

Rellena el rectángulo. Utilizando la Herramienta de pintura, haga clic dentro de la forma.

Paso 3

Sobre el Paleta de color, Haga doble clic El color utilizado para rellenar el rectángulo. En este caso, el valor por defecto Negro se utilizó.

los Selector de color como resultado, aparece un cuadro que se utiliza para editar los colores. Encuentro el Modo de rueda múltiple más conveniente y fácil de controlar, así que cambie a ese modo haciendo clic en el botón indicado.

Etapa 4

En el Color de rueda múltiple pestaña, seleccione Gradiente en lugar de Sólido. Como resultado, un espectro con dos nodos aparece debajo de él..

Paso 5

Asegúrese de que el nodo izquierdo del espectro esté seleccionado, y luego elija un tono violeta de la rueda de color.

Ahora tenemos un gradiente básico.!

Paso 6

Queremos que el gradiente sea vertical en lugar de horizontal. Podemos editar la orientación utilizando el Editar herramienta de degradado / textura, que se puede encontrar haciendo clic en el botón Editor de contorno(símbolo de flecha blanca).

Con esta herramienta, simplemente seleccione el rectángulo y gire el relleno de la forma.

Paso 7

Volviendo a nuestros colores degradados, queremos que el color violeta pase a un color amarillo-naranja..

Sobre el Color de rueda múltiple pestaña, seleccione el nodo derecho del espectro y seleccione el tono deseado de la rueda de colores.

Paso 8

Agregue otro color al espectro haciendo clic en el área derecha entre los nodos existentes. Aparecerá un nuevo color, y mientras esté seleccionado, elija un tono rosado de la rueda de colores..

Paso 9

Puede editar el degradado aún más arrastrando los nodos a la izquierda y la derecha a lo largo del espectro. Ahora tenemos un buen degradado que sirve como fondo de nuestro cielo.!

Paso 10

Salir de la Color de rueda múltiple.

Podemos hacernos más organizados cambiando el nombre del color y la capa de dibujo. Simplemente Haga doble clic El texto al lado del color degradado y cambiarle el nombre a Cielo. Entonces Haga doble clic El texto en la capa de dibujo y cambiarle el nombre a Sky_gradient.

Paso 11

En la línea de tiempo, observe que si arrastra el Cabeza de juego (la barra roja) hasta el final de la escena, el gradiente del cielo desaparece. Lo que queremos hacer es seleccionar el último fotograma en la capa de dibujo (en este caso, fotograma 60), y luego presione F5. Esto simplemente extiende la exposición del dibujo..

Ahora que hemos terminado con el Gradiente del cielo, vamos a Bloquear la capa para que no la modifiquemos accidentalmente a medida que avanzamos a los siguientes pasos.

Simplemente haga clic en el símbolo que parece un bloqueo en la capa de dibujo.

3. Probar diferentes técnicas de dibujo

Paso 1

Haz una nueva capa de dibujo haciendo clic en el (+) símbolo en la línea de tiempo. Seleccionar Dibujo de la lista desplegable.

En el cuadro emergente, nombre la capa Nubes y luego haga clic Añadir y cerrar.

Aparece una nueva capa en la línea de tiempo..

Nota: para eliminar una capa, selecciónela y haga clic en (-) símbolo.

Paso 2

Hay diferentes formas de crear dibujos en Toon Boom. Si tienes una tableta gráfica, puedes usar la Cepillo y Lápiz con facilidad.

Pruébalos y dibuja algunas nubes con el pincel y el lápiz..

Paso 3

También puedes crear dibujos usando el Polilínea. Esta herramienta es útil para los no usuarios de tabletas gráficas. Es similar a laHerramienta de lápiz en Adobe Photoshop o Illustrator.

Para usarlo, simplemente haga clic en un punto en el espacio de dibujo y arrastre para influir en la curva. Hacer clic de nuevo en otro punto, y luego Arrastrar. Sin soltar el punto., Alt-Arrastrar Para cambiar la dirección de la siguiente curva..

Repetir: Clic, Arrastrar, Alt-Arrastrar Hasta que quieras cerrar tu dibujo. Para ello, haga clic en el siguiente punto en el punto de partida..

Etapa 4

Otra forma de crear dibujos es usando el Herramientas de forma y elCortador.

Utilizando la Elipse y Línea, crear una forma de nube general. Haga clic largo en el Seleccionar (símbolo de flecha negra) para encontrar y seleccionar el Cortador.

Bajo la Propiedades de la herramienta a la derecha, asegúrate de seleccionar Redondo Para el Estilo de la punta. Arrastrar el Cortador sobre las líneas que desea deshacerse de.

Paso 5

Comparemos cada método de dibujo y veamos cuál prefieres!

La primera nube, creada usando el Cepillo Herramienta, es adecuada para usuarios de tabletas gráficas. Sus trazos están formados por puntos vectoriales en ambos lados, lo que dificulta su modificación con el Editor de contorno. Me parece genial para crear bocetos y animaciones en bruto..

La segunda nube, creada con el Lápiz, También es adecuado para usuarios de tabletas gráficas. Pero a diferencia Cepillo golpes, Lápiz los trazos están formados por una única ruta de puntos vectoriales, lo que los hace más fáciles de modificar con la Editor de contorno.

Me parece genial para crear arte de línea limpia.


La tercera nube, creada con el Polilínea, te da control total sobre la cantidad de puntos vectoriales que deseas en tu dibujo.

Me parece genial para crear una línea de arte limpia, y es útil para las personas que no usan tabletas gráficas.

La cuarta nube, creada con herramientas de forma y Cortador, También es bueno para los no usuarios de tabletas gráficas..

No es tan fácil de modificar con el Editor de contorno, Pero este método es ideal para crear diseños geométricos..

4. Cómo animar con la herramienta Transformar

Paso 1

Primero creamos el dibujo que animaremos..

Seleccione el color blanco predeterminado de su paleta y dibuje una nube usando el Lápiz o su herramienta preferida. Llénalo con el Pintar herramienta.

Seleccionar el dibujo de la nube, y luego Dupdo y Pegar Y reposicionarlos lado a lado. Una vez que tenga tres copias de la nube a la misma distancia, selecciónelas todas y colóquelas en el espacio de la cámara para que toda la parte inferior se llene con el dibujo..

Paso 2

Queremos ampliar la exposición del dibujo yendo al cuadro. 60 sobre el Nubes capa y presionando F5.

A continuación, establezca fotogramas clave en el marco 1 y 2 presionando F6 mientras que esos marcos son seleccionados.

  • F6 crea fotogramas clave.
  • F7 borra fotogramas clave.

Paso 3

Habilitar el Piel de cebolla haciendo clic en el botón más bajo en la barra de herramientas a la izquierda. Hacer esto le permite ver los cuadros anteriores y siguientes de su animación..

Etapa 4

El aspecto actual de la vista de la cámara es básicamente el aspecto de nuestro primer fotograma clave. Es el segundo fotograma clave que vamos a modificar..

Ahora, asegúrese de que en la línea de tiempo, la Cabeza de juego está en el marco 2 donde se encuentra el segundo fotograma clave.

Selecciona el Transformar herramienta, que está justo encima de la Piel de cebolla botón. Los dibujos en el Nubes capa resaltada en rosa.

Paso 5

Localice el centro de la selección, que es el pequeño cuadrado amarillo, y luego haga clic y arrastre hacia la derecha. Asegúrate de presionar Cambio Para que el dibujo solo se mueva horizontalmente..

Cuando mueva el dibujo a la derecha, notará una versión roja de la nube detrás de ella. Esa es una vista de la posición previa del dibujo, o nube. 1 indicado en la imagen de abajo.

En el marco actual, queremos colocar la nube. 2 Muy cerca de la posición de nube. 1 En el cuadro anterior, pero sin superponerlo completamente. Queremos ponerlo solo unos cuantos codazos a la izquierda del dibujo anterior..

Paso 6

Mira la linea de tiempo.

Sobre el Nube capa, arrastre el segundo fotograma clave desde el marco 2 enmarcar 60. Esto crea In-Betweens entre el primer y segundo fotogramas clave.

In-Betweens son como imagenes de transicion; ayudan a crear una ilusión de que el primer fotograma clave se transforma sin problemas en el siguiente fotograma clave.

Más In-Betweens haz la transición más lenta, y así haz la animación más lenta. Menos In-Betweens hacer la animación más rápida.

Paso 7

Ahora podemos previsualizar el aspecto de la animación resultante..

Habilitar el Máscara de cámara Para bloquear las partes que deben estar ocultas. Es el símbolo de rectángulo / el tercer botón en el panel pequeño entre el espacio de la cámara y la línea de tiempo.

Habilitar el Lazo botón y haga clic en Jugar. Estos se encuentran justo encima del panel de capas.

Como resultado, obtenemos una animación de bucle sin interrupciones de las nubes panorámicas.

Además de animar una bandeja simple, también puede usar el Transformar herramienta para hacer que un objeto gire, escale hacia arriba, escale hacia abajo, aplaste y estire.

5. Cómo animar fotograma a fotograma

Paso 1

Deshabilitar el Nube capa haciendo clic en el símbolo que parece ojos de dibujos animados. Esto elimina temporalmente los dibujos en la nube de la vista..

Crear una nueva capa y nombrarla Estrella.

Paso 2

En la animación fotograma a fotograma, estamos dibujando un fotograma tras otro para hacer que se mueva.

Las claves importantes para recordar son F y sol.

  • F Se usa para ir al cuadro anterior..
  • sol Se usa para ir al siguiente cuadro..

Para animar una estrella parpadeante, use el lápiz (o su herramienta preferida) para dibujar un pequeño diamante en el primer marco de la capa de estrella.

Para los siguientes cuadros, dibuja el diamante creciendo hasta que se rompa y desaparezca..

Paso 3

Queremos que la animación se reproduzca. en dos, lo que significa que queremos que los dibujos tengan una exposición de dos cuadros cada uno.

Aparte de hacer clic-arrastrar o presionar F5, Podemos ampliar la exposición del cuadro presionando Cambio-+.

Ve a la capa estrella y presiona Cambio-+ una vez en cada cuadro.

Etapa 4

Vamos a editar la posición y rotación de la animación..

Haga clic largo en el Seleccionar herramienta (símbolo de flecha negra) y haga clic en Reposicionar todos los dibujos.

Arrastre y gire el dibujo a la posición deseada. Esta modificación se aplica automáticamente a todos los dibujos en la capa seleccionada.


Ahora tenemos una animación fotograma a fotograma de una estrella.!

6. Cómo completar tu escena

Paso 1

Ahora tenemos un fondo, nubes animadas y una estrella animada. Ahora solo tenemos que llenar el cielo con más estrellas y completar la escena.!

Para crear una copia de la animación estrella, haga clic derecho en Estrella capa y haga clic Duplicar capas seleccionadas.

Utilizar el Reposicionar todos los dibujos herramienta para reposicionar, volver a escalar y rotar la estrella duplicada, que es la Estrella_1 capa.

En la línea de tiempo, arrastre los marcos en Star_1 a la derecha, solo para crear variedad en el tiempo.

Paso 2

Ahora queremos llenar el escenario con variaciones de la animación estrella y extenderla a lo largo de la duración de la escena..

Cree más capas de duplicados, vuelva a colocar los dibujos, arrastre cuadros y copie y pegue cuadros en diferentes áreas de la línea de tiempo.

Paso 3

Habilitar la visibilidad del Nubes capa haciendo clic de nuevo en el símbolo de ojos de dibujos animados.

Anteriormente en la animación de la nube, pensé que las nubes se estaban moviendo demasiado rápido. Para remediar esto, extienda la longitud de la escena arrastrando el corchete rojo en la línea de tiempo desde el cuadro 60 a 120.

Seleccione los últimos cuadros en el Nubes y Sky_gradient capas, y presione F5 extender la exposición.

Sobre el Nubes capa, arrastre el último fotograma clave desde el marco 60 enmarcar 120. Esto aumenta el In-Betweens y por lo tanto ralentiza la animación..

Etapa 4

Copia y pega las animaciones estrella..

Selecciona todas las animaciones estrella haciendo clic en el cuadro 1 sobre el Estrella capa, presionando Cambio, y luego haciendo clic en el marco 60 en Estrella_1 capa.

Copiar los marcosy pegar en el marco 61 del Estrella capa.

Paso 5

Queremos que las nubes estén en primer plano, por lo que en el panel de capas, arrastre la capa de nubes a la parte superior de todas las demás capas.

7. Cómo exportar tu animación

Cuando esté satisfecho con la animación, puede proceder a exportar.

Ir Archivo> Exportar> Película ...  Hacer clic Vistazo… para nombrar su archivo de salida y seleccionar su ubicación de archivo. En el Rango de exportación, puedes optar por seleccionar todos o especifique los marcos que desea exportar. Hacer clic DE ACUERDO.

Espera a que tu película termine de exportarse, ¡y ahí la tienes! Ahora tiene un archivo .mov de su escena animada, que puede convertir a otros formatos de video usando un software de edición de video como Adobe Premiere Pro.

Feliz animando!

Si bien Toon Boom aún tiene muchas más herramientas y funciones avanzadas que explorar, comenzar con las técnicas más básicas aún puede brindarte resultados espectaculares.

Tu programa y tus materiales solo pueden llegar hasta aquí para crear un buen arte; el resto depende de ti y de tu creatividad.!

Espero que hayas aprendido mucho y te diviertas animando.!


¿Buscas más tutoriales de Toon Boom? ¿Por qué no probar estos: