Adobe Character Animator CC - Animación de personajes

Learn

pert Design and Creativity

Character Animator CC (v. 2017) www.xpert.video/p/adobe-character-animator

Marlon Ceballos - @adobexpert

CERTIFIED INSTRUCTOR

Design Master / Web Master

www.linkedin.com/in/marlonceballos/

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Conceptos fundamentales

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Versión Beta • Versión preliminar en desarrollo • Betas privadas / Betas públicas • Character Animator CC (Beta) => Junio 2015 • Cambios: https://forums.adobe.com/docs/DOC-6028.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Qué es Character Animator • Animación de personajes o Puppets • Replica gestos usando “face tracking” • Animar nunca fue tan fácil!

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Workflow - Flujo de trabajo • Creación del personaje • Importación y animación • Exportación a video • Importar en After Effects • Importar en Premier Pro • Live streaming.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Archivos soportados

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Creaciรณn del personaje

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Creaciรณn

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Preparación • Crear el personaje pensando en la estructura • Organizar los componentes del personaje en capas • Nombrar las capas y grupos de forma estandarizada (opcional) • Nombrado estandarizado = Rigging automático = Animator reconoce la estructura automáticamente.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura de capas (Head) • Left Eyebrow

• Right Eyebrow

• Right Eyeball

• Left Eye

• Right Eye

• Nose

• Left Blink

• Right Blink

• Jaw

• Left Eyelid Top and Left Eyelid Bottom

• Mouth

• Left Pupil

• Right Eyelid Top and Right Eyelid Bottom

• Left Eyeball

• Right Pupil

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura de capas (Mouth) • Audio-analyzed:

- R

- Ah

- S

- D

- Uh

- Ee

- W-Oo

- F

• Video-analyzed:

- L

- Neutral

- M

- Smile

- Oh

- Surprised

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura de capas (Body) • Neck

• Left Knee

• Left Elbow

• Left Ankle

• Left Wrist

• Left Heel

• Right Elbow

• Left Toe

• Right Wrist

• Right Knee

• Waist

• Right Ankle

• Hip

• Right Heel www.xpert.video

• Right Toe

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura de capas (Illustrator)

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura • https://helpx.adobe.com/ adobe-character-animator/ using/prepare-artwork.html • Templates puppets • www.adobe.com/go/ chexamples.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Rigging • Preparación de la estructura del personaje en Animator para convertirlo en un Puppet que puede ser animado • Workspace Rig o Plataforma.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Recomendaciones • Planear nuestro personaje antes de dibujarlo • Dibujar el personaje pensando en la estructura del Puppet • Eliminar capas sin uso (vacías u ocultas) • Nombrar las capas y grupos de forma estandarizada (opcional) • Usar Templates para iniciar nuestros personajes • https://helpx.adobe.com/adobe-character-animator/using/prepareartwork.html. www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Importaciรณn y control bรกsico de Puppets

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Importación de personajes • Al importar un personaje en Animator se crea un Puppet en el panel Project • Por defecto el panel Project es el panel central del workspace Rig o Plataforma.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estructura Personaje/Puppet - Grupos de capas - Capas

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Herramientas panel Puppet • Show Mesh o Mostrar malla

• Zoom

• Dragger o Arrastrar

• Handle o Control

• Dangle o Colgar

• Selection o Selección

• Stick

• Staple o Grapa

• Pin o Posicionamiento

• Background color

• Hand o Mano

www.xpert.video

• Zoom.

CERTIFIED INSTRUCTOR

Design Master / Web Master

Behaviors o Comportamientos

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Behaviors • Los Behaviors o Comportamientos permiten controlar funciones de los Puppets o secciones de los mismos • Los Behaviors tienen parámetros que permiten ser ajustados • El resultado de los Behaviors se previsualiza en el panel Scene o Escena.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Behaviors por defecto Los nuevos Puppets tienen los siguientes Behaviors por defecto: Dangle (Colgar), Dragger (Arrastrador), Eye Gaze (Mirada), Face (Cara), Handle Fixer (Fijador del control), Keyboard Triggers (Activadores de teclado), Lip Sync (Sincronizaciรณn de labios) y Transform (Transformar).

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Agregar Behaviors •

Blink (Parpadeo automático)

•

Breathe (Respiración)

•

Cycle Layers (Capas de ciclo): Muestra capas en orden

•

Dangle (Colgar): Movimientos por gravedad

•

Dragger (Arrastrador)

•

