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

Cómo Crear una Animación para YouTube en CrazyTalk Animator 3

by
Difficulty:IntermediateLength:LongLanguages:
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 Jean Perez (you can also view the original English article)

What You'll Be Creating

Cuando usted está creando videos en YouTube, a veces una grabación pura no es cautivador lo suficiente. Puede condimentar para arriba agregando elementos animados especiales. Por ejemplo, un personaje animado podría ayudar a mantenerse anónimo, sin dejar de ofrecer una persona para identificar con. También puede presentar un concepto que no se registran en la realidad, o pone énfasis visual en algunos elementos del video.

Si usted quisiera intentar esto, pero no está seguro de cómo, este tutorial es sólo para ti! CrazyTalk Animator 3 permite a los usuarios crear animaciones de una forma fácil y sencilla. Puede simplemente hacer algo en Photoshop y luego importarlo para animación. Luego puede Agregar movimientos de automáticos y manual, cambio de expresiones faciales, agregar sonidos y así sucesivamente.

En este tutorial, te mostraré algunos trucos útiles que puede utilizar para tus vídeos: Cómo crear una versión animada "chibi" del presentador, cómo incrustar un video dentro de la animación, cómo al labio sincronización audio y cómo añadirle movimientos y expresiones faciales. También te mostraré cómo agregar apoyos animados y efectos de sonido. Voy a usar mi propio video, pero puede usar cualquier cosa de su propia con un propósito similar.

Y una vez que has aprendido cómo crear la animación de YouTube, lo puede presentar para el Concurso de Animación en el Trabajo!

1. Cómo Preparar Activos para la Animación

Paso 1

Si quieres crear un personaje de la animación, primero necesita diseñarlo. Lo bosquejo a plan de los colores y abrirlo en Photoshop o Illustrator y bajar su Opacidad.

Si no sabes cómo diseñar tal carácter, prueba este tutorial:

how to draw a chibi

Paso 2

Crear los ojos usando formas vectoriales en capas separadas. Si eres nuevo en esta técnica, usted puede aprender cómo crear simples vectores en Photoshop en este tutorial rápido:

También se puede aprender sobre la creación de personajes en Illustrator de estos tutoriales:

how to create vector managa eyes

Paso 3

Crear la cara y algún pelo básica. Puede oscurecerlo de manera simple mediante la adición de un degradado radial en la parte superior, recorta a la forma del cabello. Separar las partes delanteras y traseros del corte de pelo.

how to create vector manga hair

Paso 4

Acabado del cuerpo, todo de formas simples de construcción y les remodelación luego.

how to create vector chibi

Paso 5

Para que nuestro personaje verdaderamente humano-como, necesitamos darle algunas expresiones faciales. Crear variantes de los ojos de:

  • Sonrisa
  • Ojos cerrados
  • Ojos bien cerrados
  • Ojos que escudriña
  • Ojos con iris especiales
types of chibi eyes

Paso 6

Crear varias bocas, también:

  • Boca abierta en una sonrisa
  • Beso
  • Labios abiertos
  • Mostrando los dientes
  • Boca abierta
types of chibi mouths

Paso 7

Porque queremos que nuestro personaje al hablar, tenemos que crear algunas variantes más de las formas de la boca, cada uno diseñado para un sonido diferente:

  • Ah, me
  • Oh
  • EE
  • U
  • Woo
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z
typs of sounds for chibi mouth

Paso 8

Puede que también necesite otros elementos que desee incluir en su video. Por ejemplo, puede mostrar un video dentro de tu video colocando en una pantalla de ordenador portátil falso. Puede descargar en Envato Elements y quite la pantalla de Photoshop con la Herramienta de Varita Mágica (W).

laptop screen prop mockup

2. Cómo preparar los bienes para importación

Paso 1

CrazyTalk Animator 3 está diseñado para trabajar con los activos creados en Photoshop, pero tienen que ser especialmente preparados para ello. Si has creado tu personaje en otros lugares, copiarlo a Photoshop, manteniendo estos elementos separados:

