Guia 1 flash_11

1.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. TEMA: FLASH COMPETENCIA: Utiliza de manera creativa el programa Flash en el diseño de animaciones y material multimedia GUIA NO 1. SOPORTE TEORICO DE FLASH ¿QUÉ ES? Flash se creó como una herramienta de autor para crear películas animadas para la web. Hoy en día se trata de un completo entorno de creación de contenido interactivo de diversa índole. Podemos encontrarnos con multitud de páginas web que han sido creadas desde este entorno, pero también se utiliza en la creación de aplicaciones de escritorio, la realización de CDs y DVDs interactivos, series de animación, juegos online y offline, etc. Herramienta de autor: Entorno de creación de aplicaciones multimedia de fácil aprendizaje. Orientado a un “autor” que no necesariamente tiene que ser programador. Habitualmente integran un conjunto de facilidades (animación, controles de interacción, módulos, etc.) que el usuario puede configurar y conectar para construir su aplicación. Ejemplos: Director, Authorware, Flash, Jclic, etc. La herramienta Flash genera archivos de formato SWF. Este formato se caracteriza porque trabaja con gráficos vectoriales comprimidos, aunque en la actualidad también permite la inclusión de otros medios como Bitmaps, audio, video, etc. Al utilizar este tipo de gráficos, se ofrece como una interesante alternativa a los numerosos gráficos Bitmap que pueblan Internet (formatos como JPG o GIF). Al estar comprimidos, generamos un tipo de contenido adecuado para la web, puesto que reduciremos el peso de archivo del SWF. De esta manera el usuario de Internet que vea nuestro archivo podrá descargarselo más rápido. Actualmente los navegadores más utilizados: Internet Explorer, Mozilla Firefox, Safari, Opera, etc. en varios sistemas operativos (como Windows, Mac OSX, Linux, Solaris) disponen de un plug-in llamado “Adobe Flash Player” que permite que se visualicen los archivos SWF que se crean desde Flash. La gran mayoría de usuarios de Internet lo tiene instalado, aunque no siempre los usuarios disponen de la última versión. USOS Y APLICACIONES Al ser una herramienta muy versátil, Flash se utiliza en muchos ámbitos fuera de la web. Páginas web Podemos encontrar un gran abanico de sites con temáticas diferentes que utilizan esta tecnología como base. Portafolios online, páginas corporativas, minisites publicitarios, etc. Banners Una de las características iniciales de Flash era que permitía realizar de manera sencilla animaciones con los elementos gráficos que habíamos utilizado en él. Esto convertía a Flash en una potente herramienta publicitaria. Abundan los banners Flash animados en Internet, de hecho existen empresas que se dedican a la creación y también a la difusión de este tipo de material publicitario. CDs y DVDs interactivos A pesar de que no es su fuerte Flash también se utiliza ampliamente en el desarrollo de CDs y DVDs. Con la desaparición (o no continuación) de Director como herramienta de autor para la elaboración de material interactivo Flash perdió a su gran competidor en este ámbito. Aplicaciones de escritorio. Adobe ha desarrollado AIR, una tecnología que permite ejecutar contenido Flash como una aplicación de escritorio cualquiera en diversos sistemas operativos. Se trata de un esquema similar

