Wednesday, May 29, 2024

Semana 11?

En esta sesión, completamos la tarea de animar personajes en una conversación. Comencé abriendo un nuevo proyecto con las dimensiones estándar de 1280 x 720 píxeles en alta definición. También ajusté la configuración a ActionScript 3.0 si era necesario antes de iniciar el trabajo.

Inicialmente, dibujé los personajes y los convertí en símbolos gráficos separados. Después, asigné cada personaje a fotogramas individuales, siguiendo el método previamente establecido. Para animar las bocas, seleccioné todas las bocas menos la primera, las copié, las eliminé y creé un nuevo fotograma clave en blanco después del fotograma actual, pegando las bocas en su lugar. Repetí este procedimiento hasta que todas las bocas estuvieron correctamente posicionadas.

Propuesta:



Añadí una capa nueva sobre las capas de los personajes, nombrándola Etiquetas para etiquetar cada pronunciación. Inserté fotogramas clave donde era necesario y etiqueté cada uno con la letra correspondiente en la pestaña de propiedades.

A continuación, salí del símbolo y añadí una nueva capa denominada "audio". Importé el archivo de audio desde Archivo > Importar > Importar a biblioteca. El audio se añadió a la biblioteca del proyecto y extendí las capas para que coincidieran con la duración completa del audio.

En la pestaña de propiedades, ajusté la reproducción para que utilizara un solo fotograma, y luego utilicé la herramienta de sincronización de labios. En esta herramienta, se mostraron cuadros con el personaje y las letras correspondientes. Ajusté las bocas para que coincidieran con cada letra, seleccionando todas las bocas necesarias para asegurar una pronunciación precisa. Una vez completado, hice clic en ok.

La animación sincronizada se mostró en la línea de tiempo y al reproducirla, el audio coincidió perfectamente con los movimientos de la boca de los personajes.



Tuesday, May 7, 2024

Semana 11

Desarrollo del Proyecto de Lipsync en Animate

Durante la sesión, se abordó un tema que requería investigación y experimentación individual relacionada con los programas en uso. El profesor encomendó la tarea de ajustar el personaje en trabajo para que mirara directamente hacia adelante y la implementación de sincronización labial, conocida como lipsync.

En lo que respecta al lipsync, se estableció que, como mínimo, se requerían 9 imágenes para una representación aceptable, aunque 12 imágenes mejorarían la calidad del resultado. Se enfatizó la posibilidad de incluir todo el abecedario para optimizar el resultado final. Se asignó la tarea de crear 9 variantes de la boca utilizando vectores en Illustrator, con un tiempo designado para esta tarea.


El archivo de Illustrator debía organizarse con todas las bocas como subcapas dentro de una capa principal denominada "Bocas", siguiendo una estructura análoga a las composiciones en After Effects. Además, se solicitó etiquetar las letras correspondientes a cada boca para facilitar el proceso posterior.


Posteriormente, se instruyó a abrir un nuevo documento en Animate con dimensiones de 1280 x 720 píxeles, a 30 cuadros por segundo, y configurado con ActionScript 3.0, requisito fundamental para la realización del lipsync.

Se procedió a la importación del archivo de Illustrator a Animate, manteniendo la estructura de capas y su posición relativa en el espacio de trabajo. Una vez importado, se bloquearon todas las capas excepto la capa "Bocas" para focalizar el trabajo únicamente en este elemento. Se indicó la conversión de este conjunto en un símbolo gráfico y la separación de cada boca en un fotograma independiente.


En una capa adicional, se agregaron fotogramas clave y etiquetas correspondientes a las letras representadas por cada boca, todo ello dentro del símbolo. Seguidamente, se procedió a crear otra capa para el audio en la escena principal. A pesar de las instrucciones de utilizar archivos de audio en formato MP3, surgieron inconvenientes técnicos con dicho formato.

semana 13

En esta sesión, nos dedicamos a transformar una pintura estática en una animación interactiva. Seleccionamos una obra de arte apropiada, ase...