2.02B Métodos y usos de la animación

Slides:



Advertisements
Presentaciones similares
Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
Advertisements

Wiki como herramienta de aprendizaje de Post grado en Anestesiología Objetivos de la presentación Objetivos de la presentación Definición de wiki Definición.
¡ehh, despierta! Ahora te vamos a enseñar a crear presentaciones con PowerPoint INICIO.
MULTIMEDIA APLICADA EN INTERNET
Aplicaciones Multimedia interactivas en la educación
David Escudero Mancebo Alfonso Pedriza Rebollo
El disco compacto conocido popularmente como CD, por las siglas en inglés de compact disc) es un soporte digital óptico utilizado para almacenar cualquier.
TECNICO EN DISEÑO GRÁFICO
Pedro Durán Avilés. Gina Villalba Ortiz.
Diseño de íconos [ producción digital – 2012 ].
Microsoft Word? Microsoft Word es un software destinado al procesamiento de textos. Fue creado por la empresa Microsoft Originalmente fue desarrollado.
David Escudero Mancebo Universidad de Valladolid
Aplicaciones en línea:aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante.
Introducción a Flash Publicación de Mapas en Internet
Cristina Porras Nicole Gargurevich Jose Pablo Porras Jose Daniel Fallas.
Gráficos y Diseños por Computadora
Desarrollo de Aplicaciones Web
Manual Flash. La Barra de Menús tiene como propósito facilitar el acceso a las distintas utilidades del programa. Es similar a la de cualquier otro.
PRESENTACIONES EFECTIVAS Licda. Maura de Magaña Sábado de 7:00 a 12:00
Con Flash se puede crear contenido web animado y basado en vectores. Utiliza gráficos vectoriales que son independientes de la resolución y por lo tanto.
Básicamente nos encargamos de buscar métodos de investigación para dar excelentes resultados en la formación de una empresa utilizando medios de producción.
Un Banner es un gráfico, generalmente elaborado en un formato de archivo.GIF o JPG, de aproximadamente 400 x 40 pixeles, el cual se coloca como un encabezado.
FICHEROS DE IMAGEN FUENTES WEB: Gráficos GIF & JPEG, Ramón Montero, 1998 Formatos para la Wb, Luciano Moreno, 2005.
!¡Animaciones¡! Escobar cañaveral dennys Estefanía Luisa fda Miranda Henao 11*
Ingeniería en Sistemas de Información Diseño de Sistemas (3K1)
COMO CREAR UN FOTOGRAMA CON FIREWORKS 8
Animación en Flash MX Conceptos Basicos.
es una potente herramienta creada por Macromedia que ha superado las mejores expectativas de sus creadores. Inicialmente Macromedia Flash fue creado con.
Hermilia Molina Acevedo
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
Tutorial Stop-Motion ¿Qué es Stop-Motion?
Adobe Flash Adobe Flash Professional es el nombre o marca comercial oficial que recibe uno de los programas más famosos de la casa Adobe, junto con sus.
FUNDAMENTOS TECNOLÓGICOS DE INFORMACIÓN
PRODUCCIÓN DE ANIMACIONES CON ELEMENTOS MULTIMEDIA
Mundo Digital. Instalaciones y Maquinas térmicas 1 Esta herramienta de aprendizaje se diseñó con base en los principios de Manufactura Virtual. Para poder.
LOS GIFS ANIMADOS.
Multimedia y Animación Digital
Adobe Flash Diana Herrera Vilchis. Ventana de Trabajo
TECNOLÓGIA Técnica de modelado para imágenes 3D en la web Carmen Martínez García.
MEDIOS Son sistemas que usan para múltiples medios de expresión, físicos o químicos.
Glosario Pictórico por Lilliam María Martínez García Asignatura: Indagación, Tecnología y Pensamiento Crítico.
Pablo Javier Marchorro Trabajo de Tics. Cookies Es un fragmento de información que se almacena en el disco duro del visitante de una página web a través.
AREA : DISEÑO PROFESORA : JOHANA ARIAS ESTUDIANTE : LUISA FERNANDA RODRIGUEZ CURSO : 10.3 AÑO : 2013.
T AREA DE C OMPU.. I NDICE Qué son Cookies. Qué son Gifts. Qué es un Banner.
Conceptos Básicos FOTOGRAMA: Es un espacio en el que podemos poner gráficos, imágenes, símbolos, etc. FOTOGRAMA CLAVE: Es un fotograma en el que se definen.
ESTILO DE VIDA DIGITALESTILO DE VIDA DIGITAL
Adobe Flash Natalia Olascoaga Hernández. Ventana de trabajo #1 #2 #3 #4 #10 #6 #5 #7.
Santiago Rovelo Olivares
Valentina Toledo Oropeza
Iconos Definición Ventajas en el uso de iconos: Características:
Flash Flash fue creado con el objeto de realizar animaciones y diseños vistosos para la web, y gráficos interactivos.
ADOBE FLASH VALERIA FERNÁNDEZ HERNÁNDEZ. VENTANA DE TRABAJO #
Guía para la realización de cortos de animación 1 INTRODUCCIÓN AL FLASH PARTE 1: Introducción a Macromedia Flash PARTE 2: Herramientas de Dibujo.
Creación y publicación de sitios web R e d d e P r o f e s o r e s I n n o v a d o r e s Módulo: Creación y publicación de sitios web.
UNIDAD II CREACION Y EDICIÓN DE AUDIO Y VIDEO
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
Software Tipos y clasificación.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
1. TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN (TIC). 1.1 INTRODUCCIÓN A LAS TIC.
Sistema de Alerta Rápida Interna SINAVEF. Sistema de alertas SINAVEF Al ingresar a la parte privada del sistema de alerta nos encontramos con el menú.
QUÉ ES DREAMWEAVER Dreamweaver. Es un software fácil de usar, En el podemos crear diseños de páginas web. Permiten agregar rápidamente diseño y funcionalidad.
Definición e interface de Windows Live Movie Maker
Área Académica: Informática Tema: Creación y edición de video Profesor: Lic. en Comp. Marco Antonio Zamora Lucio Periodo: enero-junio de 2015.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
Diseño de un Sitio Web Estrategias y pautas a tener en cuenta.
II PARCIAL II QUIMESTRE. ¿Que es flash? Flash es un software originalmente diseñado para crear animaciones que se pueden usar en páginas web. Usa vectores.
Universidad de Córdoba Nivel 2 Actividad # 3 Sesión: 2 Proyecto CPE Unicordoba 2014.
Mi Album de herramientas tecnológicas Mi Album de herramientas tecnológicas Tecnología y Educación.
Capítulo 10 Los Nuevos Medios Peter Norton’s  Introducción a la Computación.
Transcripción de la presentación:

