Entradas

Tercer Parcial. Animacion con Cuadros

Al inicio de esta clase, el maestro nos mostró cuadros de un destacado pintor americano. Sus obras capturan la cotidianidad de varias ciudades estadounidenses, y han servido de inspiración para el cine, particularmente para algunos planos que han sido adaptados en películas. Un ejemplo evidente se encuentra en el tráiler de 'The Batman', dirigida por Matt Reeves. A continuación, se observan estas diferencias y cómo la referencia hacia este pintor es clara. Después de esta introducción por parte del maestro, comenzamos a trabajar en la actividad del día. El primer paso consistía en seleccionar una pintura de Edward; por razones prácticas, elegí la obra titulada 'Hotel by a Railroad'. Después de seleccionar esta pintura, procedimos a separarla por capas en Photoshop. Se debe aislar el objeto que queremos animar y rellenar el espacio que se separará. Una vez que tenemos todo separado, como se muestra en el cuadro de abajo... Vamos a añadir unos pines a nuestro personaje, l...

Tercer Parcial. Mr Beast final

Imagen
 Esta sesión y tarea continuaron desde la clase anterior para finalizar la actividad de lip sync. Como no disponía de audios para recrear los diálogos de mi storyboard, decidí improvisar utilizando conversaciones aleatorias. Los personajes involucrados en esta actividad son Zelta y A.P. Zelta será el único con animación de boca en mi proyecto, mientras que A.P., debido a su diseño, no podrá tener una boca adaptada. Vamos a repetir todos los pasos que realizamos en la clase anterior. Es importante tener separadas las capas de audio, bocas y cuerpo. Una vez que tenemos todo separado, nos dirigimos a la capa de las bocas y las seleccionamos en las propiedades. Es crucial configurar la capa como 'gráfico' para permitir que el programa sincronice los labios con el audio.

Tercer Parcial

Imagen
 Para esta tarea, continuaremos con el lip sync del parcial anterior. Necesitamos añadir el audio y sincronizarlo con las animaciones de las bocas que ya teníamos preparadas. Para este proyecto, hemos utilizado principalmente Adobe Animate y Illustrator. Ya había avanzado una parte en Animate, pero ahora nuestro personaje debe dialogar con otro personaje. Para esta escena, he utilizado a mis dos protagonistas de la animación, aunque Zelta tendrá un diálogo diferente al original. Su línea será: '5 de pastor con todo, por favor Como mencioné anteriormente, las bocas se dibujan en Illustrator y se exportan únicamente las capas de las bocas sin incluir al personaje. Posteriormente, se importan a Animate. Es crucial tener separadas las capas de audio, bocas y cuerpo. Una vez separados estos elementos, nos dirigimos a la capa de las bocas y las seleccionamos en las propiedades. Es importante configurar la capa como 'gráfico' para que el programa pueda sincronizar los labios con e...

Segundo Parcial - Mr Beast

Imagen
  nicio de la Clase: Lip Sync en Adobe Animate En esta clase, nos embarcamos en la tarea de realizar un lip sync, es decir, animar la boca de un personaje. Aunque no es una tarea compleja, requiere su tiempo. Preparación de Recursos en Photoshop: Personaje Charly y Abecedario El maestro nos presentó al personaje Charly en Photoshop, junto con un abecedario. Las capas del personaje ya estaban organizadas por diferentes movimientos de boca. Nuestra actividad consistió en diseñar las diferentes formas de la boca conforme al abecedario proporcionado. Diseño de Bocas en Illustrator: Organización y Referencias Para esta actividad, ya tenía mi personaje en Illustrator. Lo único que hice fue organizarlo en una capa con subcapas y buscar una imagen de referencia en Google para comenzar a dibujar las diferentes expresiones de la boca de mi personaje. Animación en Adobe Animate: Acomodando Fotograma a Fotograma Una vez que tenemos nuestras bocas dibujadas, las importamos a Adobe Animate y las...

Segundo Parcial - Gato y el Elefante GOD

Imagen
  Preparación de Recursos: El maestro nos solicitó buscar en la computadora tres imágenes de árboles, un escenario de bosque y una imagen de un animal. Nos pidió que todas estas imágenes estuvieran en formato PNG o que las editáramos en Photoshop y las convirtiéramos a PNG. Una vez seleccionadas estas imágenes, comenzó la dinámica de la clase. Actividad de Entendimiento de Cámaras: Para comprender cómo funcionan las cámaras en After Effects, el maestro nos pidió que dibujáramos un gatito, de cualquier manera. Luego, nos solicitó que tomáramos una foto del gatito de frente y otra de lado, pero literalmente así como estaban las imágenes, incluyendo el acomodo de la cámara del celular para tomar la foto de lado. A continuación, se muestran las fotos de esta actividad. Entendiendo la Naturaleza de las Imágenes: El maestro nos explicó que lo que dibujamos es una imagen y que esta no tiene cierto cuerpo volumétrico. Esto funciona de la misma manera en After Effects. Al activar las vistas...

Segundo Parcial - Mas de After Effects y caminata

Imagen
Para concluir esta lección, reuní todas las formas que creé como ejercicio para probar los cuatro elementos que te ayudan en After Effects: panorámica, zoom, desvanecimiento y rotación. Recopilamos todas las configuraciones y las combinamos mediante un proceso llamado anidamiento. Este concepto nos permite combinar todas las tareas en una configuración, a la que llamamos "Maestro". En el mundo profesional, este concepto resulta muy útil para combinar y simplificar el trabajo en After Effects.   Instrucciones de la Clase: Sprite y Caminata Antes de abordar el tema de cómo darle caminata a un personaje, el maestro solicitó una tarea específica: un sprite de 8 fotogramas. A continuación, se muestra el sprite que realicé, el cual representa al personaje Zelta, protagonista del cortometraje animado en el que estoy trabajando. Creación de la Caminata en After Effects Luego de terminar la caminata, abrimos una nueva composición para el trabajo principal de la clase. El primer paso f...

Segundo Parcial - Mucho sobre After effects

Imagen
  Composición 1: Ajustes Iniciales Comenzamos nuestra sesión directamente en After Effects, presionando "ctrl" seguido de "n" para abrir el menú de ajustes de composición. Configuramos los ajustes necesarios, incluyendo la duración del proyecto, las dimensiones y el color de fondo. Luego, procedimos a crear una nueva composición para una de las cinco planificadas. Composición 2: Manipulación de Propiedades Después de revisar el menú de ajustes de composición, confirmamos nuestra selección y procedimos a iniciar la creación de la primera animación. Antes de comenzar, es esencial recordar que en este programa podemos manipular cuatro propiedades fundamentales para la animación: posición, escala, movimiento y rotación, entre otras. Composición 3: Juego con la Opacidad Para crear una nueva composición, simplemente presionamos "ctrl" seguido de "n" para abrir el menú. Configuramos los ajustes similares a los de la composición anterior. En esta nueva c...