how to organize layers for animation
No es necesario arrastrar sus partes alrededor de este, es sólo para mostrar!

Paso 2

Descargar un pack especial de plantillas, extraerlo e ir a 01_Templates > Human_Front_Full_Template. Coloque ambos las ventanas lado a lado, seleccione todas las capas en la plantilla y arrastre a la ventana con el carácter.

drag template layers to chibi

Paso 3

Cambiar el tamaño (Control-T) el contenido de las capas para ajustar el tamaño de la plantilla a tu personaje.

resize the template

Paso 4

Para saber CTA3 que partes del cuerpo lo que, es necesario colocar las capas en carpetas correspondientes. Retire las capas ficticias de ellos y sustituirlas por su propia.

replace the dummy layers with chibi parts

Paso 5

Coloque los elementos de la cabeza así como en la carpeta Head_Image.

place head elements in foldes

Paso 6

Los ojos y la boca tienen otras carpetas dentro, para todas las variantes que hemos creado anteriormente. Para la boca, coloque cada expresión y cada sonido por separado:

mouth expersion variants
mouth sounds variants

Paso 7

Para los ojos, en la carpeta Normal, coloque el diafragma y la parte blanca del ojo por separado.

eyes normal folder

Coloque las otras expresiones en la carpeta EyeWhite.

other experssions folder

Paso 8

Finalmente, es necesario saber CTA3 lo que parece el esqueleto de su carácter. En la carpeta RL_Bone_Human, usted encontrará marcadores especiales para cada parte del cuerpo. Colocarlos en las articulaciones. Puede usar la plantilla como referencia.

mark the joints

Paso 9

Los elementos de la cara también necesitan sus propios marcadores. Aquí no es realmente acerca de las articulaciones, pero sobre la colocación. Encontrarás estos marcadores en RL_TalkingHead > HeadBone.

place markers for the head

3. Cómo Importar un Personaje de Photoshop a CrazyTalk Animator 3

Paso 1

Abra el CrazyTalk Animator 3. Ir a Render > Render de Video y cambiar el tamaño de marco a lo que desea que el vídeo se. No presione la exportación — acaba de salir el X.

render settings cta3

Paso 2

En primer lugar, arrastre la imagen de la laptop en la escena (Asegúrese de que se trata de una imagen .png). Seleccione Prop.

drag laptop prop to the scene

Paso 3

Cambiar el tamaño de la imagen para llenar el marco.

resize the prop to background

Paso 4

Ahora, arrastre el vídeo (sin sonido) a la escena. Pueden ser que algunos formatos no sean compatibles, si tienes algún problema, convertir el vídeo a .avi. Cambiar el tamaño del vídeo para llenar la pantalla.

import video to crazy talk animator

Paso 5

Como se puede ver, el vídeo está ahora delante de la pantalla, que no parece muy convincente. ¡Afortunadamente, CTA3 apoya la tercera dimensión! Sólo tienes que arrastrar la flecha pequeña en la parte inferior para mover el video en la parte posterior.

how to move prop in 3d

Paso 6

Redimensionar el video otra vez y asegúrese de que nada importante se corta por el marco de la computadora portátil. Puede arrastrar el marcador en la línea de tiempo a ver el video, pero asegúrese de que siempre cambiar el tamaño en el primer cuadro, de lo contrario se registrará como un cambio animado!

how to adjust video to prop

Paso 7

Ahora agreguemos el carácter. Haga clic en crear agente de hueso libre de G3.

create free bone actor

Verás tu personaje junto con un esqueleto recubierto, tal y como se diseñó

character imported

Paso 8

Usted puede notar que algunas de las capas están en el orden equivocado. Usted puede arreglar yendo a administrador de capas...

layer manager cta3

... y arrastrando las capas donde quieras.

change layer order cta3

Paso 9