2.02B Métodos y usos de la animación 2.02 Desarrollar animaciones por ordenador 1

Fotograma por fotograma Animación Rápida visualización de imágenes, o marcos, en una secuencia para crear la ilusión óptica de movimiento. Animación Digital se basa en la animación fotograma a fotograma. Ejemplo de un ballbouncing. El vínculo se abre esta URL: http://en.wikipedia.org/wiki/Animation

Fotograma por fotograma Animación (continuación) La calidad de la animación en depende de la velocidad de fotogramas. Velocidad de fotogramas = fotogramas por segundo  FPS = acción más suave Profesor Nota: Actividad complementaria sólo para divertirse: ver si los estudiantes pueden adivinar cuántos fotogramas por segundo televisor utiliza. Vídeo con calidad TV = 30 fotogramas por segundo Típica animación por ordenador = 24 fotogramas por segundo Mínimo = nada por debajo de los 12 fotogramas por segundo se verá "sacudidas" El más fotogramas por segundo, la más suave el movimiento aparece.

Métodos de animación 4

Animación abstracta El término la transformación proviene de la palabra metamorfosis , que es la transformación de una cosa en otra. La imagen se inserta. La imagen final se inserta. El equipo realiza la interpolación para generar una secuencia de imágenes, cada una de las cuales es ligeramente diferente de la que es la que sigue a morph gradualmente los dos objetos. Por ejemplo, una fotografía de una persona puede transformarse gradualmente en una imagen de otra persona. 5

Ejemplo de Morphing La parte superior dos imágenes muestran el principio y el final. Las imágenes inferiores muestran el anciano transformarse en el muchacho. En el mundo de los negocios, la transformación puede ser utilizado para las transiciones entre páginas web o imágenes. Inicio Imagen Imagen final Finalizado Animación

Animación en ruta También llamada animación vectorial. Un objeto sigue un camino que es una línea, o vector, insertado por el animador. Un trazado de movimiento puede incluir curvas, bucles, y ángulos. El ordenador calcula la posición correcta del objeto que se mueve a lo largo de la ruta y genera las imágenes para crear la animación. Profesor Nota:

