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

http://crearunavatar.com/

https://www.cartoonify.de/

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.

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.


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.


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.


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.


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?


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.


44444

ANIMACIÓN CON CINEMÁTICA DIRECTA: animación principal.

A esto se lo denomina Blocking, o animación por bloques.


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.


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


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


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.


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.


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.


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.


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.


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.


PARA ESTE TIPO DE ANIMACIÓN DEBEREMOS DESCARGAR UNA HERRAMIENTA GRATUITA: DUIK

44444

https://rainboxprod.coop/en/tools/duik/duik-download/



https://rainboxprod.coop/en/tools/duik/duik-download/

44444

Una vez instalada fijarnos en el menú ventana> DUIK



44444PERMITIR QUE LAS SECUENCIAS DE COMANDOS PUEDAN ESCRIBIR ARCHIVOS Y ACCEDER A LA RED.


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.


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.


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


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

Te descarga un archivo. PUPPET que tiene:El archivo original de arte (illustrator o photoshop)La animación que va sobre ese archivo.


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.



Escena: escenario con una o más marionetas sobre él.


44444

Si haces clic acá te muestra el archivo de Illustrator.



Escena: escenario con una o más marionetas sobre él.


44444




Haciendo doble click entramos en el modo RIG(ging).

Esta es la información que Ch necesita para poder animar correctamente.


44444




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.



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.


Archivo> abrir adobe Character Animator.

Presentación de PowerPoint · 2020. 5. 28. · Tp2/ HD4: Grupo 2 Animación Utilizando archivos de...

Documents

Transcript of Presentación de PowerPoint · 2020. 5. 28. · Tp2/ HD4: Grupo 2 Animación Utilizando archivos de...