PRODUCCIÓN DE ANIMACIONES CON ELEMENTOS MULTIMEDIA

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

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
MULTIMEDIA APLICADA EN INTERNET
Iniciación al Power Point
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
David Escudero Mancebo Alfonso Pedriza Rebollo
TÉCNICO EN REGISTROS Y ESTADÍSTICAS DE SALUD
David Escudero Mancebo Universidad de Valladolid
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Introducción a Flash Basado en los cursos de Flash de SINFOGEO (
Introducción a Flash Publicación de Mapas en Internet
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
1, 2, 3 Power Point Seleccionar algunas de estas opciones. Para comenzar.
Macromedia flash 8 Barra de Menús . Capas . Línea de Tiempo .
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.
Flash no fue desarrollado por Adobe, si no por FutureWave Software, su nombre original fue FutureSplash Animator, En diciembre de 1996 Macromedia adquiere.
Ing. Cleyver Vazquez Jijon
INFOMATICA EMPRESARIAL Principales Contenidos: Clase 26 de Mayo de 2012 Alejandra Meliza Caro Profesor.
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Microsoft PowerPoint. Presentaciones Tema 3: PowerPoint Integrantes:
POWER POINT.
T RABAJO DE COMPUTACIÓN. P ower Point 2007 Presenta una serie de novedades con la nueva cinta de opciones los SmartArt, ofrece la posibilidad de guardar.
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.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
FICHEROS DE IMAGEN FUENTES WEB: Gráficos GIF & JPEG, Ramón Montero, 1998 Formatos para la Wb, Luciano Moreno, 2005.
POWERPOINT.
Publicación de bases de datos Access en la web
COMO CREAR UN FOTOGRAMA CON FIREWORKS 8
TABLAS EN WORD 2010.
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.
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.
MICROSOFT OFFICE Power Point.
Etiquetas para el trabajo con Marcos
INTRODUCCIÓN Se lo define como un programa para PRESENTACIONES. En sus orígenes estaba orientado a la creación de diapositivas para esquematizar contenidos.
Instrucciones para realizar pasaporte: 1.Redactar a mano cada una de las dipaositivas 2.Incluir imágenes referentes al concepto 3.Entregar en carpeta con.
Diego Ponce de León Silva Barra de menú: Sirve para identificar las barras de ayuda, edición, etc. 2. Barra de título: Es para.
Castillo García Natalia
Tema 4. VÍDEO DIGITAL.
ADOBE FLASH Daniel Lozano 3.-B NL 13. Ventana de trabajo.
Hipervínculos y Acción
Es un programa sorprendente con un diseño mejor y más eficaz que el de las versiones anteriores. Pero quizás le resulte poco familiar. Por ese motivo.
Adobe Flash Diana Herrera Vilchis. Ventana de Trabajo
Taller de Herramientas de Presentación
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
 1.- barra de menú: facilita el acceso a las distintas utilidades del programa.  2.- barra de titulo: muestra el nombre del archivo.
Amairani Valdez Segura
 Un hipervínculo es una conexión de una diapositiva a una página web, una dirección de correo electrónico, una diapositiva o un archivo. Texto u objetos.
AREA : DISEÑO PROFESORA : JOHANA ARIAS ESTUDIANTE : LUISA FERNANDA RODRIGUEZ CURSO : 10.3 AÑO : 2013.
PARCIAL 1.
POWER POINT 2077.
 1. Barra de menús: tiene como propósito facilitar el acceso a las distintas utilidades del programa.
Adobe Flash Natalia Olascoaga Hernández. Ventana de trabajo #1 #2 #3 #4 #10 #6 #5 #7.
Valentina Toledo Oropeza
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Adobe Flash Rafael Bedolla Estrada 3º B. Ventana de trabajo
Gonzalez Tellez Guadalupe Marina Reverte Materia :HTP Carrera :Derecho.
Adobe Flash Paola Aguilar Martínez. Ventana de trabajo
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 #
665-Produccion de Recursos y Medios Educativos II MTEM Titular:
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.
¿Qué es un Mapa Conceptual?
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
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
CREACIÓN DE UN NUEVO DOCUMENTO Vamos a crear un nuevo documento preparado para poder introducir acciones en la versión 2.0 de ActionScript (recuerde que.
¿Qué es Flash? Flash CS5 Flash Professional CS5 es una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
Transcripción de la presentación:

PRODUCCIÓN DE ANIMACIONES CON ELEMENTOS MULTIMEDIA ¿Qué es Multimedia? Etimológicamente, la palabra multi-media significa “múltiples medios” Según esta definición tan general, una televisión o un periódico serían dispositivos multimedia, pero nosotros vamos a referirnos al concepto de multimedia digital: “es la integración en un sistema informático de texto, gráficos, imágenes, vídeo, animaciones, sonido y cualquier otro medio que pueda ser tratado digitalmente”. ANIMACIÓN. Gráficos por segundo que generan en el observador la sensación de movimiento. Imágenes en movimiento = vídeo.

ÁMBITOS DE APLICACIÓN. En el mundo empresarial. (Presentación de proyectos, resultados y productos) En la industria. (Simulación y pruebas piloto) La educación. (Educación a distancia, Material didáctico) En los lugares públicos como bibliotecas, museos, campus universitarios Para poder reproducir los archivos multimedia se requiere la instalación del Adobe Flash Player o mejor conocidos como los plugin. Comúnmente cuando no están instalados el mismo navegador nos solicita su descarga e instalación para poder ver ciertas paginas.

SOFTWARE MULTIMEDIA. Adobe flash. Switch Max. Formatos de archivos creados en Flash. Puede ser modificado. (.fla) se guardar normal y a partir de este archivo se genera el .swf, el cual utilizaremos en documentos html. entre otros formatos de imagen. (.avi, .gif, .JPEG, etc.) Se utilizara el control + Enter para probar el archivo el .swf

FLASH Es un programa desarrollado por Adobe y sirve para crear animaciones y diseños interactivos para sitios web. es decir flash nos permite animar nuestros dibujos incorporándoles movimiento, sonido, video y la posibilidad de que el usuario interactué con los contenidos. Utiliza el lenguaje de programación ActionScript. SWISH MAX Es un programa pensado para hacer animaciones Flash de manera sencilla y más fácil de usar que Macromedia Flash Player.

Línea de Tiempo La Línea de Tiempo representa una forma de ver los fotogramas de modo. Consta de 2 partes. 1) Los Fotogramas (frames) son líneas verticales formado por rectángulos 2) Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto dura o cuándo aparecerá en la película. La Línea de Tiempo representa la sucesión de Fotogramas en el tiempo. Es decir, la película Flash son fotogramas que aparecen en la Línea de tiempo uno detrás de otro, en el orden que se establece. Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas)

