Presentación de PowerPoint · 2020. 5. 28. · Tp2/ HD4: Grupo 2 Animación Utilizando archivos de...
Transcript of Presentación de PowerPoint · 2020. 5. 28. · Tp2/ HD4: Grupo 2 Animación Utilizando archivos de...
TP3/ HD4Compañeros Rotos!
Creación de Personaje de tu compañero más cercano.
TP3/ HD4Clase 1
1: Caracterización del personaje/compañero2: Cuáles son sus cualidades físicas más notorias
quieto?3: Cuáles son sus cualidades físicas más notorias
cuando se mueve/ habla?4:Tenés algún audio de whatsapp con el que lo
puedas “escrachar”?5: Dibujo del personaje tipo Hombre de Vitrubio.
Semana 1Clase 1: dibujo del personaje (caracterización +
fotos + Vitrubio. Clase 2: chequeo del personaje creado (vemos
métodos de animación)Semana 2
Clase 1: seguimos viendo métodos de animacionClase 2: armado de la animación: fondos,
audios. Semana 3:Exposición.
TP3/ HD4: Cronograma
Semana 1Clase 1: Cuerpo:
Vitrubio separado por partes. Rostro: Como puedas… sugerencias.
http://crearunavatar.com/https://www.cartoonify.de/
y otrossssss…..
TP3/ HD4: Cronograma
Clase 3 Animación personaje
Tp3/ HD4: Grupo 1
Animación Tradicional
444441: En illustrator generar una animación por poses organizada por capas desde un gif animado o directamente obtener un archivo (el que te doy yo)
Diseño de Personajes: Animación de personajes forma tradicional
Tp2/ HD4: Grupo 2
Animación Utilizando archivos de Illustrator (retomamos y ampliamos)
44444Interpretar material de archivo:
Diseño de Personajes: Usando archivos de Illustrator
44444Interpretar material de archivo: alisar bordes.
Antialiasing: dejarlo recto sin máscara.
Diseño de Personajes: Usando archivos de Illustrator
44444Rasterizar las capas cuando trabajemos con archivos de Illustrator.
Si escalo se mantiene la calidad en las curvas. Sino, se interpreta como bitmap.
Diseño de Personajes: Usando archivos de Illustrator.
44444Rasterizar las capas cuando trabajemos con archivos de Illustrator.
Si escalo se mantiene la calidad en las curvas. Sino, se interpreta como bitmap.
Diseño de Personajes: Usando archivos de Illustrator.
44444Rasterizar las capas cuando trabajemos con archivos de Illustrator.
Si escalo se mantiene la calidad en las curvas. Sino, se interpreta como bitmap.
Diseño de Personajes: Usando archivos de Illustrator.
44444
Lo más importante a resolver es cambiar los puntos de anclaje, dejando activos los ajutes entre capas. Cuando bajan objetos de librerías de imágenes. Tendrán que hacer ajustes: en cuanto al dibujo los objetos deben tener más materia que la que les corresponde (ej: cuello)Siempre está bueno tener un margen para la rotación de los objetos.
Diseño de Personajes: Usando archivos de Illustrator.
44444
Definir jerarquías de personaje: vamos a organizar las capas de forma que cuando movamos un elemento sus hijos se muevan de forma solidaria facilitando la animación. PRIMERA INSTANCIA: El objeto principal de la jerarquía de un objeto antropomórfico es el TRONCO.
Diseño de Personajes: Usando archivos de Illustrator.
44444
Definir jerarquías de personaje: vamos a organizar las capas de forma que cuando movamos un elemento sus hijos se muevan de forma solidaria facilitando la animación. El objeto principal de la jerarquía de un objeto antropomórfico es el TRONCO.
Diseño de Personajes: Usando archivos de Illustrator.
44444
SEGUNDA INSTANCIA: vincular los elementos que dependen de los objetos emparentados con el tronco: ej: antebrazo izqcon brazo izq. + vincular la mano con el antebrazo.
Diseño de Personajes: Usando archivos de Illustrator.
44444
Según el grado de complejidad del objeto en sí estableceremos diferentes grados de jerarquía.
En el caso de la bailarina sus partes quedarían jerarquizadas de esta forma,
Podemos pensar que para tu personaje sería muy similar, no?
Diseño de Personajes: Usando archivos de Illustrator.
44444
Seleccionando todas las capas y apretando la tecla R (rotación) podemos definir fotogramas clave en una misma línea de tiempo para todas las capas en los cuales habrá algún tipo de interpolación.
Tip: con ctrl+u posicionándote en una capa te muestra sólo las animaciones que están programadas.
Diseño de Personajes: Usando archivos de Illustrator.
44444
ANIMACIÓN CON CINEMÁTICA DIRECTA: animación principal.
A esto se lo denomina Blocking, o animación por bloques.
Diseño de Personajes: Usando archivos de Illustrator.
44444
Primero la translación del tronco: animación principal.
Si te molesta que la animación se vea curva cambiar el tipo de interpolación espacial en propiedades del fotograma clave.
Diseño de Personajes: Usando archivos de Illustrator.
Tp3/ HD4: Grupo 3
Animación a Mano alzada con interpolación
444444: Trabajar con varias capas de previsualización y previsualizarladesde: COMPOSICIÓN> PREVISUALIZACIÓN
Diseño de Personajes: Animación de personajes a mano alzada.
EJERCICIO: DIBUJO DE PERSONAJE. CON MANO ALZADA (HERRAMIENTA PLUMA)
Tp3/ HD4: Grupo 4
Animación de Marionetas
44444Cuando se trabaja con la técnica puppet se importa el archivo como Material de archivo (sin capas).
Importar el personaje del tutorial Nina Puppet
Diseño de Personajes: Animación con Herramienta Puppet
44444Esta es la herramienta Puppet con un nombre no muy útil en castellano.
De aquí en adelante crearemos una composición de tamaño regular y colocamos el archivo AI
Diseño de Personajes: Animación con Herramienta Puppet
44444Disponer pines a lo largo de la imagen en cada punto clave de extremidad/ movimiento. SIEMPRE TRATAR DE GENERAR LA MENOR CANTIDAD DE PUNTOS.
De aquí en adelante crearemos una composición de tamaño regular y colocamos el archivo AI
Diseño de Personajes: Animación con Herramienta Puppet
44444
Esta herramienta lo que hace es detectar el contorno de la figura sobre la que hemos aplicado el modificador y crea una superficie poligonal sobre la que se proyecta nuestra imagen. De ahí que se generan una serie de subdivisiones que permitirán deformar el objeto.
Activar en el menú de Puppet MOSTRAR MALLA.
Diseño de Personajes: Animación con Herramienta Puppet
44444
Si nos posicionamos en un punto amarillo y lo movemos AE realiza una interpolación muy suave entre cada uno de los puntos que colocamos, de forma que si yo ahora muevo la cabeza, no solo mueve la cabeza, sino que todo el cuerpo prácticamente se está moviendo.Por lo tanto, si pongo más puntos de pines la propagación de movimiento en las extremidades será menor (LOS PUNTOS FRENAN LA PROPAGACIÓN DE LA ANIMACIÓN)
Activar en el menú de Puppet MOSTRAR MALLA.
Diseño de Personajes: Animación con Herramienta Puppet
44444
La expansión hace referencia a lo que la malla va a sobrepasar. Va a sobreponer la imagen original. Cuanto más alto sea el número, más superficie abarca..
EN EL MENÚ DE MALLA RETOCAR EL GRADO DE EXPANSIÓN.
Diseño de Personajes: Animación con Herramienta Puppet
44444
Lo negativo de esto en este caso es que si quiero mover la mano, me arrastra las piernas.
Por lo tanto, hay que lograr el equilibro justo entre que se animen todos los objetos con sus detalles y que no se peguen otros que no queremos que se muevan y se arrastren.
EN EL MENÚ DE MALLA RETOCAR EL GRADO DE EXPANSIÓN.
Diseño de Personajes: Animación con Herramienta Puppet
44444
Clásica: por interpolación
Opciones de Grabación: te permite grabar la animación en tiempo real.
Vas a poder registrar en tiempo real el movimiento de nuestro cursor sobre los diferentes puntos del personaje.
Hay que apretar la tecla CMD en Mac o CTRL en WIN. Y se sugiere contar con una tableta gráfica.
Diseño de Personajes: Animación con Herramienta Puppet
Formas de generar la animación por método Puppet.
Tp3/ HD4: Grupo 5
Animación por Cinemática inversa con DUIK
44444
En una cinemática directa cuando se mueve el padre se mueve el hijo (siguiendo al padre). La relación va de padres a hijos.
En la animación inversa sucede exactamente lo opuesto.
Animación por cinemática Inversa
Ejemplo de animación directa utilizando Bailarina de Illustrator.
44444
La cinemática inversa permite trabajar con menos puntos de control y es más fácil generar una pose determinada en el objeto.
Animación por cinemática Inversa
PARA ESTE TIPO DE ANIMACIÓN DEBEREMOS DESCARGAR UNA HERRAMIENTA GRATUITA: DUIK
44444
https://rainboxprod.coop/en/tools/duik/duik-download/
Animación por cinemática Inversa
PARA ESTE TIPO DE ANIMACIÓN DEBEREMOS DESCARGAR UNA HERRAMIENTA GRATUITA: DUIK
44444
Una vez instalada fijarnos en el menú ventana> DUIK
Animación por cinemática Inversa
PARA ESTE TIPO DE ANIMACIÓN DEBEREMOS DESCARGAR UNA HERRAMIENTA GRATUITA: DUIK
44444PERMITIR QUE LAS SECUENCIAS DE COMANDOS PUEDAN ESCRIBIR ARCHIVOS Y ACCEDER A LA RED.
Animación por cinemática Inversa
La 1 vez que la instalemos nos pedirá para ejecutarse hacer cambios en la configuración de AE.
44444Reposicionar cada uno de los controladores en las puntas de las extremidades.
Animación por cinemática Inversa
44444Seleccionar cada uno de los eslabones de una cadena de animación por estremidad y presionar IK para que los elementos se enlacen. Hacer lo mismo con las otras partes de las extremidades. Los puntos permanecen fijos pero todas las articulaciones se adaptan para encontrar la pose adecuada.
Animación por cinemática Inversa
44444Lo bueno de esto es que automáticamente el tronco se transforma en la pieza eje de la jerarquía y si lo movemos se mueven todas las otras partes
Animación por cinemática Inversa
Tp3/ HD4: Grupo 3
Animación con Adobe CharacterAnimation
44444
Cuando tenemos este tipo de animación hay una serie de espeficaciones que se tienen que cumplir al pie de la letra:1) Organizar tipo en cascada por capas y carpetas2) Siempre carpeta rostro +front (una nomenclatura muy específica que tenemos que respetar en todo momento)3) Dentro todo lo que corresponde a los elementos a animar en inglés como figura el archivo que se te pasó.4) También podés bajar plantillas desde el sitio de Adobe.
Animación con Adobe Character Animation
https://www.adobe.com/la/products/character-animator.html#hero-featured-video
44444
Cuando tenemos este tipo de animación hay una serie de espeficaciones que se tienen que cumplir al pie de la letra:1) Organizar tipo en cascada por capas y carpetas2) Siempre carpeta rostro +front (una nomenclatura muy específica que tenemos que respetar en todo momento)3) Dentro todo lo que corresponde a los elementos a animar en inglés como figura el archivo que se te pasó.4) También podés bajar plantillas desde el sitio de Adobe.
Animación con Adobe Character Animation
https://www.adobe.com/la/products/character-animator.html#hero-featured-video
44444
Te descarga un archivo. PUPPET que tiene:El archivo original de arte (illustrator o photoshop)La animación que va sobre ese archivo.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
El programa es muy jodido
Con los nombres y las
Organizaciones de las capas
Por eso conviene empezar
desde un archivo existente.
44444
Desde las propiedades podés modificar un montón de cosas.
Cuando las cambias te pone una X que desaparece si volves al valor original.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Escena: escenario con una o más marionetas sobre él.
44444
Si haces clic acá te muestra el archivo de Illustrator.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Escena: escenario con una o más marionetas sobre él.
44444
Si haces clic acá te muestra el archivo de Illustrator.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Haciendo doble click entramos en el modo RIG(ging).
Esta es la información que Ch necesita para poder animar correctamente.
44444
Si haces clic acá te muestra el archivo de Illustrator.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Todo lo que está en el grupo de HEAD se va a mover cuando movamos la cabeza (y así sucesivamente…)
44444
Para editar el archivo
Lo seleccionamos
Editar>
Editar original.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Todo lo que está en el grupo de HEAD se va a mover cuando movamos la cabeza (y así sucesivamente…)
44444
Para editar el archivo
Lo seleccionamos
Editar>
Editar original.
Animación con Adobe Character Animation
https://character.adobelanding.com/puppets/
Todo lo que está en el grupo de HEAD se va a mover cuando movamos la cabeza (y así sucesivamente…)
44444
Cuando tenemos este tipo de animación hay una serie de espeficaciones que se tienen que cumplir al pie de la letra:1) Organizar tipo en cascada por capas y carpetas2) Siempre carpeta rostro +front (una nomenclatura muy específica que tenemos que respetar en todo momento)3) Dentro todo lo que corresponde a los elementos a animar en inglés como figura el archivo que se te pasó.4) También podés bajar plantillas desde el sitio de Adobe.
Animación con Adobe Character Animation
Archivo> abrir adobe Character Animator.
44444
Cuando tenemos este tipo de animación hay una serie de espeficaciones que se tienen que cumplir al pie de la letra:1) Organizar tipo en cascada por capas y carpetas2) Siempre carpeta rostro +front (una nomenclatura muy específica que tenemos que respetar en todo momento)3) Dentro todo lo que corresponde a los elementos a animar en inglés como figura el archivo que se te pasó.4) También podés bajar plantillas desde el sitio de Adobe.
Animación con Adobe Character Animation
Archivo> abrir adobe Character Animator.