A ver si tu esqueleto funciona correctamente, haga clic en Vista Previa y jugar con los huesos. Comprobar si el cuerpo se mueve sin mayores problemas al mover los huesos.

how to preview bones
bones preview

Paso 10

También puede probar su carácter mediante Calibración:

calibration character
how to calibrate bones cta3

Paso 11

¿Encontraste algo malo, algo que gustaría fijar? Sólo tienes que seleccionar lanzamiento a Editor PSD externas. Tu personaje se abrirá en Photoshop, donde se puede ajustar lo que queráis. Simplemente guarde el archivo si desea sincronizarlo.

adjust character in photoshop

Paso 12

¿Todo hecho? Volver a modo de escenario.

back to stage mode

Paso 13

Cambiar el tamaño y coloque tu personaje donde usted quiere que sea. ¡Asegúrese de hacerlo en el primer fotograma!

resize and place character

4. Cómo Añadir Lip Sync a la Animación

Paso 1

¡Hagamos que nuestro personaje hable! Selecciónelo y haga clic en Crear Script.

create script button

Paso 2

Seleccione Archivo Wav y elija el audio.

pick audio for script

Paso 3

Si juegas la animación ahora, verás que ya funciona!

Sin embargo, como todo es automático, no es una sincronización perfecta. Vamos a solucionarlo! Abra el Editor de Línea de Tiempo (F3) y haga clic en la Cara.

open timeline editor

Paso 4

Abra el Clip de Voz para ver la pista de audio y las expresiones de labio que le asignadas.

voice clip tab

Paso 5

Si hace doble clic en el sonido, verás una lista de todos los sonidos y sus expresiones. Usted puede cambiar fácilmente el uno actual a algo mejor. También puede ajustar la pista todo manualmente, copiar los sonidos, sacarlos y colocar nuevos. Un buen resultado puede tomar algún tiempo, dependiendo de la exactitud de la sincronización automática y su estilo.

lip scync manual

5. Cómo Agregar Animaciones Faciales

Paso 1

Nuestro personaje parece un poco raro, hablar sin cualquier expresión facial. Vamos a cambiar! Seleccionar el carácter y haga clic en Cara de Marioneta.

face puppet button

Paso 2

En este editor, se puede jugar con diferentes expresiones faciales que se crean automáticamente. Presione la Barra Espaciadora y mueva el cursor para probarlo.

preview facial expressions

Paso 3

Vamos a hacer nuestro personaje mueve su cabeza al hablar, sin mirar alrededor. Borrar Selección para deseleccionar todos los elementos de la cara.

clear selection in facial animation

Paso 4

Ahora selecciona ambos tipos de rotación solamente.

select two types of rotation

Paso 5

Pulse Grabar y Espacio o Enter para grabar el movimiento. Mover la cabeza para subrayar los sonidos que hablan. También puede Agregar ocasional parpadea al pulsar el botón izquierdo del ratón.

Paso 6

Podemos agregar otro tipo de animación simple — que el personaje mire las cosas que se muestra en el video. Para ello, volver otra vez al primer cuadro y escoger una cara general. Luego apague ambos tipos de rotación de la cabeza.

turn off head rotation

Paso 7

Pulse Grabar y observar lo que sucede en el vídeo para dirigir los ojos del carácter por consiguiente.

move characters eyes

6. Cómo Animar un Personaje en CrazyTalk Animator 3

Paso 1

Todos los derechos, la cara es animada, pero el resto del cuerpo se ve muy tieso. Nosotros podemos cambiar fácilmente añadiendo algunas animaciones automáticas.

Ir hasta el primer fotograma y abrir el Administrador de Contenido > Animación > Movimiento > 1_G3_Human > Gente Elástico Delante > Mover y Hablar. Escoge algunas animaciones que se ven bien y no de distracción. Usted puede utilizar como muchos de ellos como lo desea, en cualquier configuración, pero tenga en cuenta que aquellos marcados con S, L y E necesidad de utilizarse conjuntamente.

add simple talking animation
simple pose