Animación en ruta (continuación) Gráficos vectoriales o gifs animados se puede utilizar para crear animaciones con archivos muy pequeños. El pequeño tamaño de los archivos que este tipo de animación muy popular en la Web. Muchos de los banners y animaciones ver incrustado en los sitios de la web utilizan esta tecnología porque se carga rápidamente y es fácil de usar. Profesor Nota: En el título, el texto está siguiendo un trazado de movimiento. La mariposa es un gif animado siguiendo un trazado de movimiento. El trazado de movimiento se creó a través de PowerPoint característica de animación personalizada (En el menú Diapositivas). Cuando la presentación de diapositivas está en funcionamiento, haga clic en la mariposa para ver que siga el trazado de movimiento. Para mostrar el trazado de movimiento en la vista de diapositivas, haga clic con el botón derecho en el jardín de mariposas y haga clic en Personalizar animación. ( En Office 2010, para ver el trazado de movimiento, haga clic en la mariposa y, a continuación, haga clic en la pestaña animaciones.)

Aprendizaje basado en comandos o animación Requiere conocimientos de un lenguaje de programación o secuencias. Ejemplo: vuelco o mouseover Cuando el ratón se mueve sobre una imagen, se cambia a una imagen diferente tan rápidamente que parece como si el cambio se ha producido en un solo instante. Creado mediante lenguajes de scripting como Javascript. 9

Aprendizaje basado en comandos o Animación (continuación) Volcaduras son extremadamente importantes para los botones de navegación en diseños de interfaz de usuario. Ejemplos ■ LA CBT páginas Web programas Los quioscos ■ formación en CD-ROM ■ Juegos cd y dvd 10

Animación Stop-Motion Proceso de manipulación de objetos en el mundo real y fotografiar a una trama a la vez. Método muy popular con la industria del cine hasta que las imágenes generadas por ordenador se hizo posible. Ahora se utiliza principalmente en animación con plastilina. Ejemplo Http://en.wikipedia.org/wiki/file:moving_penny.gif Profesor Nota: Actividad complementaria: Un ejemplo temprano de animación stop-motion utilizada en el cine se puede encontrar aquí: http://memory.loc.gov/cgi- bin/query/h?ammem/papr:@field(NUMBER+@band(animp+1592)) Se puede ver en dos formatos distintos. Se titula El Dibujo Encantada.

Usos de animaciones por ordenador 12

Usos de la animación por ordenador Entretenimiento Películas, juegos de ordenador y la realidad virtual. Gráficos en 3D son los más populares para estos tipos de animaciones porque son más realistas. Realidad Virtual es el uso de la tecnología para sumergir al usuario en un entorno artificial. Interacción se produce cuando el usuario se desplaza y manipula objetos 3D simulado en el medio ambiente. Requiere gráficos de alta calidad con tecnología 3D. Requiere una alta velocidad de fotogramas para un movimiento suave, y una alta resolución de imagen de detalles realistas. 13

Usos de la animación por ordenador Publicidad Animación pueden ser usados para capturar la vista del espectador. Popular para los anuncios de banner en los sitios web. Venta , exhibiendo los productos o servicios. Enseñanza - ilustrar conceptos o procesos. Formación - simular eventos o demostración de técnicas en las presentaciones. Ejemplos : Http://www.looking-glass- animations.co.uk/example_animations.htm Http://www.looking-glass-animations.co.uk/ 14

Utilizar animación adecuada Antes de utilizar una animación, asegúrese de responder las siguientes preguntas: ¿Es apropiado para la audiencia objetivo? Ayuda a entregar el mensaje? Es abusado? ¿Carga rápido? 15

Gráficos en 3D y Software de animación 16

Gráficos 3D y animaciones S oftware Los principales programas de gráficos diseñados específicamente para crear y editar imágenes en 3D son: Xara 3D 3DS Max 4 Maya Batidora Flash Cinema 4D Estos programas permiten a los usuarios: Crear live-action animación Rebote un objeto Acercar o alejar de la escena Fade texto o imágenes en o hacia fuera para crear otros efectos animados. 17

Revisión Métodos y usos de animaciones por ordenador Métodos de animaciones por ordenador Fotograma por fotograma Animación Animación abstracta - Utiliza interpolación de formas. Animación de trazado - Utiliza interpolación de movimiento. Programación y animación basado en comandos Animación Stop-Motion Usos de animaciones por ordenador Publicidad Entretenimiento Venta Enseñanza Formación 18