Ctrl+ F3= Ventana de propiedades del documento Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px. Ctrl+ F3= Ventana de propiedades del documento Ctrl+ F5= Insertar fotograma Ctrl+ F6= Insertar fotograma

HERRAMIENTAS SUBSELECCION. Complementa a otras herramientas permitiendo darle forma a objetos o dibujos creados en flash, añadiendo vértices y ángulos. HERRAMIENTA PLUMA Permite crear polígonos, rectángulos, etc, haciendo clic en los lugares que queramos definir como vértices, lo que nos asegura una gran precisión. Para crear curvas, hay que señalar los puntos que la delimitan y posteriormente trazar las tangentes a ellas. CUENTA GOTAS. Permite copiar los colores para utilizarlos posteriormente. Similar a la herramienta copiar formato en word. Pero al contrario. Primero se selecciona el objeto destino, clic en la herramienta cuenta gotas, luego clic en donde se desea tomar la muestra del color y listo

Tipos de Textos Texto Estático. Se caracteriza por no presentar ningún cambio a lo largo de la animación. Texto Dinámico. Cambia su contenido (además de estar animado). Su uso es bastante más complejo que el del Texto Estático, ya que cada recuadro de texto Dinámico puede ser una variable modificable mediante ActionScript, esto quiere decir que los valores y propiedades de este tipo de textos se pueden modificar mediante programación,   Texto de Entrada. Tiene básicamente las mismas propiedades que el Texto Dinámico, junto con algunas propias de un tipo de texto orientado a la introducción de datos por parte de usuario, como por ejemplo el número máximo de líneas que puede introducir en ese campo de texto o si queremos que lo que el usuario escriba en dicho campo aparezca como asteriscos (para las contraseñas).

