Flash Sale! Up to 40% off on unlimited courses, tutorials and creative asset downloads Up to 40% off on unlimited assets SAVE NOW
Advertisement
  1. Design & Illustration
  2. Animation
Design

Guía Para Principiantes de Toon Boom

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Alfonso Mora (you can also view the original English article)

What You'll Be Creating

Todo el mundo tiene una historia que contar, y la animación es uno de los muchos medios impresionantes para hacer justamente eso. ¡Animación te permite crear escenas directamente de su imaginación! Así que a lo largo de este tutorial, vamos aprender a crear una escena animada en Toon Boom.

1. Conocer a Toon Boom

Paso 1

Crear una nueva escena llenando estas cajas al abrir el programa:

(1) Nombre: Nombre de la escena aquí.

(2) Ubicación: Indicar donde desea guardar el archivo de la escena haciendo clic en Browse...

(3) Tamaño de Cámara: Usted puede seleccionar un tamaño por defecto de la cámara de aquí, o usted puede personalizar la configuración introduciendo sus recomendado: valores en los cuadros para la anchura, altura, velocidad de fotogramas y campo de visión

(4) Crear escena: Puede hacer clic este botón una vez todo lo anterior.

Create scene

En caso de que decida cambiar los ajustes después de que has creado tu escena, fácilmente puede hacerlo haciendo clic en escena > ajustes de escena. Aquí puede ajustar la resolución y fotogramas por segundo.

Scene settings

Paso 2

Familiarícese con la interfaz.

Las siguientes son las partes más esenciales que utilizaremos con frecuencia en este tutorial.

(1) Vista de cámara: 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 la etapa donde realiza la animación. Cualquier cosa fuera de las fronteras no se mostrará en salidas fundidas.

(2) Línea de tiempo: Se trata de donde crear y modificar capas y fotogramas y editar la duración de la animación.

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

(4) Propiedades de la herramienta: Es donde se pueden personalizar la herramienta propiedades y configuraciones (si está disponible).

(5) Paleta de Color: Esto es donde puede crear, seleccionar y modificar los colores que aparecerán en la escena.

Interface

Paso 3

Familiarizarse con las herramientas.

(1) *Seleccionar: utilizado para su rotación, cambio de tamaño y cualquier objeto seleccionado en su espacio de dibujo.

(2) *Editor de contorno: se usa para ajustar puntos vectoriales en sus dibujos.

(3 ) Pincel y (4) Lápiz: utilizado para el dibujo.

(5) Texto: Se utiliza para insertar texto.

(6) Borrador: Se utiliza para borrar.

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

(8) *Línea: usado para líneas de fabricación.

(9) Gotero: Ayuda a localiza una muestra de color cuando se escoge un color de un dibujo.

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

(11) Morphing: Genera dibujos entre vectores.

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

  • Mano: Presione la Barra espaciadora mientras haciendo clic y arrastrando.
  • Zoom in: Presione 1.
  • Zoom out: Presione 2.
  • Rotar vista: Presione Control-Alt y haciendo clic y arrastrando.

(13) Animar: Siempre activar esto cuando utilice la herramienta de Transformación para animar

(14) Transformación: Utilizado para crear algunas animaciones básicas como el reescalado, reubicación y rotación.

(15) Vista de Piel de Cebolla: Habilitado para ver dibujos anteriores y siguientes y animación.

Nota: Herramientas indicadas con (*) tienen un pequeño triángulo de lado derecho inferior, lo que significa más opciones están disponibles cuando haga clic en largo.

Tools

Ahora, es hora de utilizar estas herramientas y características para crear una escena animada!

En los próximos pasos, vamos a aprender a crear un cielo con estrellas titilantes y nubes móviles.

2. Cómo Crear el Fondo

Paso 1

En primer lugar, queremos crear un rectángulo. Con la Herramienta Rectángulo, arrastre el cursor a las afueras de los bordes de las fronteras de la cámara.

Create rectangle

Paso 2

Llenar el rectángulo. Con la Herramienta de Pintura, haga clic en dentro de la forma.

Fill rectangle

Paso 3

En la Paleta de Color, haga Doble Clic en el color utilizado para rellenar el rectángulo. En este caso, se utilizó el valor por defecto Negro.

