Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. CrazyTalk Animator
Design

Como Crear un Comic Animado en CrazyTalk Animator 3

by
Difficulty:IntermediateLength:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

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

What You'll Be Creating

Si quieres contar una historia, no hay nada mejor que una animación- puedes compartir lo que quieres decir a través de los personajes. sus movimientos y los sonidos que ellos hacen. CrazyTalk Animator 3 es el programa perfecto para esta tarea- es muy simple de usar, pero muy poderoso. Si lo usas en la versión Pipeline, ¡Puedes convertirlo incluso en una extensión de Photoshop!

En este tutorial, te mostrare como crear un personaje en Photoshop, como ajustarlo para la animación, y como importarlo a CTA3. Entonces aprenderás como agregarle animaciones automáticas, y como agregar sonidos para crear una historia completa. esta será una animación muy básica de un perro persiguiendo una mariposa, ¡Pero te enseñará todo lo básico que necesitas saber!

Y una vez que hayas aprendido cómo crear tu propia animación de cómic, ¿Por qué no participas en el Concurso de Animación en el Trabajo? ¡Hay grandes premios para ganar!

1. Cómo Preparar los Recursos en Photoshop

Paso 1

Primero, crea un boceto de un perro y ábrelo en Photoshop. Disminuye su Opacidad.

dog sketch

Paso 2

Vamos a construir todo el cuerpo del perro a partir de formas vectoriales que se pueden remodelar fácilmente. Si tienes una suscripción a Adobe Creative Cloud, puedes aprender cómo hacerlo en este rápido tutorial:

Empezemos con el hocico. Usa la Herramienta Elipse (U) y presiona Shift para dibujar un circulo. ¡Asegurate de que estas trabajando en el modo Forma primero! Pinta el hocico de color beige, y usa también la Heramienta de Selección Directa (A) para arrastrar los puntos y remodelar el circulo. Puedes agregar más puntos en cualquier momento utilizando la Herramienta Pluma (P).

simple muzzle pen tool

Paso 3

Agrega una nariz ovalada (negra) con un brillo ovalado (gris oscuro).

simple dog nose

Paso 4

Construye los ojos, paso a paso, incluyendo el iris, la pupila, lo blanco del ojo, el brillo, y un parche negro alrededor del ojo. Agrega a la cabeza, una mejilla esponjosa, y un patrón en la cabeza.

dog face

Paso 5

Agrega unas orejas flexibles y una boca sonriente.

doc ears and mouth

Paso 6

Agrega un cuello esponjoso.

how to create vector dog neck

Paso 7

Agrega el torso. ¡Hazlo muy esponjoso!

how to create dog torso

Paso 8

La cola y las patas serán muy fáciles de crear ahora. ¡Solo mantenlos simples!

how to create dog legs

Paso 9

Crea las cejas.

how to create vector dog eyebrows

Paso 10

Si quieres crear expresiones faciales animadas, preparalas ahora. Puedes duplicar la boca, por ejemplo y remodelarlo para que pueda abrir la boca para ladrar. y puedes rotarlo para cerrar la boca.

how to create dog facial expressions

Paso 11

¡Nuestro primer personaje esta listo! Ahora vamos a crear la mariposa:

how to create vector butterfly

Paso 12

Para crear la escena completa, necesitamos un fondo. Podemos hacerlo de una manera muy simple. Crea un nuevo archivo con las dimensiones destinadas a tu vídeo. El mio es de 1920 x 1080 px. Copia los personajes y colocalos allí para tener una referencia.

Llena una capa completa con un degradado blanco-azul, Entonces agrega algo de suelo, haciendo cada capa más clara y mas azulada para que se pueda adaptar al cielo.

how to create simple vector background

Paso 13

Agrega un circulo blanco para el sol.

how to add vector sun

Paso 14

Haz click en el botón derecho y selecciona las Opciones de Fusión. Agrega Brillo Exterior. Usa el amarillo en el modo Normal. Ajusta la Difusión y Tamaño para lograr un agradable brillo.

how to add glow to sun
how to create glowing sun in photoshop

2. Cómo Agregar Huesos a los Personajes

Paso 1

Nuestros personajes están terminados, pero ahora solo son gráficos. Para animarlos, necesitamos agregarles "huesos", de esta forma CrazyTalk Animator 3 sabrá como mover las partes del cuerpo.

Primero, organiza las capas de tu perro. Algunas necesitan ser fusionadas mientras que otras no. Deberías tener capas para:

  • Pata Delantera (D y I)
  • Pata Delantera (D e I)
  • Pata Trasera (D e I)
  • Pata Trasera (D e I)
  • Cola
  • Cuerpo
  • Cuello (fusionalo con el pelaje de la mejilla derecha)
  • Boca sonriente
  • Boca ladrando
  • Boca cerrada
  • Oreja (R y L)
  • Cabeza (fusionala con el hocico y los parches de los ojos)
  • Nariz
  • "Iris" (D E I ; iris fusionado con la pupila y el brillo)
  • Lo blanco del ojo (D é I)
  • Varios ojos modificados para expresiones
  • Cejas (D e I)