Texto Dinámico Se traza la caja de texto Agregamos un nombre de instancia y variable. Definimos en propiedades tamaño, tipo y color de texto. Seleccionamos la caja de texto. Clic en ActionScript y agregamos el siguiente codigo txt_ejemplo.text=“esta es una prueba de texto dinamico”;

CREACION DE UN BOTON. 1.-Clic en menú “Insertar” 2.-”Nuevo símbolo” 3.-Activar la opción “Botón” y Asignar un nombre al botón. 4.- Clic en Aceptar 5.-Disenar el efecto del botón en el estado “Reposo” 6.-Presionar F6, para insertar un nuevo fotograma clave. 7.-Disenar el efecto del botón en el estado “Sobre” 8.-Presionar F6, para insertar un nuevo fotograma clave. 9.-Disenar el efecto del botón en el estado “Presionado” 10.-Presionar F6, para insertar un nuevo fotograma clave. 11.-Seleccionar el botón utilizando la herramienta correspondiente.

gotoAndplay(“Escena 2”,1); } Vinculación de Escenas 1.- Una vez diseñado la interfaz de la primera escena, se debe agregar un stop. POR EJEMPLO SI VAMOS A VINCULAR A LA ESCENA 2 2.-Clic derecho sobre el botón, luego clic en acciones. 3.- Agregar el siguiente codigo On (release) { gotoAndplay(“Escena 2”,1); } 4.Presionamos Ctlr + Enter para probar su funcionamiento.

AGREGAR EFECTOS DE SONIDO A LOS BOTONES. Para la versión de flash 8, soporta el archivo de sonido (.wav, .aiff y .mp3) 1.- Importar el sonido a la biblioteca. En caso de que el botón ya está creado. 2.- Haremos doble clic sobre el botón para poder verlo en modo diseño. En el caso contrario crearemos el botón y 3.- Nos posicionaremos en estado reposo o sobre. 4.- Clic en propiedades, luego en la opción “Sonido” seleccionaremos el audio que anteriormente hemos importado a la biblioteca. 5.-Presionamos Ctlr+Enter para escuchar el efecto del sonido.

AGREGAR SONIDO A UNA CAPA Generalmente se utiliza esta opción cuando se añade música de fondo a la escena. 1.- Importar el sonido a la biblioteca. 2.- Insertar fotograma clave en donde se desea añadir sonido 3.- Seleccionar capa y fotograma clave. Para poder visualizar el sonido en la línea de tiempo se añaden mas fotogramas. 4.- Clic en propiedades, luego en la opción “Sonido”. seleccionaremos el audio que deseamos agregar a la capa. O bien arrastramos el sonido al escenario, manteniendo seleccionado el fotograma clave en donde se desea agregar. 5.-Presionamos Ctlr+Enter para escuchar el efecto del sonido.

PROPIEDADES DEL SONIDO Inicio y evento: Permite que el sonido comienze a reproducir al pasar la película por el fotograma en el que está situado. Detener: Detiene el sonido seleccionado. Flujo: Sincroniza el sonido con los objetos que esté asociado. efecto muy adecuado hacer que un personaje hable durante la película. En esta situación, es muy recomendable que el sonido y las imágenes estén sincronizados. Repetir: Determina el número de veces que se reproducirá el sonido según lo que escribas en la caja de texto de la derecha. También puedes seleccionar Reproducir indefinidamente No es recomendable insertar sonidos con la opción Flujo y a la vez la de Repetir, ya que al estar sincronizados los sonidos con las imágenes, provocaríamos que las imágenes (y los fotogramas que las contengan) se dupliquen.