Paso 2

Pero éstos eran sólo animaciones automáticas. El vídeo puede requerir el personaje se mueva en una manera especial, que es posible, también! Seleccionar el carácter y haga clic en Movimiento.

how to open motion timeline cts3

Se abrirá una línea de tiempo para todas las animaciones. Puede ver puntos grises a donde empiezan las animaciones automáticas. Estos puntos (fotogramas clave) indican un cambio de actitud, y se puede colocar manualmente pulsando V. Para asegurarse de que el cambio no afecta a los cambios anteriores/posteriores, siempre alrededor de la animación con dos otros fotogramas clave que salvará la pose antes y después de él.

how to make separate animation

Paso 3

Como ejemplo, vamos a hacer el personaje subir su brazo en un saludo. Para mover los huesos manualmente, abra el Editor 2D de Movimiento.

open 3d motion key editor

Paso 4

Como veíamos antes, crear dos fotogramas clave, mueva el marcador de línea de tiempo entre ellos y allí cambiar la pose de su personaje.

change pose in keyframe

Usted puede copiar y pegar la pose para hacerlo durar más tiempo. Si le resulta confuso, aquí está una explicación rápida:

  1. Este es el estado guardado de lo que sucede antes de esta animación.
  2. Aquí es donde comienza una animación automática.
  3. Este es el estado guardado de lo que ocurre después de esta animación.
  4. Esta es la postura cambiante.
  5. Esta es la postura cambiante copiada.

En primer lugar, el personaje se mueve su mano de pose 1 plantear 4. Luego, entre 4 y 5, nada cambia, por lo que no hay animación. Más tarde, el personaje se mueve su mano de plantear 5 plantear 3. Luego comienza la animación automática (2).

how to underatand keyframe animation

Paso 5

Puede cambiar el tempo de la transición haciendo clic-derecho en el segundo fotograma clave de una propuesta y selección de Transición de Curva.

transition curve cta3

Aquí usted puede probar diferentes variantes de la propuesta. Juega con ellos para ver lo que parece la más natural.

transition curve types

Paso 6

Utilice el mismo método para agregar todas las animaciones que necesita.

7. Cómo Agregar Accesorios a la Animación

Paso 1

La animación se realiza, pero todavía lo podemos condimentar para arriba. Por ejemplo, podemos hacer el personaje señalar con un dedo hacia algo, en lugar de mostrar una mano abierta. Para ello, seleccione el carácter y Modo de Compositor.

go to composer mode

Paso 2

Inicie Photoshop.

launch character to photoshop

Paso 3

En Photoshop, agregar una mano con un dedo apuntando a la carpeta con la mano. Ponerlo debajo el predeterminado y ocultarlo. Guarde el archivo para sincronizar el carácter.

add new hand
Usé esta oportunidad para cambiar la dirección de los pulgares, para hacer el personaje muestran sus palmeras de una manera más acogedora.

Paso 4

Volver a Modo de Escenario y mueva el marcador de línea de tiempo donde usted desee el cambio suceda. Abra el Editor de Sprites.

open sprite editor

Paso 5

Aquí tienes la lista de todos los sprites disponibles para cada parte del cuerpo. Sólo tienes que seleccionar el dedo acusador para cambiar la mano.

how to change sprites cta3

Paso 6

Después de realizar este cambio, el sprite permanecerá así hasta que lo cambie otra vez. Sólo mueva el marcador de línea de tiempo para fijar la hora para él.

change sprites back

Paso 7

Pero también podemos hacer otras cosas, por ejemplo, añadir algunos elementos que ayuden en la explicación. En mi video, el personaje habla sobre "ragged edges", pero no son realmente visibles en esta distancia. Vamos a agregar una lupa para mostrarlos.

Ir al Administrador de Contenido > Apoyos > Símbolos Bonos-Iconos > Color > Lupa y arrastre la lupa a la escena.

how to find template props
drag prop to scene

Paso 8