Eye Gaze (Mirada): Controla el movimiento de la pupila

•

Face (Cara): Controla con la cámara la cabeza, ojos, cejas, nariz y boca

•

Handle Fixer (Fijador del control): Restringe movimientos

•

Head Turner (Rotador de la cabeza): Intercambia entre vistas de perfil (front, three-quarter y profile) usando la cámara

•

Nutcracker Jaw (Mandíbula de cascanueces): Desplaza o rota la quijada inferior de acuerdo al video o audio

•

Keyboard Triggers (Activadores del teclado): Controla la visualización de capas mediante teclas

•

Particles (Partículas): Control de objetos usando física

•

Transform (Transformar): Transformaciones y opacidad

•

Walk (Andar)

•

Wiggler (Ondulador).

•

•

Lip Sync (Sincronización de labios): Controla la boca del Puppet con la voz Motion Trigger (Activador de movimiento): Intercambia entre subpuppets de acuerdo a la dirección del desplazamiento

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Behaviors • Se pueden agregar Behaviors generales (afectan al Puppet) y específicos (afectan un grupo de capas) • Los Behaviors específicos sobre-escriben los Behaviors generales.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Grabaciรณn

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Grabación • El movimiento y audio (actuación) de los Puppets puede ser grabado en el panel Scene • Cada grabación se denomina una Toma • Cada línea de tiempo en el panel Timeline representa una instancia del Puppet • Cuando seleccionamos una línea de tiempo podemos ver el listado de Behaviors en el panel Properties.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Estapas Grabación • Calibrar las entradas de audio y video • Seleccionar el Puppet en el panel Timeline • Definir los Behaviors a grabar • Iniciar el proceso de grabación.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Exportaciรณn

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Exportación • Exportar/importar Puppets • Exportar a un archivo de video • Exportar una secuencia de imágenes PNG.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Importar en otras aplicaciones • Importar el archivo de video en cualquier aplicación • Importar la secuencia de imágenes PNG en cualquier aplicación • Importar escenas de Animator en Premier y After (Dynamic Link).

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Output de Scenes

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Stream Live • La función Stream Live del panel Scene (Record/Stream) permite mostrar una Scene en dispositivos externos de video (ej. monitores) • Usando Stream Live también es posible hacer Streaming en vivo con las interacción de Puppets (requiere software adicional) • Stream Live usa dos sistemas de transmisión: - Mercury Transmit (Win/Mac) para dispositivos de video (monitores, TVs) y software: www.xper.co/2qu6WrZ - Syphon (Mac only) para clientes Syphon (software): www.syphon.v002.info. www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Posibles salidas de video En la lista de dispositivos de video (video device) Preferences > Live Output podemos ver las siguientes opciones: • Adobe Monitor x: Listado de monitores que pueden recibir señal de video del computador • NewTek NDI output: Dispositivos de video a través de LANs que usan NDI • Third-party video hardware: Listado de dispositivos de hardware de terceros conectados al computador como A JA Kona 3G, Blackmagic Playback y Matrox Player.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Streaming de Scenes

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Streaming • Uno de los usos mas interesantes!

• Requiere software adicional (incluso hardware) • Interacción con Puppets en tiempo real!

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Encoding Software • OBS (Win/Mac - Free): www.obsproject.com • Livestream (Mac* - Win): www.livestream.com/producer/software • Wirecast (Win/Mac - Pago): www.telestream.net/wirecast/ • Xsplit Broadcaster: (Win - Freeware): www.xsplit.com.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Streaming en Facebook • https://live.fb.com/stream/ (info general) • www.facebook.com/facebookmedia/get-started/live (info Live Videos) • www.facebook.com/live/create/ (Create Live Stream) • www.obsproject.com/forum/resources/how-to-stream-to-facebooklive.391/ (instructions streaming with OBS).

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Streaming en Youtube • https://support.google.com/youtube/answer/2474026 (info Live Streaming) • www.youtube.com/live_dashboard (Start Live Stream) • www.obsproject.com/forum/threads/guide-how-to-stream-toyoutube.4333/.

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Revisar!

• www.newtek.com/software/adobe-creative-cloud/ • www.newtek.com/ndi/tools/ • www.youtube.com/watch?v=4gVul0h89Jo

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Gracias!

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Esta presentaciรณn (y otras)

www.xper.co/presenta

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master

Recursos

www.delicious.com/marliton

www.xpert.video

CERTIFIED INSTRUCTOR

Design Master / Web Master