GUION
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

GUION

on

  • 301 views

 

Statistics

Views

Total Views
301
Views on SlideShare
274
Embed Views
27

Actions

Likes
0
Downloads
5
Comments
0

2 Embeds 27

http://mod2sub2.blogspot.mx 26
http://mod2sub2.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

GUION Document Transcript

  • 1. CENTRO DE BACHILLERATO TECNOLÓGICO AGROPECUARIO NO. 175 ALUMNA: María Areli Retana Bautista CARRERA: Técnico en informática MÓDULO 2: Creación de productos multimedia con software de diseño. SUBMODULO 2: Producción de animaciones con elementos multimedia. COMPETENCIA: Que el alumno identifique el uso de las herramientas de un programa multimedia. Que aplique los diferentes tipos de animación y realice botones animados. HABILIDADES:  Desarrollar sus habilidades de investigación  Ampliar los conocimientos adquiridos en la lectura, o más importante aún hacer que se desarrolle en ti un espíritu crítico y una actitud positiva al estudio para enfrentarse a los problemas con disciplina científica y tomar decisiones correctas.
  • 2. “GUIÓN DE LOS CONTENIDOS DE FLASH” (PASO 2 DE LA SECUENCIA DE ACTIVIDAD)  Primeramente tenemos que tener muy claro de lo que es FLASH CS3; muy fácil, es una estupenda aplicación que te permitirá crear espectaculares páginas Web con contenido interactivo, animaciones de todo tipo y hasta juegos, gracias a la demostrada potencia y versatilidad de las diferentes versiones de este programa, podrás añadir a tu página desde un sencillo botón hasta la más compleja de las animaciones.  Aquí sintetizamos claramente definiciones muy concretas para la mayor comprensión de los temas de Flash. TEMAS O CONTENIDO:  IDENTIFICAR LOS PROGRAMAS Y ELEMENTOS DEL PROGRAMA DE MULTIMEDIA 1.1 ESCENARIO: Es el rectángulo blanco que aparece en el centro de la pantalla al crearse un documento nuevo. Es el lugar donde se va a crear la película y donde colocaremos las animaciones, clips de película, botones gráficos, etc. CS3
  • 3. “GUIÓN DE LOS CONTENIDOS DE FLASH” 1.2 LINEA DEL TIEMPO: Es el lugar en donde se refleja lo que va a ir sucediendo a lo largo de la duración de la película, se basa en una serie de fotogramas sucesivos, pero aquí nos da la opción de colocar películas en capas diferentes, esto hará que se proyecten las películas de todas las capas a la vez. 1.3 CAPAS: El ubicar cada elemento en una capa diferente nos permitirá tener un mayor control sobre el desarrollo de la película y evitará posibles complicaciones a la hora de reproducirla. Flash permite añadir un tipo especial de capa «capa de máscara» que nos va a servir para ocultar o mostrar elementos de la escena. Otro tipo especial de capa es «capa de guía de movimiento», esta nos permitirá definir una serie de trayectorias invisibles que servirán para hacer que los objetos se muevan. CS3
  • 4. “GUIÓN DE LOS CONTENIDOS DE FLASH” 1.4 BARRA DE HERRAMIENTAS: Puede acceder a ella mediante la orden ventana/barra de herramientas/principal. Aquí aparecen las clásicas herramientas de las aplicaciones de Windows. 1.5 LOS PANELES: PANEL DE HERRAMIENTAS PRINCIPAL: Aparece por defecto a la izquierda de la pantalla, si la arrastra desde su barra de título se convertirá en un flotante y podrá llevarla a donde desee. Puede activarla (en caso de que no se encuentre) seguir este orden Ventana/Herramientas. En esta barra se encuentran las herramientas principales para el dibujo en Flash. PANEL DE PROPIEDADES: Es la ventana más importante de Flash. Desde esta ventana podrá examinar y editar las propiedades de cada elemento que seleccione en la escena, mostrará por ejemplo, herramientas y opciones de edición de texto si tratase de un texto, tipo de línea y colores de un gráfico, etc. CS3
  • 5. “GUIÓN DE LOS CONTENIDOS DE FLASH” PANEL ALINEAR: Permite alinear y/o distribuir entre sí varios objetos seleccionados a la vez. PANEL COLOR: Este panel permite: CS3
  • 6. “GUIÓN DE LOS CONTENIDOS DE FLASH”  Seleccionar colores sólidos para aplicar a las líneas o a los rellenos.  Rellenar con degradados lineales y radiales o con imágenes bitmap.  Variar el grado de transparencia y los valores de los componentes RVA y MSB de los colores. PANEL MUESTRAS: Muestra y permite aplicar los colores y rellenos correspondientes a una película de Flash determinada. Mediante esta paleta podrás aplicar, importar, exportar, añadir, quitar y clasificar colores. PANEL INFORMACIÓN: Muestra y permite modificar las coordenadas de situación del objeto seleccionado, su altura y su anchura. CS3
  • 7. “GUIÓN DE LOS CONTENIDOS DE FLASH” PANEL ESCENA: Permite acceder o seleccionar una escena determinada, así como duplicar, añadir o eliminar escenas. PANEL TRANSFORMAR: Permite escalar, rotar e inclinar el objetivo seleccionado. CS3
  • 8. “GUIÓN DE LOS CONTENIDOS DE FLASH” PANEL ACCIONES: Permite asignar acciones a los fotogramas, los botones, los clips de película, etc. PANEL BIBLIOTECA: En este lugar es en donde se almacenarán y organizarán los símbolos que creas en Flash y también todo aquello que importe de otro lugar como por ejemplo, gráficos, mapa de bits, sonidos, videos, etc., También te permitirá organizar los elementos por carpetas o categorías, duplicar elementos, cambiar su comportamiento, etc. PANEL BIBLIOTECAS COMUNES: Desde esta biblioteca podrás acceder a una serie de elementos tales como botones, interacciones, etc. Que ya vienen incorporados en Flash y están listos para ser utilizados. CS3
  • 9. “GUIÓN DE LOS CONTENIDOS DE FLASH” PANEL EXPLORADOR DE PELÍCULAS: Proporciona una manera fácil para poder ver y organizar el contenido de la película y seleccionar elementos para su modificación, permite ver y organizar el contenido de un documento, así como seleccionar elementos que se desean modificar. PANEL FILTROS: Aparece integrado junto con el panel Propiedades. Estos filtros, entre los cuales se encuentran Sombra, Desenfocar, Iluminado, etc., podrán aplicarse a diferentes objetos de la escena. PANEL HISTORIAL: Podemos ver una lista de las operaciones realizadas en el documento activo desde que se abrió o se creó. A partir de aquí, se podrán crear comandos de automatización de tareas, deshacer y rehacer pasos. CS3
  • 10. “GUIÓN DE LOS CONTENIDOS DE FLASH” 1.6 MENÚS: Los once menús de Flash te darán acceso a muchas de las opciones que pueden realizarse desde los paneles y ventanas, pero también te permitirán realizar otras muchas operaciones que no son accesibles desde ahí. Los menús contextuales son menús que aparecen al hacer clic con el botón derecho del ratón sobre un determinado elemento de la escena. 1.7 AYUDA: Flash CS3 incluye una gran cantidad de información y recursos que describen todas las capacidades de edición Flash y el lenguaje ActionScript. También hay disponibles numerosos recursos en línea que le ayudaran a conocer Flash. La ayuda es muy completa y está organizada en manuales. Una vez seleccionado podrá acceder a sus diferentes páginas, las cuales están organizadas por temas y conceptos. CS3
  • 11. “GUIÓN DE LOS CONTENIDOS DE FLASH” CS3  MANIPULAR EL DIBUJO UTILIZANDO LAS HERRAMIENTAS DE MULTIMEDIA 2.1 HERRAMIENTAS DE SELECCIÓN: Selección. partes de objetos. Subselección. Selecciona objetos o Selecciona un objeto para editar puntos de control. 2.2 LINEA: Permite trazar líneas rectas. 2.3 LÁPIZ: Dibuja trazos a mano alzada. 2.4 PLUMA: Dibuja curvas y rectas del tipo Bézier 2.5 BOTE TINTA: Cambia color, grosor y estilo de líneas sin tener que seleccionarlos. 2.6 CUENTAGOTAS: Copia los atributos de trazo o relleno de una forma o una línea y los aplica de forma inmediata a otra. 2.7 ELIPSES: Dibuja círculos y elipses de forma perfecta. 2.8 TEXTO: Escribe texto, crea campos de entrada de texto y permite texto dinámico. 2.2 CAPAS: Cada capa podrá contener aquellos objetos que deseemos, con la ventaja de que los objetos de una capa no influirán sobre los de otra. Por defecto, todo lo que dibujamos en la escena queda incluido en una capa. 2.2.1 DISTRIBUCIÓN DE OBJETOS EN CAPAS: Flash permite distribuir en capas individuales objetos que se encuentran en una misma capa, para ello basta este procedimiento que se brinda a continuación: *Seleccione los elementos de una capa que desea distribuir en capas individuales
  • 12. “GUIÓN DE LOS CONTENIDOS DE FLASH” *Ejecute la orden Modificar/línea de tiempo/distribuir en capas y cada objeto se ubicara en una capa individual. 2.2.2 CREAR, SELECCIONAR, ELIMINAR, VISUALIZAR, DESBLOQUEAR O BLOQUEAR OBJETOS, CAPAS: Para crear es muy fácil ya que cuando se arranca Flash CS3 aparece una capa por defecto denominada Capa 1, en cualquier caso Flash insertará una nueva capa en la escena y le asignará el nombre predeterminado Capa 2, y así sucesivamente. Para Seleccionar una capa individualmente basta con que haga clic sobre ella y quedará resaltada, para seleccionar capas consecutivas vaya haciendo clic sobre cada capa que desee seleccionar mientras mantiene pulsada la tecla Ctrl. Para eliminar una capa pulse en el icono de “bote de basura” de la selección de capas. El programa eliminara la capa y sus correspondientes fotogramas en la línea de tiempo. Para visualizar active el icono , ya si no quiere visualizar desactive este icono, y todo lo que contenga desaparecerá de la pantalla. Para Bloquear una capa haga clic sobre el punto de la columna correspondiente de la capa que desee bloquear y al hacer esto aparecerá el candado, y para desbloquear una capa vuelve a hacer lo mismo dando clic en el candadito. 2.3 IMPORTAR GRÁFICOS VECTORIALES DE COREL, CONVERTIRLOS EN SIMBOLOS DE INSTANCIAS EN CS3: Se abre el grafico de Corel, y se le da en opción de exportar y lo exportamos a Flash  APLICAR ANIMACIÓN AL OBJETO DEL DIBUJO 3.1 LINEA DEL TIEMPO Y FOTOGRAMAS: La línea de tiempo es la encargada de organizar y controlar el contenido de una película a través del tiempo, se realiza a base de capas y de fotogramas. Cada capa dispone de su propia línea de tiempo con sus propios fotogramas, CS3
  • 13. “GUIÓN DE LOS CONTENIDOS DE FLASH” sin embargo, durante la reproducción los fotogramas de cada capa se reproducen a la vez. 3.1.1 CREAR, SELECCIONAR, COPIAR, ELIMINAR, BORRAR FOTOGRAMAS:          Crear un fotograma clave vacío- Es aquel que todavía no tiene contenido y muestra un círculo hueco en su interior. Para crearlo haga clic sobre el lugar de la línea de tiempo en donde desee crearlo y elija la opción insertar/línea de tiempo/Fotograma clave vacío. Crear un fotograma intermedio- Llamaremos fotogramas intermedios o normales a aquellos que no sean fotogramas clave. Para insertarlo seleccione la opción Insertar/Línea de tiempo/Fotograma. Seleccionar fotogramas- Para seleccionar un fotograma ya sea clave o normal simplemente haga clic sobre él. Para seleccionar varios consecutivos a la vez, arrastre el cursor del ratón sobre ellos. Si después de haber seleccionado el primer fotograma mantiene pulsada la tecla Ctrl y va haciendo clic uno a uno sobre los siguientes fotogramas, estos irán quedando añadidos a la selección. Copiar y pegar fotogramas- Para cortar fotogramas selecciónelos y utilice la opción Cortar Fotogramas, estos desaparecerán de la línea de tiempo y quedaran en memoria. Para copiar fotogramas selecciónelos y utilice la opción Copiar Fotogramas, estos permanecerán en la línea de tiempo y además, quedaran en memoria. Para pegar fotogramas seleccione el lugar de la línea de tiempo en donde desea pegarlos y utilice la opción Pegar Fotogramas. Eliminar y borrar fotogramas- Para eliminar implica que los fotogramas que se encuentren seleccionados desaparecerán y todos aquellos que se encontraran a su derecha, se desplazaran hacia la izquierda para ocupar el lugar de los fotogramas eliminados. CS3
  • 14. “GUIÓN DE LOS CONTENIDOS DE FLASH”  Borrar fotogramas implica que los fotogramas que se encuentran seleccionados desaparecerán quedando en su lugar fotogramas vacíos, pero no se producirá ningún desplazamiento de fotogramas. 3.1.2 TIPOS DE FOTOGRAMAS:    Fotograma clave- Es aquel en el que se definen cambios de la animación, cuando se crea una animación fotograma a fotograma de forma manual, cada fotograma de esa animación debe ser definido como un fotograma clave, ya que su contenido va cambiando. Cada vez que se crea un documento nuevo, este aparece por defecto con una sola capa y el primer fotograma definido como fotograma clave vacío y listo para albergar objetos. Fotograma vacío- O también llamado fotograma en blanco es aquel que no contiene nada todavía, pero ya es considerado por el programa como un fotograma, está representado por un fotograma en blanco sin delimitar ninguna línea. Fotograma intermedio- Son aquellos que se encuentran entre dos fotogramas clave, o bien son los fotogramas que contienen algún objeto pero que no son fotogramas clave. 3.1.3 CONVERSIÓN DE FOTOGRAMAS: Si desea convertir un fotograma clave en un fotograma normal solo seleccione el o los fotogramas clave deseados y seleccione la opción Borrar fotograma clave en el menú contextual de fotogramas, esto provocará la conversión de los fotogramas clave en fotogramas intermedios (normales) y la desaparición del contenido que tuvieran. 3.2 ANIMACIÓN DE FOTOGRAMA: Dependiendo del tipo de animación en el que se encuentren los encontraremos dispuestos de uno u otro modo. Ejemplos: - Fotograma a fotograma: aparece con el correspondiente círculo negro en su interior, si es fotograma clave no va a contener nada es decir que aparecerá blanco y con un círculo hueco en su interior. - Con pausa: Aquí hay fotogramas consecutivos en los que nada cambia, aparecerán coloreados en gris, y el último fotograma muestra CS3
  • 15. “GUIÓN DE LOS CONTENIDOS DE FLASH” un pequeño rectángulo en su interior para indicar que se trata del último fotograma de la repetición. -Por interpolación de forma: Consta de un fotograma clave inicial y otro final y está destinado a crear <<morphings>>, es decir formas que se convierten en otras, aparecen coloreados verdes y recorridos por una flecha negra en el sentido de la reproducción. -Por interpolación de movimiento: Igual al anterior, son calculados por el programa y está destinada a la generación de movimiento en los objetos. 3.2.1 CUANDO SE UTILIZA: El programa crea los fotogramas intermedios automáticamente, con la particularidad de que esos fotogramas intermedios no puedan editarse a menos que se conviertan en fotogramas clave. Aquí resulta ideal para crear animaciones más o menos sencillas en las que los objetos también más o menos sencillos se muevan y se transforman en la escena. 3.2.2 CREACIÓN, REPRODUCCIÓN Y CAMBIOS DE VELOCIDAD: CREACIÓN a) Primero hay que crear un fotograma clave y dibujar en su interior la posición de partida del objeto a animar b) Después hay que crear otro fotograma clave, lo cual provocara que aparezca en este último el mismo contenido del primero c) Ahora modifica el contenido del segundo fotograma, el cual debe ser ligeramente diferente al anterior. d) Seguidamente hay que crear el tercer fotograma clave, el cual mostrara el contenido del segundo, y que también se deberá modificar y así sucesivamente hasta que hayamos terminado la animación. REPRODUCCIÓN *Con las opciones de menú. Las 5 primeras opciones de menú te permitirán respectivamente reproducir, rebobinar, ir al final, avanzar adelante un paso o retroceder atrás un paso. CS3
  • 16. “GUIÓN DE LOS CONTENIDOS DE FLASH” *Con el reproductor de Flash. Resulta más recomendable utilizar este ya que el propio programa lo lleva incorporado. Lo que hace Flas en este caso es exportar la película al formato SWF, con lo cual todos los efectos y acciones se reproducirán sin errores. *Con el explorador. Es la mejor manera de simular que pasara cuando un internauta entre una página Web que contenga animaciones de Flash. A este método se le llama “publicar” CAMBIAR LA VELOCIDAD Para cambiar la velocidad de reproducción de los fotogramas de una película, introdúzcala en la casilla de Velocidad de fotogramas en el Panel de propiedades o haga doble clic directamente en el indicador 12.0 fps de fotogramas. La velocidad máxima permitida es de 120 fps y la mínima es de 0,01 fps (frames per second) Nota: Tenga en cuenta que la velocidad de reproducción de la película será única para todas las capas y no es posible asignar velocidades diferentes en una misma película. 3.3 ANIMACIÓN INTERPOLACIÓN DE FORMA: En la interpolación, nosotros le decimos al programa cuales son los fotogramas iniciales y final de la animación, y él se encarga de crear de forma automática todos los fotogramas intermedios. 3.3.1 2 METODOS: De forma y de movimiento. Ambas poseen la misma mecánica y filosofía de funcionamiento, es decir, crean los fotogramas intermedios de forma automática a partir de los fotogramas inicial y final; no obstante, tienen particularidades diferentes que provocaran el uso de uno u otro tipo de interpolación. 3.3.2 CUANDO APLICARLA, UTILIZARLA: Básicamente utilizaremos la interpolación de forma siempre que queramos simular que un objeto se convierte en otro gradualmente, bien en el mismo sitio o mientras se desplaza con una trayectoria rectilínea. En los casos en los que no deseemos convertir un objeto en otro y sólo deseemos moverlo, cambiarlo de tamaño, rotarlo, cambiar su transparencia, etc. Sin que se convierta en otra forma de objeto, utilizaremos la interpolación de movimiento. CS3
  • 17. “GUIÓN DE LOS CONTENIDOS DE FLASH” 3.3.3 REPRODUCCIÓN, CAMBIO DE VELOCIDAD Y PRODUCCIONES: Como antes mencionamos con las opciones de menú. Las 5 primeras opciones de menú te permitirán respectivamente reproducir, rebobinar, ir al final, avanzar adelante un paso o retroceder atrás un paso. Y para la velocidad solo haga clic en la casilla de Velocidad de fotogramas y listo 3.3.4 MOVIMIENTO, LINEA RECTA: No hay nada que impida que un objeto se convierta en otro a lo largo de un recorrido, la transformación de uno en otro no se apreciará porque no hay nada que cambiar, con lo cual habremos conseguido realizar una interpolación de movimiento utilizando la interpolación de forma.  CUANDO UTILIZAR, CREARLA, INSERCIÓN DE CLAVES, CAMBIO DE COLOR, BRILLO Y TRANPARENCIA Y MANIPULAR BOTONES 4.1 ESTRUCTURA: Un botón en realidad es un pequeño clip interactivo que tiene únicamente cuatro fotogramas, y al entrar en la pantalla de edición de botones aparecen estos; Reposo, Sobre, Presionando y Zona Activa. Reposo: debe contener el aspecto gráfico del botón cuando no está pulsado ni tiene el cursor del ratón encima. Sobre: Debe contener el aspecto gráfico del botón cuando el cursor del ratón está encima de él. Presionando: debe contener el aspecto gráfico del cuando se hace clic sobre él con el ratón. Zona activa: es en donde se define la zona activa del botón, es decir, la zona que será sensible a los clics del ratón o al paso de éste por encima. 4.2 BOTÓN ESTATICO: Es el botón más sencillo que se puede crear es aquel que no se mueve, incluso se puede hacer que ni siquiera cambie de color, pero entonces no podríamos saber si hemos pulsado bien o no. CS3
  • 18. “GUIÓN DE LOS CONTENIDOS DE FLASH” 4.3 BOTÓN DINÁMICO: Se realiza del mismo modo que un modo estático solo que, en este caso, en lugar de cambiar únicamente el color en cada fotograma, vamos a cambiar también la forma, el tamaño, la posición u otras características del botón. 4.4 BOTÓN ANIMADO: Es aquel que posee una animación en uno o más de sus estados, la técnica para crear botones animados es exactamente la misma para crear botones normales, sólo que en este caso, en el fotograma correspondiente a cada uno de los estados del botón en los que deseemos que aparezca animación, en lugar de colocar un gráfico colocaremos un clip de película. CS3