layers of the graphics character

Paso 2

Descarga la plantilla con huesos para un cuadrúpedo. Ábrela en Photoshop. Haz las dos ventanas visibles al mismo tiempo, y arrastra las capas desde la plantilla hasta el archivo del perro.

drag layers from template

Paso 3

Con las capas aún seleccionadas, usa la Herramienta de Transformación Libre (Control-T) para ajustar el tamaño de la plantilla de tu perro.

adjust size of template

Paso 4

El archivo de la plantilla contiene cuatro tipos de elementos:

  • Imágenes: las partes de la animación que podemos ver.
  • Huesos: las partes de la animación que dirigen el movimiento de las imágenes, aunque no son visibles durante la animación.
  • Etiquetas: ellas ayudan a asignar a los huesos las imágenes correctas.
  • Pivote: Define el eje del suelo.

Primero, reemplaza las imágenes de la plantilla con tus gráficos.

replace images on template

Algunos elementos deben estar puestos en el grupo RL_TalkingHead. Estos serán utilizados para las animaciones faciales.

facial animation images
mouth images

Paso 5

Luego, mueve el hueso marcando los lugares correctos en el cuerpo y la cara del perro (en los grupos RL_Bone_Quadruped y RL_Talking>HeadHead_Bone). Guarda el archivo cuando este listo.

place bones

Paso 6

Nuestra mariposa necesitará huesos también, aunque no tan complejos. Abre Wings_Template del paquete que descargaste previamente y usa el mismo método de antes, esta vez en la mariposa.

butterfly images
wings images

3. Cómo Crear Personajes Animados en CrazyTalk Animator 3

Paso 1

¡Es momento de la verdadera diversión! Abre CrazyTalk Animator 3. Ve a Render>Render Video y ajusta las dimensiones que necesitas. No hagas clic en Exportar- solo cierra la ventana cuando termines.

render options cta3

Paso 2

Arrastra tu fondo dentro del programa. Selecciona Fondo cuando aparezca una ventana.

how to add background to cta3
background added

Paso 3

Haz clic en Create G3 Free Bone Actor. Selecciona tu archivo con el perro.

create g3 free bone actor

El perro aparecerá, junto con sus huesos como se define en la plantilla.

dog added with bones

Paso 4

Independientemente del orden de capas que tengas en Photoshop, CTA3 tiene su propio orden que puede hacer un lío. Abre Layer Manager y arrastra la boca bajo la cara.

how to arrange layers in cta3

Paso 5

Puedes dar clic a Preview para jugar con los huesos para ver si funcionan correctamente.

cta3 preview

Deben moverse junto con los gráficos a los que están conectados.

test the bones

Si notas algo que necesita ser reparado, puedes volver fácilmente a Photoshop para ajustarlo en vivo. Simplemente seleccione Iniciar en el Editor de PSD Externo. Tu archivo abrirá automáticamente- ajusta lo que necesitas y guárdalo. Tus cambios serán agregados al perro abierto en CTA3, para que puedas verificar los efectos del cambio de una vez.

how to launch cta3 to photoshop

Paso 6

¿Estás feliz con el resultado final?  Da clic en Back Stage para cambiar del Mode Composer al Stage Mode.

go to stage mode

Paso 7

Coloca tu perro donde quieres que este al principio de la animación.

place character in cta3

Paso 8

Importa la mariposa del mismo modo que lo hiciste con el perro.

place butterfly

Paso 9

¡Estamos listo para la animación! Ve a Content Manager y abre la tabla Animation. Ve a Motion > 2_G3 Animals > Dog > Move. Asegúrate de que tu perro este seleccionado, y entonces da doble clic a Run(1S), Run(2L) de nuevo, y Run(3E). Esto le dará la animación al perro para que comience a correr, dos animaciones de correr, y una para terminar de correr.

how to add run animation to dog

Prueba tu animación ahora:

test animation

Paso 10

¡Pero no queremos que el perro corra en un solo lugar! Necesitamos algunos pasos más para ajustar esta animación. Vaya a Window> Timeline y seleccione Motion para abrir la línea de tiempo del perro.

how to open timeline

Paso 11

Aquí puedes ver todas las animaciones que se han aplicado. Arrastra el marcador hasta el final de la ejecución, haga clic en el marco de abajo y presione V para marcar un fotograma clave. No es necesario, pero ayuda a organizar el movimiento en la línea de tiempo, y es una buena práctica si desea separar los movimientos entre sí.

how to add keyframes in cta3

Paso 12