El cuadro del Selector de Color aparece como resultado de ello, y se utiliza para editar los colores. Me parece el Modo Rueda Múltiple más conveniente y más fácil de controlar, así que cambiar a ese modo haciendo clic en el botón indicado.

Color wheel

Paso 4

En la ficha Color Multiwheel, seleccione Degradado en lugar de Sólido. Como resultado, un espectro con dos nodos aparece por debajo de ella.

Gradient

Paso 5

Asegúrese de que está seleccionado el nodo izquierdo del espectro y entonces escoger una tonalidad violeta de su rueda de color.

¡Ahora tenemos un gradiente básico!

Violet hue

Paso 6

Queremos que el degradado vertical en vez horizontal. Podemos editar la orientación mediante la Herramienta editar degradado/Textura, que puede ser encontrada haciendo largo el Editor de Contorno (flecha blanca).

Utilizando esta herramienta, simplemente selecciona el rectángulo y rotar el relleno de la forma.

Edit gradient

Paso 7

Volviendo a nuestros degradados de color, queremos que el color violeta a la transición en un amarillo-anaranjado.

En la ficha Color Multiwheel, seleccione el nodo correcto del espectro y seleccione el color deseado de la rueda de color.

Yellow-orange hue

Paso 8

Añadir otro color al espectro haciendo clic en la derecha de la zona entre los nodos existentes. Aparecerá un nuevo color y mientras está seleccionada, elija un tono rosado de la rueda de color.

Pink hue

Paso 9

Puede editar el gradiente más arrastrando los nodos de la izquierda y derecha a lo largo del espectro. ¡Ahora tenemos un bonito degradado para servir como nuestro fondo de cielo!

Sky gradient

Paso 10

Salir de Multiwheel color.

Podemos hacernos más organizado por cambiar el nombre del color y capa de dibujo. Simplemente haga Doble clic en el texto al lado del color del degradado y cámbiele el nombre al Cielo. Luego haga Doble clic en el texto de la capa de dibujo y cambiarle el nombre a Sky_gradient.

Exit multiwheel colour

Paso 11

En la línea de tiempo, observe que si se arrastra el Cursor (la barra roja) al final de la escena, desaparece el gradiente de cielo. Lo que queremos hacer es seleccionar el último fotograma de la capa de dibujo (en este caso, marco de 60) y presione F5. Esto simplemente amplía la exposición de dibujo.

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

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

Extend exposure

3. Trate de Diferentes técnicas de Dibujo

Paso 1

Hacer una nueva capa de dibuja haciendo clic en el (+) símbolo en la línea de tiempo. Seleccione el Dibujo de la lista desplegable.

En el cuadro emergente, nombre de las Nubes de capa y haga clic en Agregar y Cerrar.

En la línea de tiempo aparece una nueva capa.

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

Create new layer

Paso 2

Hay diferentes maneras de crear dibujos en Toon Boom. Si tienes una tableta gráfica, puede utilizar el Lápiz y el Pincel con facilidad.

Probarlos y sacar algunas nubes con el pincel y el lápiz.

Brush and pencil

Paso 3

También puede crear dibujos utilizando la Polilínea. Esta herramienta es útil para no usuarios de tabletas. Es similar a la herramienta pluma 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. Haga Clic de nuevo en otro punto y a continuación, Arrastre. Sin soltar el punto, Pulse Alt y arrastre para cambiar la dirección de la curva siguiente.

Repetir: Hacer Clic, Arrastrar, Pulse Alt y arrastre hasta que desea cerrar su dibujo. Para ello, haga clic en el siguiente punto en el punto de partida.

Polyline

Paso 4

Otra forma de crear dibujos es mediante el uso de las Herramientas de Forma y la herramienta de Corte.

La Elipse y la Línea, crear una forma general de la nube. Larga y haga clic en la herramienta de Selección (flecha negra) con el fin de buscar y seleccionar la herramienta de corte.

En las Propiedades de la herramienta a la derecha, asegúrese de seleccionar la Ronda para el Estilo de punta. Arrastre la herramienta de Corte sobre las líneas que desea deshacerse.

Shapes and cutter

Paso 5

Vamos a comparar cada método de dibujo y ver que uno prefiere!