Ir a Modo de Compositor y Lanzar la lupa de Photoshop. Aquí, usted puede Agregar una imagen de los bordes desiguales, zoom que queremos mostrar. Combinarlo con la lupa y guarde el archivo.

changed magnifier

Paso 9

Queremos que la lupa sea sólo visible en una sección del video, no todo el tiempo. Haga clic en Visible...

open visibility tab

... luego ir hasta el primer fotograma, clic-derecho y seleccione Visible/Invisible.

change visibility cta3

Luego ir al lugar donde debe comenzar siendo visible y de la repetición. Mueva el marcador de línea de tiempo donde desea que desaparezca y hacerlo otra vez. Debe aparecer una línea entre dos puntos donde la visibilidad está en.

turn visibility for a time

Paso 10

Hay animaciones especiales que pueden utilizar para un objeto como este. Ir a Movimiento Elástico para encontrarlos. En 1_Entrance encontrarás grandes animaciones para introducir un objeto, como en 3_Exit los que le ayudan a deshacerse de él. Elegir algo para tu lupa, colocar las animaciones en el corto período de visibilidad.

elastic motion oject animations

Paso 11

En Accesorios > Icono Básico, encontrarás una flecha que puede ser utilizada en nuestro video así. Arrastrarlo a la escena...

drag arrow to scene

... y cambiar el tamaño.

resize arrow

Paso 12

Ir a Movimiento Elástico para averiguar lo que puede que usted utilizar para hacer más interesante esta flecha. Deshacer cada animación después de que la prueba: no queremos aplicar nada todavía.

animations for arrow

Paso 13

Puede asignar las animaciones al objeto lo haciendo clic-derecho y seleccionando Editor de Menú de Acción.

action menu editor

Paso 14

Aquí puedes añadir las animaciones que antes les haya gustado.

add animation actions
add your animations

Paso 15

Salvemos esta flecha con animaciones incluidas como un apoyo personalizado.

save as custom prop

Paso 16

Ahora puede arrastrar la flecha donde quieras que sea...

drag custom prop

... y cuando quieres animarlo, apenas lo haga clic-derecho y seleccionar las acciones desde el menú. No olvides cambiar la visibilidad de cada flecha por separado.

add animated arrow

8. Cómo Agregar Efectos de Sonido a la Animación

Paso 1

Por último, vamos a añadir algunos sonidos para hacer todo más interesante. En la capa de Proyecto, haga clic en Música.

open music tab

Paso 2

Arrastre su música de introducción aquí. Utilicé una parte de este sonido.

drag your intro music

Paso 3

Para cambiar el volumen del sonido, haga clic en el icono de nota.

change volume

Paso 4

Aquí puedes cambiar el volumen, así como los efectos de Fade in y Fade Out.

change volume and effects

Paso 5

Esta capa de música puede utilizarse como cualquier otra capa. Se puede colocar un nuevo efecto de sonido, como tienes espacio. Se ha añadido música outro al final.

place outro music

Paso 6

También puede añadir otros efectos de sonido. Haga clic en Sonido FX1 para abrir su capa.

add sounds fx1

Paso 7

Coloque un sonido de clic del ratón aquí.

add mouse click sound

Paso 8

Para cortar solamente el sonido esencial, puede dividir el clip. Solo selecciónelo y presione Control-B. Puede mover y eliminar las piezas que quieras. Copiar el sonido y colocar a lo largo de la línea de tiempo donde hay un clic que se muestra.

add click sound effect

Paso 9

¿Necesita espacio para más sonidos? Puede abrir Sonido FX2.

open sound fx2 tab

Decidí colocar un sonido de escribir aquí y asignar a los momentos donde escribir se expone en el video.

add typing sound

¡Buen Trabajo!

¡Ya sabes cómo crear una animación para su canal de YouTube!

Si quieres aprender más sobre creación de animaciones en CrazyTalk Animator 3, Compruebe hacia fuera nuestros otros tutoriales:


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.