Notas Magazine La Valija: Introducción a la Programación #Animación

Introducción a la Programación #Animación

Objetivo: Con base a la imagen de la figura humana, el alumno se dará a la tarea de colocar los puntos que generan movilidad en la estructura, como es el caso de hombro, codo, muñeca, talón por mencionar algunos con la herramienta Pupper Warp (Transformación de posición libre) del software Photoshop CC de la empresa Adobe para posteriormente armar la programación de formatos de salida para animación y video.

Temario

Línea de tiempo
Tipos de Datos, formatos y salida de publicación
Algoritmo y Diagrama de Flujo
Objeto y Aplicación de Variable
Tamaño de proyecto con base a la salida de publicación
Botones Movilidad y sus respectivas funciones de programación
Key Frame
Bucle y Temporalidad
Estilo y aplicación de arreglos asociativos
Ajuste de Tiempo y métodos de trabajo
Video
Audio
Capas y funcionalidad de programación
Ajuste de resolución y colores para Web y Video

Nota: Se sugiere para impartir clases tener instalado el software Photoshop CC y la última versión de QuickTime

Illustrator

Objetivo: Con base a la realización de un Storyboard de 30 cuadros por segundo, en dicho ejercicio el estudiante se dará a la tarea de realizar "Frame" por "Frame" la programación de una animación de 3 segundos; es decir vía capas hará la gráfica vectorial de un movimiento continuo o "Loop". El propósito es contar una historia que colabore algún concurso o en colaboración con otra materia de la carrera.

Aspectos importantes antes de realizar la animación.

Alta Frecuencia de Imagen. High Frame Rate (HFR).

Alta velocidad de cuadro (HFR) se refiere al uso de una mayor velocidad de fotogramas que la práctica anterior.

En el contexto de las películas cinematográficas, el tipo de trama utilizado para cámaras de película ha sido por lo general 24 fotogramas por segundo. La televisión funciona a 25 o 30 cuadros por segundo con exploración entrelazada hasta la llegada del formato 720p (HDTV), utilizando 50 o 60 fotogramas por segundo. Utilizar una mayor velocidad de fotogramas que 24fps para la función de las imágenes en movimiento y velocidades superiores a 30fps para otras aplicaciones, ha sido una tendencia emergente en el siglo 21.

Ejemplos:
@FilijMexico
@maestrolinares

via GIPHY

@FranSolo

via GIPHY

@GifMarker

via GIPHY

@Jerinart

Programación

Objetivo: El alumno realizará diversos ejercicios de programación con base a la plataforma educativa es.khanacademy.org. respecto a los ejes X,Y,W y H.

Eje X Línea Desplazamiento Horizontal en el espacio geométrico

Eje Y Línea Desplazamiento Vertical en el espacio geométrico

W: Ancho - Width
H: Altura - Heigh

Es decir en programación JavaScript se debe escribir de la siguiente forma para generar una ELIPSE:

ellipse(203, 197, 277, 337);

Lección Número 1:
Valor 20% de Calificación en el Parcial

Hacer Dibujos con Código

Segundo Parcial

Objetivo: El estudiante se dará a la tarea de realizar el trazado de personaje por capas en illustrator CC para posteriormente programar en After Effects en una secuencia de 5 segundos un personaje en 2D para posteriormente en Premier CC colocar audio y escenarios.

Tercer Parcial

Objetivo: El estudiante se dará a la tarea de realizar el trazado de personaje por capas en illustrator CC para posteriormente programar en After Effects en una secuencia de 5 segundos un personaje en 2D y conocer las posibilidades de programación en la expresión WIGGLE (MENEAR) y Anclaje en Parent.

1. Importar composición de Illustrator en After
2. Con base a la programación en el Key Frame de Posición dirigir el Parent en el icono de espiral a la capa que se requiere la misma acción.