2.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. al de Java: las aplicaciones AIR necesitan de una “máquina virtual” para ejecutarse. Vídeo y Animación No sólo en el ámbito publicitario se hacen animaciones. A pesar de que no es una gran herramienta de edición de gráficos vectoriales, muchos animadores e ilustradores utilizan Flash para crear historias. Series como cálico electrónico están hechas en Flash y posteriormente se exportan como video, se editan y finalmente vuelven otra vez a reproducirse en un visor Flash. También existen videoclips interactivos donde se mezclan vídeo y animación con las acciones que realiza el usuario. Videojuegos Gran parte de los llamados “minijuegos” están realizados con Flash. Son pequeños juegos gratuitos de pocas pantallas cuyo uso se ha extendido ampliamente por Internet. También con la aparición de las aplicaciones en redes sociales como Facebook, se ha abierto un nuevo campo donde Flash también tiene cabida: los “juegos sociales”. Empresas como playfish o zynga se dedican principalmente al desarrollo de estos juegos. También se ha utilizado Flash en la creación de juegos más completos como por ejemplo Dofus. Widgets Visores de vídeo en streaming como los de YouTube y Vimeo, galerías fotográficas como SlideShare o incluso muchos reproductores de podcast están también implementados con tecnología Flash. Muchos de ellos el usuario los puede insertar en su propio blog o perfil utilizando un código HTML. En las artes digitales Instalaciones interactivas y performances (algunos de los trabajos de Marcelí Antunez), experimentos como los de Levitated.net o Yugop Nakamura, narrativas multilineales (Iván Marino), etc. ¿Cómo saber si un contenido está hecho en Flash? Si pulsamos botón derecho del ratón sobre el contenido Flash de una página web normalmente aparece un menú contextual donde aparece la opción: A cerca de Adobe Flash Player... Pero no todo está hecho con el editor de Flash (también llamado Flash IDE, entorno de desarrollo integrado), también existen otras herramientas para crear SWFs que se reproducen con Adobe Flash Player, como por ejemplo: Flex (de Adobe), Swift 3D, Toon Boom, SWFMill, etc. Cualquier diseñador-programador que trabaje con Flash tiene que estar al día de lo que se hace actualmente con la herramienta. Siempre es útil trabajar con referentes y ver cómo otras personas han podido resolver el mismo problema. Por eso es recomendable recopilar todas esas referencias interesantes para el diseño y programación de páginas web. Se puede hacer uso de los "favoritos" o bookmarks de nuestro navegador, o incluso de herramientas como delicious.com o stumbleupon, que nos permite disponer de nuestros enlaces de manera online. TAREAS A DESARROLLAR CON FLASH En Flash se llevan a cabo varias tareas correspondientes al desarrollo web o multimedia. Estas tareas en el mejor de los casos se llevan a cabo en orden, sin embargo debido a la naturaleza de algunos proyectos no siempre es así. Creación e importación de los diferentes medios que se utilizarán en la película (gráficos vectoriales, bitmaps, video, audio, texto,...) Estructuración y organización de los elementos en la película Animación de los elementos que requieran movimiento Interactividad: ActionScript 3 ARCHIVOS DE TRABAJO

3.

4.

5.

6.

7.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. 5.-VENTANA DE PROPIEDADES.-Muestra opciones del elemento seleccionado. BARRA DE HERRAMIENTAS SELECCIÓN: permite seleccionar y modificar objetos SUBSELECCION: permite seleccionar y modificar nodos y vectores TRANSFORMACIÓN LIBRE: permite seleccionar,deformar, rotar y estirar los objetos seleccionados. TRANSFORMACIÓN DE RELLENO: permite editar los rellenos degradados. 3D: Para rotar objetos en 3d LAZO: permite seleccionar objetos o parte de un objeto. Pluma: permite dibujar objetos mediante la creación de nodos. Estas sub herramientas, nos sirven para añadir nodos en cada linea o quitarlas ademas de convertir un nodo plano, en curvo, es decir, que nuestra linea recta sera curva si usamos esta herramienta. Texto: permite agregar y seleccionar texto. LINEA: permite dibujar lineas.

8.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. Nos permiten crear figuras con relleno y contorno (linea). Lápiz: permite dibujar lineas a mano alzada. Pincel: permite pintar trazos con diferentes tipos de punta. Cubo de pintura:permite agregar relleno a contornos cerrados o semicerrados. también permite cambiar el color de relleno de los objetos Bote de tinta:permite agregar nuevos contornos o cambiar el color del contorno de los objetos. cuentagotas: permite obtener el color de relleno o de contorno de un objeto para después aplicarlo a otro. Borrador:permite borrar parte de un relleno o de un contorno. Mano: permite desplazarse por el escenario. Zoom: Permite acercarse o alejarse del escenario Color de trazo:permite elegir un color para aplicar al contorno del objeto seleccionado o al próximo objeto que se dibujara. Color de relleno:permite elegir un color para aplicar al relleno del objeto seleccionado o al próximo objeto que se dibujara. Blanco y negro:aplica los colores blanco y negro. Intercambiar colores:intercambia los colores del color de trazo y el color de relleno. PRINCIPALES DEFINICIONES Fotograma: Un fotograma representa el contenido de la película en un instante de tiempo. Por tanto, una animación no es más que una sucesión de fotogramas. Todo esto se puede controlar desde la Línea de Tiempo, pero no todos los fotogramas tienen el mismo comportamiento ni se tratan igual. Veamos qué tipos de fotogramas hay y cuáles son sus rasgos. Fotograma clave: Son fotogramas con un contenido especifico, se crean para insertar en ellos un nuevo contenido no existente en la película. Se identifican por tener un punto negro en el centro y cuando esté vació se le diferencia por una línea negra vertical.

