Animación e Interacción

Esta es la muestra de la animación que debe realizarse para el segundo taller. En este caso es una muestra animada pero recordemos que el ejercicio debe llevar 5 botones que desencadenen dentro del acuario los diferentes movimientos. La idea es trabajar bastante la parte gráfica, realizar clip de película, combinar diferentes tipos de animación y detener y reanudar acciones
.

Los créditos de animación pertenecen al dseñador gráfico Carlos Becerra.

Repaso Técnicas de Animación

Flash Básico

En clase alcanzamos a repasar algunos de los procesos de animación que pueden realizarse en flash. Es importante recordar que definimos los diferentes tipos de objetos con los que podemos trabajar: formas, objetos de dibujo, símbolos (clip de película, gráficos, botones), mapa de bits, video, sonido; definiendo las características primordiales de cada uno de ellos y sus diferencias o similitudes frente a su utilización en otras herramientas. Al igual definimos cuales de ellos pueden ser usados para los diferentes tipos de animación que realiza Flash: cuadro a cuadro, interpolación de forma, interpolación de movimiento, movimiento con línea guía y utilización de máscaras. Para ello tuvimos en cuenta la utilización de la línea de tiempo y el reconocimiento de los fotogramas claves, claves vacíos y sostenidos o continuos. La realización de animaciones cortas generó el paso a paso de cada uno de estos procesos.

Taller 1

Realizar un proyecto animado que utilize los diversos procesos de animación que permite flash. Se tendrá en cuenta al evaluar la calidad gráfica de los elementos y la correcta estructuración de los elementos al animarse.

Ahí va una muestra de lo que podría ser el resultado de este taller. Los créditos de realización pertenecen a Carlos Becerra (Diseñador Gráfico).

Descripción del curso

Justificación.

La integración de sonido e imagen en el computador originó en los noventa la aparición de los PC Multimedia. La aparición de estos sistemas para la creación y visualización de contenidos multimedia, representa un paso más en la evolución de la representación de las formas, a partir de un lenguaje audiovisual que permite un nuevo acercamiento de la realidad y una nueva forma de ver otros espacios imaginados, para entender lo que nos rodea y su sentido existencial. La imagen en movimiento constituye un atractivo sistema de representación figurativo y artificial que involucra en forma directa al espectador. Lo observado se ve como una experiencia real por el potencial verosímil de las imágenes.

Este curso permitirá que el usuario reconozca los principales lenguajes y herramientas de edición que integran medios y definen capacidades de interacción. La Edición Multimedia congrega múltiples objetos digitales, como el texto, la imagen, el sonido, el video. Gracias a las posibilidades de interacción que posibilitan los nuevos medios es natural que estos mismos dispongan de herramientas especializadas para la integración de medios y definición de interacción. Estas herramientas se estudiaran dependiendo de su capacidad de hipertextualidad y de su nivel de edición sea visual icónico o textuado.

Objetivo General.

- Comprender, explorar y abordar las metáforas propuestas por las diferentes herramientas de edición interactiva.

Objetivos Específicos.

- Manipular las herramientas básicas para la construcción de espacios interactivos.
- Analizar y aplicar las diferentes metodologías y estrategias de desarrollo multimedia.
- Comprender y usar las principales estrategias algorítmicas que permiten los diferentes lenguajes de desarrollo multimedial.
- Abordar en primera instancia algunos de los principales lenguajes de desarrollo, montaje y control interactivo de elementos multimediales.
- Aplicar las técnicas de animación 2D y 3D en proyectos específicos.

Temática por Semanas.

Semana 1
Presentación del curso / Conceptos generales

Semana 2
Interacción básica (stop, goto)

Semana 3
Interacción Intermedia (loadMovie x niveles)

Semana 4
Interacción Intermedia (loadMovie x destinos)

Semana 5
Controladores de Eventos (Uso de eventos para el mouse y teclado)

Semana 6
Manipulación de objetos a través de ActionScript parte I

Semana 7
Manipulación de objetos a través de ActionScript parte II

Semana 8
1er Proyecto (Galería Interactiva)

Semana 9
Manipulación de audio en proyectos interactivos

Semana 10
Manipulación de video en proyectos interactivos

Semana 11
Manipulación y Carga de datos externos

Semana 12
Interacción para juegos básicos I

Semana 13
Interacción para juegos básicos II
Semana 14
Planeación proyecto final (interfaces)

Semana 15
Desarrollo del proyecto final (interactividad)

Propuesta del método

Se trabajará a partir de talleres dirigidos en clase presencial. Los contenidos temáticos se desarrollaran en el taller de clase y serán afianzados por el estudiante en las prácticas externas.

Criterios generales de evaluación

Talleres de Clase 50 %
Proyecto Galería 20 %
Proyecto final 30 %

Bibliografía.

Barboza, P. Les Nouvelles Imeges. Éditions d’art Somogy - Cité des Sciences et de l’Industrie, París, 1997.
Bou, G. El guión multimedia. Anaya, Madrid, 1997.
Druckrey, T., Ed. Electronic Culture. Aperture Foundation, Inc. USA., 1996.
Druckrey, Timothy. Weibel, Peter. Net Condition. Art and Global Media. Karlsruhe: Massachusetts Institute of Technology, 2001.
Hiebert, Kenneth J. Graphic Design Sources. Yale University PressUSA, 1998.
Holtz-Bonneau, Francoise. La Imagen y el Ordenador. Colección Hermes. Fundesco. Editorial Technos. Madrid. 1986.
Kristof, Ray., Satran, Amy. Diseño Interactivo. Biblioteca Profesional de Diseño. Anaya Multimedia. Madrid, 1998.
Laurel, B., ed. The Art of Human-Computer Interface Design, VVAA, Addison-Wesley, 1990.
Manovich, Lev. The Language of New Media. Cambridge: Massachusetts Institute of Technology, 2001.
Marcus, A. Graphic Design for Electronic Documents and User Interfaces. ACM Press, 1992.
Mitchell, W. J., McCullough, M. Digital Design Media. Van Nostrand Reinhold. New York, 1995.
Mullet, K., Sano, D. Designing Visual interfaces : Communication Oriented Techniques. SunSoft Press, 1995.
Von Wodtke, M. Design with Digital Tools. Using New media Creatively. McGraw-Hill. U. S. A., 2000.
Mullet, K., Sano, D. Designing Visual interfaces : Communication Oriented Techniques. SunSoft Press, 1995.Von Wodtke, M. Design with Digital Tools. Using New media Creatively. McGraw-Hill. U. S. A., 2000.