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