9.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. Símbolos: Los Símbolos provienen de objetos que hemos creado. Estos objetos al ser transformados en símbolos, son incluidos en una biblioteca en el momento en que son creados, lo que permite que sean utilizados en varias ocasiones, ya sea en la misma o en otra película. Capas: Las capas en flash son los distintos niveles donde se disponen los objetos que estás manipulando o programando. Los objetos que se encuentran en las capas superiores se verán siempre encima de los que estén en capas inferiores, pero con efectos de aparición, desaparición, transparencia o incluso programando colisiones podrás hacer que objetos de distintas capas interacciones entre sí. Interpolación: Es la acción básica de las animaciones en Flash. Permite desplazar un símbolo Flash de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la película. Es importante destacar que para que una Interpolación de movimiento se ejecute correctamente aquellos objetos que intervengan deberán haber sido previamente convertidos a símbolo. BARRA DE MENÚ Archivo: Permite crear nuevos archivos, abrirlos, guardarlos... Destaca la potencia de la utilidad Importar que inserta en la película actual casi todo tipo de archivos Edición: permite Cortar, Copiar, Pegar... tanto objetos o dibujos como fotogramas; también permite personalizar algunas de las opciones más comunes del programa. Ver: Además de los típicos Zooms, te permite moverte por los fotogramas y por las escenas. También incluye la posibilidad de crear una cuadrícula y unas guías. Insertar:Te permite insertar objetos en la película, así como nuevos fotogramas, capas, acciones, escenas, etc. Modificar: Esta opción permite modificar los gráficos existentes en la película, y la opción Trazar Mapa de Bits convierte los gráficos en mapas vectoriales . El resto de opciones permite modificar características de los elementos de la animación Suavizar, Optimizar o de la propia película. Texto: Sus contenidos afectan a la edición de texto.

10.
INSTITUCION EDUCATIVA COLEGIODEPARTAMENTAL LA ESPERANZA INFORMATICA GRADO 11° Elaborado por: Ing. HAIMER GUTIERREZ M. Comandos: Permite administrar los Comandos (conjunto de sentencias almacenadas que permiten emular lo que un usuario pueda introducir en el entorno de edición) que hayamos almacenado en nuestra animación. Depurar: Aquí encontraremos las opciones de depuración de la película que te ayudaran a encontrar errores de programación en ActionScript, entre ellos se encuentran Entrar, Pasar, Salir, Continuar. Control: Desde aquí se modifican las propiedades de reproducción de la película. Reproducir, Rebobinar, Probar Película. Ventana: Esta opción incluye accesos directos a todos los Paneles. Ayuda: Desde aquí podemos acceder a toda la ayuda que nos ofrece Adobe Flash CS6 LINEA DEL TIEMPO La Línea de tiempo organiza y controla el contenido de una película a través del tiempo, en capas fotogramas. Los componentes principales de la Línea de tiempo son las capas, los fotogramas y la cabeza lectora. Las capas de una película aparecen en una columna situada a la izquierda de la Línea de tiempo. Los fotogramas contenidos en capa cada aparecen en una fila a la derecha del nombre de la capa. El encabezado de la Línea de tiempo situado en la parte superior de la Línea de tiempo indica los números de fotogramas. La cabeza lectora indica el fotograma actual que se muestra en el Escenario. La información de estado de la Línea de tiempo situada en la parte inferior de la Línea de tiempo indica el número de fotograma actual, la velocidad de fotogramas actual y el tiempo transcurrido hasta el fotograma actual. ACTIVIDAD DE REFUERZO. 1. Resuma la guía mediante un mapa conceptual 2. Investigue los tipos de archivos gráficos que se pueden utilizar en Flash para trabajar. 3. Investigue que es un gráfico vectorial. 4. Explique las tareas a desarrollar con flash. 5. Investigue un ejemplo de cada uno de los usos y aplicaciones de Flash 6. Explique los términos Escenario, Escenas, Línea de tiempo, Capa, Fotograma normal y fotograma clave, Biblioteca, Símbolo, Interpolación.

Guia 1 flash_11

Más contenido relacionado

La actualidad más candente

Destacado

Similar a Guia 1 flash_11

Más de hgm2007

Último

Guia 1 flash_11