Arrastra tu perro hasta el lugar que quieres que corra.

how to make the dog move

¡Si le das play a la animación ahora, verás al perro corriendo por la escena!

Paso 13

Asegúrate de que su creador esté colocado justo al final del movimiento de ejecución. Ve a Edit> Flip> Horizontal Flip para que el perro gire.

how to flip a character in cta3

Paso 14

Repite los pasos anteriores para hacer que el perro corra de vuelta.

repeat the run back

Paso 15

Agreguemos más acción. Coloca tu marcador al final de todas las animaciones y ve a Animation> Motion> 2_G3 Animals> Dog> Perform> Bark (1S), Bark (2L), Bark (3E).

how to add bark animation in cta3

Paso 16

Para darle al perro un motivo para correr, haz que persiga a la mariposa. La mariposa debe moverse justo antes que el perro, y darse la vuelta antes de que se detenga.

how to place butterfly
how to move butterfly

Termina el movimiento en el mismo lugar donde comenzó, para permitir un ciclo. Haz que se detenga antes de que comience a ladrar.

how to create butterfly lop

Paso 17

¡Pero la mariposa también puede ser animada! Ve a Animation > 4_G3 > Wings > Butterfly (2L).

how to animate butterfly in cta3

Paso 18

Puedes hacer que el movimiento sea más natural agregando más vueltas a la pista.

how to create natural path for butterfly

4. Cómo Agregar Animaciones Faciales

Paso 1

Para que toda la animación sea más natural e interesante, hagamos que el perro cambie sus expresiones faciales. ¡Es muy fácil!

Selecciona el perro y haz clic en Face Puppet.

face puppet cta3

Paso 2

Busque un perro en la lista y presione Preview.

face puppet window cta3

Coloque el cursor sobre la cabeza del perro, presione la barra espaciadora y mueva el mouse para que el perro mueva la cabeza. También puedes hacer clic izquierdo para que parpadee.

simple facial animation cta3

Paso 3

Juega un poco con varias expresiones para aprender qué puede ser usado en tu animación. Decidí usar expresiones felices para correr. Coloca el marcador donde desea que comience la animación y luego haga clic en Record. Presiona Enter para ganar tiempo extra y reproduce tu expresión. Presione la barra espaciadora para detener la grabación.

how to record facial animation cta3

Logré un resultado satisfactorio e involuntariamente divertido después del primer intento, pero si no te gusta lo que grabaste, simplemente presiona Control-Z y vuelve a intentarlo.

Paso 4

Usa el mismo método para crear el ladrido animado.

5. Cómo Agrear Efectos de Sonido para una Animación.

Paso 1

La animación esta casi lista, pero es extraña sin nada de sonidos. ¡Vamos a agregarlos!

Haga clic en Music en la capa del Proyecto en la línea de tiempo (si no puedes ver el proyecto, haz clic en el primer icono en la barra y marca Project).

how to add music cta3

Paso 2

Arrastra música de fondo a esta capa. Yo elegí sonidos de pájaros, pero puedes elegir cualquier cosa que te parezca adecuada. Asegúrate de que la música cubra todo el tiempo de la animación- de lo contrario, puedes copiarla y pegarla nuevamente.

how to add background music to cta3

Paso 3

Luego, haz clic en Sound FX1.

how to add sound effects cta3

Paso 4

Pon el sonido de jadeo de perro aquí.

how to add a sound of panting dog

Paso 5

Necesitamos ajustar este sonido, porque no debe sonar todo el tiempo- solo cuando la boca del perro está abierta. Puedes hacerlo fácilmente dividiendo la pista. Selecciona el sonido, coloca el marcador donde desee que se divida y presiona Control-B.

how to split the track in cta3

Paso 6

Las pistas divididas se pueden mover fácilmente al lugar correcto.

how to move split tracks in cta3

Paso 7

Finalmente, haz clic en Sound FX2...

how to add more sound effects in cta3

... y pon el sonido de ladrido de perro aquí.

how to add dog bark in cta3

Paso 8

 Divídelos correctamente y colócalos donde deberían estar.

how to add sounds to cta3 animation

Paso 9

Después de que todo haya terminado, echa un vistazo al vídeo y ve cómo se ve todo junto. Yo decidí modificar un poco los colores del fondo para que el perro se destacara más. Después de aplicar estos cambios, simplemente ve a Render> Render Video y presione Exportar.

¡Buen Trabajo!

Ahora conoces todos los elementos básicos de la animación en CrazyTalk Animator 3. ¡Puedes crear tus propios personajes y escribir tu propia historia que puedes compartir con los demás! Si le interesan otros trucos, puede probar nuestro tutorial anterior sobre CTA3:

¡Y no olvides ingresar tu animación en el concurso Animation At Work y gana grandes premios por tu trabajo!

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.