La primera nube, creada mediante la herramienta de Pincel, es apropiado para los gráficos de los usuarios de tablets. Sus trazos se componen de puntos vectoriales en ambos lados, lo que hace difícil modificar con el Editor de contorno. Encuentro grandes para crear animaciones y bocetos.

Brush

La segunda nube, creada con la herramienta Pincel, también es adecuada para usuarios de tabletas gráficas. Pero a diferencia de los trazos de Pincel, trazos de Lápiz son de un solo trazado de puntos vectoriales, haciéndolos más fácil de modificar con el Editor de Contorno.

Encuentro gran para la creación de arte de línea limpia.

Pencil

La nube de tercera, creada con la Polilínea, le da control total sobre el número de puntos de vector que desea en su dibujo.

Me parece gran para la creación de arte de línea limpia, y es útil para la gente que no use las tabletas de los gráficos.

Polyline

La nube de cuarta, creada con herramientas de forma y de Corte, también es buena para no usuarios de tabletas.

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

Shapes and cutter

4. Cómo Animar Con la Herramienta de Transformación

Paso 1

En primer lugar, vamos a crear el dibujo que te animan.

Seleccione el color blanco por defecto de su paleta y dibujar una nube con el Lápiz o la herramienta preferida. Rellenar con la herramienta de Pintura.

Seleccione la nube dibujo y Copiar y Pegar y vuelva a colocar que ellos lado a lado. Una vez que tengas tres copias equidistantes de la nube, selecciónelos todos y posicionarlos en el espacio de la cámara para que el fondo entero se llena con el dibujo.

Create clouds

Paso 2

Queremos ampliar la exposición de dibujo va a marco 60 en la capa de Nubes y presionando F5.

Entonces establecer fotogramas clave en el marco 1 y 2 presionando F6 mientras que seleccionan a los marcos.

  • F6 crea fotogramas clave.
  • F7 elimina los fotogramas clave.

Create key frames

Paso 3

Permitir que la piel de cebolla haciendo clic en el botón más bajo en la barra de herramientas de la izquierda. Esto le permite ver los fotogramas de la animación anteriores y siguientes.

Enable onion skin

Paso 4

El aspecto actual de la vista de cámara es básicamente como luce 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 lectora está en el cuadro 2 donde se encuentra el segundo fotograma clave.

Seleccione la herramienta de Transformación, que se encuentra justo encima del Botón de piel de cebolla. Los dibujos en la capa de Nubes se convierten en resaltado en rosa.

Transform

Paso 5

Punto el centro de la selección, que es el pequeño cuadrado amarillo, y luego haga clic y arrastre hacia la derecha. Asegúrese de pulsar la tecla Shift para que el dibujo sólo se mueve horizontalmente.

Al mover el dibujo a la derecha, verá una versión roja de la nube detrás de él. Es una vista de la posición anterior del plano, o en la nube 1 indicado en la siguiente imagen.

En el marco actual, queremos poner nube 2 muy cerca de la posición de la nube 1 en el cuadro anterior, pero no totalmente superpuestos lo. Queremos poner pocos avances a la izquierda del dibujo anterior.

Reposition

Paso 6

Mire la línea de tiempo.

En la capa de Nubes, arrastre el segundo fotograma clave del marco 2 marco 60. Esto crea intersticios entre los fotogramas clave primeros y segundo.

Intermedios son como imágenes de transición; ayudan a crear una ilusión que el primer fotograma clave está transformando suavemente en el siguiente fotograma clave.

Intermedios más hacen la transición más lenta y así hacen que la animación más lenta. Menos intermedios hacen la animación más rápido.

In-betweens

Paso 7

Ahora podemos escuchar lo que parece la animación resultante.

Activar la Máscara de Cámara bloquear las partes que deben ser oculto. Es el símbolo del rectángulo el tercer botón en el panel pequeño entre el espacio de la cámara y la línea de tiempo.

Activar el botón de Bucle y haga clic en Reproducir. Éstos están situados justo encima del panel Capas.

Preview

Como resultado, obtenemos una perfecta animación bucle de barrido las nubes.

Aparte de animar un pan simple, también puede utilizar la herramienta de Transformación para hacer que un objeto gire, escalar, escala, aplastar y estirar.

Cloud animation

5. Cómo Animar Fotograma por Fotograma

Paso 1

Desactivar la capa de Nubes haciendo clic en el símbolo que se parece a ojos de dibujos animados. Esto elimina temporalmente los dibujos de nube de la vista.

Crear una nueva capa y asígnele el nombre Estrella.

Create new layer

Paso 2

En la animación fotograma por fotograma, estamos dibujando un fotograma tras otro para hacerla mover.

Claves importantes para recordar son F y G.

  • F se utiliza para ir al marco anterior.
  • G se utiliza para ir al siguiente fotograma.

Para animar una estrella, utilice el lápiz o la herramienta preferida para dibujar un pequeño diamante en el primer fotograma de la capa de estrella.

Para los siguiente fotogramas, dibuje el diamante crece hasta que se rompe aparte y desaparece.

Animate frame by frame

Paso 3

Queremos que la animación para reproducir las dos, lo que significa que queremos los dibujos para una exposición de dos marcos.

Aparte arrastrando o pulsando F5, podemos extender la exposición de marco presionando Shift-+.

Ir a la capa de estrellas y presione Shift-+ una vez en cada fotograma.

Extend exposure

Paso 4

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

Larga y haga clic en la herramienta de Selección (flecha negra) y haga clic en Reposicionar Todos los Dibujos.

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

Reposition all drawings

¡Ahora tenemos una animación de cuadro por cuadro de una estrella!

Star animation

6. Cómo Completar la Escena

Paso 1

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

Para crear una copia de la animación de estrella, haga clic en el capa de Estrellas y haga clic en Duplicar las Capas Seleccionadas.

Utilice la herramienta de Reposicionar Todos los Dibujos para colocar, cambiar la escala y gire la estrella duplicada, que es la capa de Star_1.

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

Duplicate star

Paso 2

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

Crear duplicados de capa más, vuelva a colocar los dibujos, arrastre de Marcos y copiar y pegar fotogramas en diferentes áreas de la línea de tiempo.

Fill the sky

Paso 3

Permitir la visibilidad de la capa de Nubes haciendo clic otra vez en el símbolo de ojos de dibujos animados.

Principios de la animación de la nube, yo pensaba que las nubes se movían demasiado rápido. Para remediar esto, prolongar la duración de la escena arrastrando la escuadra roja en la cronología de marco de 60 a 120.

Seleccione los marcos de último en las Nubes y Sky_gradient capas y presione F5 para ampliar la exposición.

En la capa de Nubes, arrastrar el último fotograma clave de marco 60 marco 120. Esto aumenta los Intermedios y, por tanto, ralentiza la animación.

Adjust scene length

Paso 4

Copiar y pegar las animaciones estrellas.

Seleccione todas las animaciones estrellas haciendo clic en el fotograma 1 de la capa de Estrella, pulsa Shift y haciendo clic en el fotograma 60 de capa Star_1.

Los marcos de copiar y pegar el fotograma 61 de la capa de Estrella.

Copy paste star animations

Paso 5

Queremos que las nubes en primer plano, etcétera el panel capas, arrastre la capa de nubes a la parte superior de todas las capas.

Adjust layer order

7. Cómo Exportar Tu Animación

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

Ir a Archivo > Exportar > Película... Haga clic en Examinar... para nombrar su archivo de salida y seleccione su ubicación del archivo. En el Rango de Exportación, puede optar por seleccionar todo o seleccionar los fotogramas que desea exportar. Haga clic en Aceptar.

Espere a que su película a fin de exportar, y ahí lo tienen! Ahora tiene un archivo .mov de su escena animada, que se puede convertir en otros formatos de video con software de edición de vídeo como Adobe Premiere Pro.

Export

¡Feliz Animación!

Mientras que Toon Boom todavía tiene muchas herramientas más avanzadas y características para ser explorado, a partir de las técnicas más básicas puede todavía traer resultados espectaculares.

Su programa y los materiales sólo pueden obtener le hasta ahora en la creación de buen arte, el resto es de ti y de tu creatividad!

Espero que aprendió mucho y diviértete animando!


¿Buscas Más Tutoriales de Toon Boom? Por qué no probar estos:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.