Curso de macromedia flash desde cero

1. Curso de Macromedia Flash desde Cero <br />Bienvenido/a al curso de Flash. Este curso abarca todos losconceptos básicos de Flash para aquellos que nunca han tocado laherramienta. También encontrarás trucos, consejos y formas rápidas deusar Flash para la creación de piezas interactivas para Internet. Nonecesitas ningún tipo de conocimiento previo. La versión usada en estecurso es Macromedia Flash 8. <br />1. Iniciando Flash <br />2. Descripción de las partes de Flash <br />3. Escenario <br />4. Herramientas <br />1. Herramienta Selección <br />2. Herramienta Lazo <br />3. Trazar Líneas <br />4. Dibujar con la pluma <br />5. Dibujar circulos y óvalos <br />6. Herramienta texto, filtros y efectos de texto <br />7. Dibujar cuadros rectángulos y polígonos. Crear símbolos. <br />8. Dibujar con el lápiz <br />9. Transformación libre <br />10. Herramienta Subselección <br />11. Transformar rellenos degradados <br />12. Bote de tinta <br />13. Cubo de pintura <br />14. Cuentagotas <br />5. Borrador <br />5. Línea de tiempo <br />1. Trabajar con capas (Layers) <br />2. Fotogramas <br />3. Animaciones con aceleración y desaceleración <br />6. Escenas <br />7. Símbolos <br />8. Biblioteca (Library) <br />9. Colores (Color Swatches) <br />10. Mezclador de colores <br />11. Tipos de símbolos <br />12. Botones <br />13. Movie Clip (Clip de película) <br />14. Instancias <br />15. Configuración y propiedades de un FLA<br />16. Comportamientos (Behaviors) <br />17. Importar un gráfico y mezclas en bitmaps <br />18. Importar video <br />19. Accesos rápidos de teclado <br />1. Iniciando Flash <br />Al iniciar Macromedia Flash Professional 8 se muestra una pantalla que nos sugiere cómo empezar a trabajar. <br />La pantalla se divide en tres columnas y dos filas: <br />1. Open a Recent Item (Abrir un Documente Reciente) <br />Si hemos estado trabajando y guardado antes un documento, éste aparecerá en esta culumna. <br />2. Create New (Crear un nuevo documento) <br />* Flash document - Documento de Flash con extensión .fla. <br />* Flash Slide Presentation - Documento de diapositivas.<br />* Flash Form Application - Aplicación de un formulario.<br />* ActionScript File - Documento que contiene código ActionScript con extensión .as. <br />3. Create from Template (Crear un documento en base a una plantilla) <br />Vamos a comenzar <br />Creamos primero un nuevo documento Flash, para esto nos dirigimos hacia la segunda columna y hacemos click: <br />Flash nos muestra sus barras, paletas, paneles, línea de tiempo, etc. <br />2. Descripción de las partes de Flash <br />No se preocupen que cada una de las partes será explicada al detalle más adelante. Ventana de documentos <br />El escenario está compuesto de varios elementos que constituyen una película. <br />El escenario es el área donde se representa cómo aparecerá el contenido que se publique. <br />La línea de tiempo, situada por encima del escenario, organiza y controla el contenido de un documento a través del tiempo en capas y fotogramas <br />Los paneles de Flash le ayudarán a trabajar con atributos y asignarlos al documento o a los objetos del escenario <br />El inspector de propiedades le permite ver y cambiar losatributos de un objeto seleccionado. El inspector de propiedades cambiapara mostrar información sobre la herramienta o elelemento con el quetrabaja, lo que permite acceder rápidamente a las funciones másutilizadas <br />3. Escenario <br />El escenario es el lugar donde se compone o diagrama el contenidode cada uno de los fotogramas que constituyen la película. Dichocontenido se crea ya sea al incluir objetos sobre él con lasHerramientas (Tools) o importando imágenes o vídeo. <br />En el escenario hay un círculo creado con la Herramienta de dibujo Circle (Círculo) <br />La cuadrícula, las guías y las reglas sirven para colocar con precisión el contenido en el escenario. <br />La cuadrícula <br />En el escenario podemos hacer uso de: <br />Menú >> Ver / Cuadrícula / Ver Cuadrícula <br />Se muestra con líneas cruzadas detrás del escenario, las cuales podemos modificar. Para desactivar la cuadrícula del escenario, seguimos el mismo camino. <br />El Grid o Cuadrícula nos permitirá ubicar en forma precisa losobjetos que incluyamos al escenario. Para editar la Cuadrícula o Gridnos dirigimos hacia: <br />View / Grid / Edit Grid <br />O utilizamos las teclas rápidas: <br />[ Ctrl + Alt + G ] <br />Reglas o Rulers <br />Las reglas nos permiten medir el tamaño de los objetos. También nos permite arrastrar guías hacia el escenario. <br />View / Rulers <br />Las Guías <br />Ver / Guías / Mostrar Guías <br />View / Guides / Show Guides [ Ctrl + `] <br />Las guías nos sirven para dar una mayor exactitud de ubicación anuestros objetos en el escenario. Hacer click en alguna de las reglas yarrastrar hacia el escenario. Se verá las líneas de guías de colorverde. <br />ara editar las guías, presionamos las teclas rápidas: <br />[ Ctrl + Alt + Shift + G ] <br />Si deseamos borrar las guías del escenario. <br />Ver / Guías / Borrar guías <br />View / Guides / Clear Guides <br />4. Herramientas <br />Las herramientas o tools de Flash nos permitirán manipular y hacer cambios a nuestros objetos dentro del escenario. <br />Podemos encontrarlo en la barra de menú: <br />Ventana / Herramientas <br />Window / Tools <br />Con las teclas rápidas [Ctrl+F2] podemos visualizar u ocultar las herramientas. <br />Las Herramientas o Tools se dividen en cuatro partes: <br />1. Herramientas (Tools) <br />Con las herramientas podremos seleccionar objetos, dibujarlos, cambiar sus colores, borrarlos e insertar textos. <br />2. Vista (View) <br />Movemos el escenario con el cursor, o incrementamos la vista al escenario. <br />3. Colores (Colors) <br />Cambiamos los colores del relleno o borde de los gráficos. <br />4. Opciones (Options) <br />Cada Herramienta tiene opciones de modificaciones. <br />Descripción de las Herramientas o Tools con sus Teclas rápidas <br />Para acceder a cualquiera de las herramientas se puede presionar las teclas rápidas. Por ejemplo, para comenzar a dibujar una línea presionamos la tecla N. Para seleccionar la línea presionamos la tecla V y seleccionamos haciendo click sobre él. <br />4.1 Herramienta Selección <br />Ubicamos en la caja de Herramientas (Tools) la herramienta Seleccióncon el mouse o presionamos la letra (V) <br />Podemos seleccionar un objeto de varias formas, la siguiente es una de ellas: <br />Nos ubicamos sobre uno de los extremos del objeto, tecleamos (V) ypresionando el click izquierdo del mouse (1) comenzamos a arrastrar (2)basta el extremo diametralmente opuesto (3) y soltamos el click delmouse (4) <br />Para agrupar el gráfico: <br />• Seleccionamos el gráfico, luego presionamos las teclas Ctrl + G, entonces se agrupará la línea de borde del objeto y el relleno del mismo. <br />Para desagrupar el objeto: <br />• Seleccionamos el gráfico, luego presionamos las teclas Ctrl + Shift + G, de esta forma se desagruparán la línea de borde y el relleno del objeto.<br />Al dibujar cualquier gráfico como un rectángulo, éste tiene líneade borde y relleno. Y si queremos moverlo tenemos que agruparlo antes. De lo contrario, resultaría de esta forma: <br />Se separan la línea de borde con el relleno, haciendo tal vez lo que no deseábamos Y si movemos una vez mas después de seleccionar resulta otro gráfico que tal vez no queríamos que se produzca.<br />Seleccionando un gráfico con líneas conectadas o el borde de un objeto. <br />Presionamos la tecla (V) y luego doble click sobre el borde del gráfico. <br />Seleccionando un gráfico, relleno y borde. <br />Presionamos la tecla (V) y luego doble click sobre el relleno. <br />Nota: Si estamos trabajando con otra herramienta, ydeseamos utilizar de forma temporal la herramienta de selección,entonces presionamos la tecla Ctrl. <br />4.2 Herramienta Lazo <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Lazo o Lasso Toolcon el mouse o presionamos la letra (L) <br />Podemos seleccionar un sector del objeto en forma de mano alzada y realizamos por ejemplo el cambio de color, podemos borrar ese sector, girarlo, desplazarlo, etc. 4.2 Herramienta Linea <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Líneacon el mouse o tecleamos la letra (N) <br />Aparecerán en el panel de propiedades (Properties) opciones para modificar la forma, el grosor y el color. <br />Automáticamente al seleccionar la Herramienta Línea, aparece el Inspector Propiedades: Al dibujar la línea el Inspector de propiedades cambia a esta forma: <br />Nota: Presionando la tecla [Shift] y arrastrando el cursor del mouse podemos hacer líneas rectas o 45º: <br />Nota: Al presionar la tecla [Alt] y arrastrando el cursor del mouse, se alargará la línea simétricamente: <br />Podemos hacer gráficos de acuerdo a nuestros requerimientos. Por ejemplo si queremos hacer un triángulo de forma rápida: <br />1. Presionamos la tecla (N) Escogemosde la barra de herramientas. <br />2 Manteniendo presionada la tecla [Shift] dibujamos la primera y segunda línea. <br />3 Dejamos de presionar la tecla [Shift], y cerramos el triángulo <br />Para cambiar de forma a una línea tenemos dos formas: <br />Sin seleccionar la línea, pasamos el cursor junto a la línea, hasta que nos muestre lo siguiente: <br />Y podemos darle curva: <br />Sin seleccionar la línea asamos el cursor por ésta y aparece: <br />Movemos el extremo de la línea. <br />Soltamos el botón del mouse. <br />4.4 Dibujar con la pluma <br />Seleccionamos en la caja de Herramientas (Tools) la Herramienta Pluma o Pen Toolcon el mouse o tecleamos la letra (P)<br />Nos permitirá dibujar punto por punto, haciendo click en el escenario, también podemos darle curva a nuestro dibujo. En la barra de propiedades podemos modificar las esquinas, el color de la línea que dibujemos con esta herramienta. La línea puede tener un grosor máximo de 200 puntos.<br />El color de la línea puede ser fijo o degradado. Al estar dibujando podemos cambiar las propiedades según nuestro parecer.<br />Podemos dibujar libremente. La diferencia de la Herramienta Pluma con la Herramienta Línea es que tendremos puntos de conducción, que nos permitirá hacer curvas más pronunciadas, además de añadir más puntos de anclaje o nodos. <br />Dibujando objetos gráficos o símbolo gráfico. <br />Al seleccionar el ícono que ven a la derecha, lo que se dibuje enel escenario se convierte automáticamente en objeto...gráfico. (Ver abajo) <br />4.5 Dibujar circulos y óvalos <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Círculo o Circle(Imágen Herramienta de Círculos) con el mouse o tecleamos la letra (O) <br />Dibujamos la figura.<br />Al pasar el cursor cerca de la circunferencia se puede modificar la forma del círculo. Aparecerá el Inspector de Propiedades (Properties) en el cual podemos modificar el grosor del círculo, la forma de la línea y el color <br />Nota: Manteniendo presionada la tecla Shift podemos hacer círculos, además presionando la tecla Alt, podremos hacer óvalos alargando por un extremo. Manteniendo pulsadas las teclas Shift+Alt podremos hacerlos con el centro en donde esté situado el puntero en ese instante.<br />Creamos una circunferencia, pero utilizamos la opción Objeto Gráfico. Con esto ya no tendremos problemas de afectar a las demás figuras al desplazarlos. 4.6 Herramienta texto, filtros y efectos de texto Seleccionamos en la caja de Herramientas (Tools) la Herramienta Texto con el mouse o presionamos la letra (T) <br />Aparecerá la Caja de Propiedades (Properties), en el cual podemos agregar características del texto que necesitamos.<br />Existen tres tipos de texto: <br />* Static Text (Texto estático): <br />Este tipo de dato es tradicional, se le asigna cualquier tipo deformato. Al ser seleccionado el texto estático se ve rodeado por uncontorno azul. <br />* Dynamic Text (texto dinámico): <br />Este tipo de dato cambia conforme se le asignen nuevos valores asu variable. Al no ser seleccionado el texto dinámico se nota uncontorno punteado. <br />* Input Text (Introducción de texto): <br />Se les conoce como cajas de texto, se introducen datos en él para que sean procesados después. <br />A los textos dinámicos e introducción de texto se les permite agregar nombres de instancia. El panel Inspector de Propiedades de la Herramienta Texto. <br />Texto Estático o Static Text <br />Tipografía: Cambiamos el Tipo de Fuente. Por ejemplo: Times <br />New Roman <br />Tamaño de Fuente: <br />Por ejemplo: 8 puntos <br />Color de Fuente: <br />Teclas rápidas: <br />* [Ctrl + Shift + P] Plain, plano o normal. <br />* [Ctrl + Shift + B] Bold o negrita. <br />* [Ctrl + Shift + I] Italic o cursiva. <br />Alineación: Hay cuatro opciones: Alineación a la izquierda por defecto, centro, derecha y justificado. <br />Opciones de formato: <br />- Indent (sangría) - Line spacing (Espacio entre líneas) <br />Ejemplo: Separación de caracteres: <br />Posición del caracter: <br />Posición del caracter: - Normal. - Superscript o superíndice. – <br />Subscript o subíndic <br />Método de Renderización de Fuente: <br />Sobre FlashType: FlashType es un nuevo texto renderizado que proporciona textoclaro, de calidad superior queda en la composición de Flash y en losarchivos de SWF publicados. FlashType mejora la legibilidad de textograndemente, particularmente cuando se da a los tamaños de la fuentemás pequeños. El anti-aliasing personalizado le permite especificar elespesor y agudeza de fuentes usadas en los campos del textoindividuales. Usando FlashType pueden causar un retraso ligero cuando Flash cargalos archivos de SWF. Usted notará este retraso sobre todo si estáusando varios carácteres diferentes por ejemplo si pone (cuatro ocinco) dentro del primer fotograma de un documento de Flash. Hay queestar seguros del número de fuentes que usamos con este método. Lasfuentes FlashType también pueden causar un aumento en el uso de memoriadel Player de Flash. Por ejemplo, usando cuatro o cinco fuentes puedenaumentar el uso de memoria por aproximadamente 4 MB. <br />Use Device Fonts: <br />Usando las fuentes de dispositivo. <br />Bit Map (No Anti-alias): <br />El Texto de Bitmap o mapa de bits apaga el Anti-Alias y noproporciona ningún alisamiento al texto. El texto que usa los bordesafilados se despliega, y los SWF resultantes aumenta de tamaño porquelos contornos de la fuente son incluidos en el SWF. <br />Anti-Alias: Anti-aliasing es permitido para el Texto Estático, TextoDinámico y Texto de Entrada, si el usuario tiene Flash Player 7 ósuperior. Sólo se permite para el Texto estático si el usuario tieneuna versión más actual de Flash Player. Anti-alias para la Animación o Anti-Alias for Animation creauna animación de texto más lisa. Esto es en parte posible porque Flashignora alineación e información del ajuste de espacio. EspecificandoAnti-alias para la Animación crea un archivo SWF más grande, porque loscontornos de la fuente son incluidos. Fuentes dadas usando Anti-alias para la Animación están menoslegibles en los tamaños de la fuente más pequeños. por esta razón, serecomienda que usted use 10 punto o el tipo más grande al especificarAnti-alias para la Animación. Anti-alias para la Legibilidad o Anti-Alias for Readabilityusa un nuevo artefacto del antialiasing que mejora la legibilidad defuentes, particularmente a los tamaños pequeños. EspecificandoAnti-alias para la Legibilidad crea un archivo SWF más grande, porquelos contornos de la fuente son incluidos. Para usar el Anti-alias parala Legibilidad se debe publicar <br />para Flash Player 8. <br />Anti-alias para la Legibilidad crea fuentes muy legibles para lostamaños pequeños. Sin embargo, anima pobremente, y puede causarproblemas de actuación. Si usted piensa animar el texto, use Anti-aliaspara la Animación. <br />Personalizado Anti-alias o Custom Anti-Aliasing (Sólo desdeFlash Professional 8) nos permite modificar las propiedades de lafuente. Las propiedades del anti-alias personalizadas son como sigue: <br /># La Agudeza o Sharpness determina la suavidad de la transición entre las esquinas del texto y el fondo. <br /># El espesor o Thickness determina cuan grueso es la fuenteanti-aliasing que aparece. Los valores más grandes de los caractereshará parecer más gruesos. <br />Especificando Personalizado Anti-alias o Custum Anti-Alias crea unarchivo SWF más grande, porque los contornos de la fuente sonincluidos. <br />Tamaño del objeto y coordenadas del texto en el escenario.<br />* W: Ancho <br />* H: Altura <br />* X: Posición con respecto a x en el escenario. <br />* Y: Posición con respecto a y en el escenario. <br />Hipervínculo: En esta casilla escribimos un hipervínculo o URL. Es decir vincula el texto hacia una URL. <br />Además nos muestra opciones Destino o Target: <br />* _blank: Se muestra en una nueva página HTML. <br />* _parent: Se muestra la página principal HTML. <br />* _self: Se muestra en la misma página HTML. <br />* _root: Se muestra en la raíz de todo el HTML. <br />Seleccionable o Selectable: <br />Se puede seleccionar el texto estático en la película SWF o en Internet Explorer. <br />Filtros y efectos de texto <br />Estando en la Herramienta Texto, seleccionamos Texto Estático. Y vemos que existen los Paneles: Inspector Propiedades, Filtros y Parámetros. <br />Estando seleccionado el texto quot;
Macromediaquot;
En el Panel Filtros oFilters hacemos click sobre el icono , y nos aparece un menú contextualcon varias opciones. <br />Drop Shadow <br />Automáticamente nos muestra propiedades del filtro que podemos cambiar. * Blur X, Y: Desvanecimiento de la sombra. <br />* Strength: Porcentaje de la sombra. <br />* Quality: Baja, Media y Alta. <br />* Color: Color de la sombra. <br />* Angle: Ángulo de la proyección de la sombra. <br />* Distance: Distancia de la sombra. <br />* Knockout: Nos muestra el texto en blanco con la sombra. <br />* Inner shadow: Sombra interior. <br />* Hide Object: Escondemos el objeto texto, sólo muestra la sombra. <br />Para dejar de ver el filtro por un momento podemos hacer clicksobre el símbolo de visto bueno. Aparecerá al lado del filtro el signode X. <br />Para agregar un filtro: <br />Para eliminar un filtro: <br />Blur Glow Al hacer click sobre la casilla de Knockout, aparece el texto en blanco. Al hacer click sobre la casilla de Knockout e inner glow, aparece el texto en blanco pero la sombra es interior. <br />Bevel Este efecto es muy bueno. Con las anteriores versiones de Flashteníamos que hacer este efecto con otros programas como (PhotoShop,Corel, etc.) <br />* Type: El efecto se verá en Inner o interior, Outer o exterior y Full o completo. <br />* Shadow: Color de sombra <br />* Highlight: Color de brillo. <br />Gradient Glow <br />Adjust Color <br />O Ajuste de Color: <br />* Brightness: Brillo <br />* Contrast: Contraste <br />* Saturation: Saturación <br />* Hue: Color <br />* Reset: Reinicia <br />Texto Dinámico o Dynamic Text <br />Un texto dinámico cambia conforme se le asignen nuevos valores a su variable. Al ser seleccionado el texto dinámico se nota un contorno punteado. <br />Botón Embed, opciones de caracter: <br />odemos seleccionar un grupo de caracteres que deseamos restringir en nuestra película. También podemos incluir un grupo de caracteres que sólo utilizaránuestro texto dinámico en la película, es decir, podemos ver en elescenario otros caracteres pero no en el SWF, excepto los caracteresque hemos restringido. <br />Ejemplo: Escribimos en Include these characters, el siguiente texto quot;
Números realesquot;
; y en el escenario la frase quot;
Texto dinámico con la opción Restringirquot;
El resultado al presionar las teclas rápidas [Ctrl + Enter] que nos lleva a la película SWF sería: <br />Nota: Los filtros de Texto estático son iguales al del Texto dinámico. Revisar las páginas anteriores para ver la similitud. <br />Texto de entrada o Input Text (Introducción de texto) <br />Son cajas de textos, donde se introducen datos en él para que sean procesados después. A los Textos Dinámicos e Introducción de Texto se les permite agregar nombres de instancia. <br />En el Inspector de Propiedades aumenta una casilla Maximumcharacters o Máximo de caracteres a ingresar. Y no se encuentra la casilla Vínculo URL. <br />veremos más adelante como se utiliza cada unp de estos tipos de textos.<br />Nota: Los filtros de Texto estático, Texto Dinámico son iguales al del Introducción de Texto. Revisar las páginas anteriores para ver la similitud. <br />4.7 Dibujar cuadros rectángulos y polígonos. Crear símbolos. <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Rectángulo o polígono con el mouse o tecleamos la letra (R) <br />Aparecerá el Inspector de Propiedades (Properties) en el cual podemos modificar el grosor del cuadrado, rectángulo o polígono, la forma de la la línea y los colores. <br />Cap: Usamos para definir las esquinas del gráfico. <br />La unión de los extremos del gráfico. <br />Al seleccionarlo podremos darle un radio (en puntos) a las esquinas del rectángulo Ejemplo: Con el botón Opciones (Options) se puede agregar el número de lados que necesitamos para nuestro polígono. <br />Ejemplo: Convertir vectores a simbolos <br />Al convertir un gráfico a Botón o Clip de Película, podemos realizar maravillas.<br />1. Dibujamos una estrella.<br />2. Presionamos [F8] para convertir el gráfico a Botón. <br />3. Nos dirigimos hacia el panel Filters o Filtros. <br />4. Añadimos el efecto Bevel o ángulo oblículo. <br />Añadimos una luz degradada o Gradient Glow. <br />El resultado: <br />En las versiones anteriores era todo un trámite burocrático hacerestos efectos. Antes se realizaba con otros programas, estos efectospara añadirlo después en el escenario Flash. <br />4.8 Dibujar con el lápiz <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Lápiz con el mouse o tecleamos la letra (Y) <br />Aparecerá la Caja de Propiedades (Properties) en el cual podemos modificar el grosor del lápiz, la forma y el color. <br />* Opción Straighten (Enderezar) que nos permite convertir a figuras parecidas a los triángulos, óvalos, círculos, rectángulos, cuadrados * Opción Smooth (Suavizar) para que suavice los trazos que hagamos * Opción Ink (Tinta) es para dibujar libremente a manoalzada. Utilizando la tecla [Shift] nos permite hacer trazos verticalesy horizontales. <br />Ejemplo: 4.9 Transformación libre <br />Seleccionamos la caja de Herramientas (Tools) la herramienta Transformación Libre con el mouse o tecleamos la letra (Q) <br />Pasos: Con las opciones de Transformación Libre encontramos los botones: <br />* Rotate o Screw: Rotar y atornillar, cambiar la forma del cuadrado por uno de sus extremos. <br />* Scale: Escala, cambiamos el tamaño en forma escalar, es igual que utilizar la tecla [Shift] y el mouse. <br />* Distort: Distorsionar la forma del cuadrado. <br />* Envelope: El sobre, cambia la forma en base a los nodos que se forman alrededor del cuadrado. <br />Utilizando la opción Envelope o Sobre, cambiamos la forma del cuadrado. 10. Herramienta Subselección <br />Seleccionamos la caja de herramientas, la herramienta subselección con el mouse o tecleamos la letra A. <br />Esto nos sirve para seleccionar y transformar los objetos a través de sus nodos. <br />Para verlo más facil, podemos hacer una línea. Seleccionamos la línea. <br />Escogemos uno de los extremos de la línea y lo arrastramos hacia abajo. <br />Con esta herramienta podemos variar la forma o corregir algunos detalles de nuestro diseño. <br />4.11 Transformar rellenos degradados <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Transformar <br />Relleno Transformar Relleno con el mouse o tecleamos la letra (F) <br />Podremos cambiar la ubicación del punto central.<br />Ejm: Hacemos un rectángulo. <br />Nos vamos a la caja de Colores (Colors) Y escogemos el color de relleno <br />En la parte de abajo encontramos los rellenos degradados. <br />Cambiamos el relleno a un color degradado (de negro hacia blanco en el centro) Seleccionamos la opción Transformación de relleno y podremos modificar el punto central. <br />En la figura encontramos un icono que es un triángulo con la punta hacia abajo que nos indica el punto central del degradado, el cual podemos mover de lugar. <br />También se puede mover la dirección angular del degradado. <br />4.12 Bote de tinta<br />Seleccionamos en la Caja de Herramientas (Tools) la herramienta Bote de tinta o Ink Bottle Tool con el mouse, o tecleamos la letra (S) <br />Aparecerá la Caja de Propiedades (Properties) sobre el cual podemos modificar el grosor del lápiz, la forma y el color.<br />Primero debemos modificar el color, la forma o el grosor de la línea, luego tecleamos la letra (S) seleccionando el gráfico, y podemos ver las modificaciones. Ejemplo: Dibujamos un círculo, un cuadrado y una estrella.<br />La herramienta Bote de tinta permite cambiar el color, el grosor y el estilo de trazo de las líneas o los contornos de formas. Puede aplicar únicamente colores sólidos, pero no degradados ni mapas debits, a las líneas y los contornos de formas. Utilizar la herramienta Bote de tinta en lugar de seleccionar cada una de las líneas. Facilita la modificación de los atributos de trazo de varios objetos de una sola vez.<br />Modificamos el color de los contornos, y sin seleccionar ninguno delos gráficos, con el mouse hacemos click sobre ellos y el contorno cambia de color.<br />4.13 Cubo de pintura <br />Seleccionamos en la caja de herramientas (Tools) la herramienta Cubo de pintura Cubo de pintura con el mouse o tecleamos la letra (K) <br />Aparecerá la Caja de Propiedades (Porperties) sobre el cual podemos modificar el color de relleno del gráfico. <br />Algunas opciones de la herramienta Cubo de pintura rellenan áreas que no están cerradas por completo. <br />Con la herramienta Cubo de pintura hacemos click sobre el área de la circunferencia incompleta, y se rellena. <br />4.14 Cuentagotas <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Cuentagotas (Eyedropper Tool) con el mouse o tecleamos la letra (I) Nos permite copiar atributos del borde o relleno del gráfico, que podremos utilizar para copiarlos a otros gráficos. <br />4.15 Borrador <br />Seleccionamos en la caja de Herramientas (Tools) la herramienta Borrador con el mouse o tecleamos la letra (E) Este herramienta nos permite borrar bordes y rellenos. Las opciones nos permiten borrar:<br />* Erase normal: Borra borde y relleno. <br />* Erase Fills: Borra relleno solamente.<br />* Erase Lines: Borra bordes solamente.<br />* Erase Selected Fills: Borra rellenos seleccionados solamente.<br />* Erase inside: Borra el relleno solamente de un gráfico.<br />Nota: Da doble click sobre el Borrador para borrar lo que está en el escenario de una forma rápida. <br />Grifo (Faucet) : Al seleccionar este opción podremos borrar la línea o el relleno dando click sobre él. <br />6 Línea de tiempo <br />La línea de tiempo (Time Line) está constituida por Capas y Fotogramas. Las capas se encuentran al lado izquierdo de la línea de tiempo, y los fotogramas al lado derecho. En ellos se visualiza la construcción delas películas. También está constituido por la Cabeza lectora, cuya función principal es la de señalar en el escenario el fotograma actual Biblioteca (Library) Todos los símbolos, archivos de audio, fotos, sonidos y componentes de Flash, se encuentran en la biblioteca. Flash tiene la particularidad de compartir símbolos y objetos utilizados en otros documentos. * Para abrir la biblioteca de otro documento que ya ha sido creado. Una de las formas es abrir el documento nuevo y grabamos con el nombre Biblioteca_Destino verás que automáticamente al presionar [Ctrl+L] la biblioteca se llama Biblioteca_Destino. Ahora, abrimos el otro que contiene la biblioteca con los símbolos que supondremos se llame Biblioteca_Origen. * Para movernos de documento en documento hacemos [Ctrl+Tab] * En ambos documentos abrimos las bibliotecas [Ctrl+L] * Simplemente de la biblioteca_origen arrastramos los símbolos o fólderes que queremos hacia la biblioteca_destino y ya está <br />La biblioteca está formada por dos paneles. La parte de arriba es la vista previa del símbolo que seleccionamos. El segundo, es la lista de los símbolos o folderes que contienen más símbolos. <br />Menú de la biblioteca<br />* New Symbol: Permite crear un símbolo nuevo vacío.<br />* New folder: Los fólderes son usados para administrar y organizar los símbolos y objetos que se encuentran dentro de la biblioteca o librería.<br />* New Font: Permite crear un símbolo de texto nuevo vacío.<br />* New Video: Permite crear un video vacío. <br />* Properties: Permite cambiar las propiedades de los símbolos.<br />* Delete: Elimina uno o varios símbolos seleccionados.<br />10. Colores (Color Swatches) <br />Cada archivo Flash contiene su propia paleta de colores, almacenada en el documento de Flash. Flash muestra la paleta de un archivo como muestras en los controles Color de relleno y Color del trazo y en el panel Muestras de color. La paleta predeterminada de colores es la paleta de 216 colores WebSafe. Para importar, exportar y modificar la paleta de colores de un archivo, utilice el panel Muestras de color. Puede duplicar colores, eliminar los de la paleta, cambiar la paleta predeterminada, volver a cargar la paleta WebSafe si la ha sustituido o bien ordenar la paleta de acuerdo con la matiz. Presionando las teclas rápidas [Ctrl+F9] veremos el panel Muestras de color (Color Swatches) Tipos de símbolos<br />Cada símbolo posee una Línea de Tiempo y un escenario exclusivos que incluyen capas. Al crear un símbolo, se elige el tipo de símbolo en función de cómo se desea utilizar dicho símbolo en el documento.<br />Se utiliza símbolos Gráficos (Graphics)para las imágenes estáticas y para crear animaciones reutilizables ligadas a la línea de tiempo principal. Los símbolos gráficos funcionan de manera sincronizada con la línea de tiempo principal. Los controles y sonidos interactivos no funcionan en la secuencia de animación de un símbolo gráfico.<br />Se utiliza símbolos de Botón (Button) para crear botones interactivos que respondan a las pulsaciones y desplazamientos del ratón, o a otras acciones a una instancia del botón.<br />Se utiliza símbolos de Clip de Película (Movie Clip) para crear piezas de animación reutilizables. Los clips de película tienen sus propias líneas de tiempo de varios fotogramas, independientes de la línea de tiempo principal. Se encuentran dentro de una línea de tiempo principal que contiene elementos interactivos como controles, sonidos e incluso otras instancias de clip de película. También pueden colocarse instancias de clip de película dentro de la línea de tiempo de un símbolo para crear botones animados.<br />Botones os botones son clips de película interactivos de cuatro fotogramas, los cuales sirven para activar eventos que deseamos ejecutar. Un botón es un símbolo, que en su línea de tiempo tiene cuatro fotogramas, que son: * Reposo (Up): cuando el untero no está sobre él. * Sobre (Over): cuando el puntero se encuentra sobre el botón. * Presionado (Press): cuando se hace click con el ratón sobre el botón. * Zona Activa (Hit): Define el área que responderá al click del ratón. Esta área es invisible en la película. Si no se especifica un fotograma quot;
Zona Activaquot;
Flash tomará la imagen para el estado quot;
Reposoquot;
como fotograma de Zona Activa. Para crear un botón se utilizan las teclas [ Ctrl + F8 ] Si se desea activar cualquier fotograma del botón, se debe insertar fotograma clave para cada opción. Crear un botón 1) Edición / Anular selección [ Ctrl + Shift + A ] Para asegurarnos de no seleccionar nada en el escenario. 2) Insertar / Nuevo símbolo [ Ctrl + F8 ] Ingresamos un nombre, por ejem.: Boton_1. Y en el comportamiento seleccionamos Botón. 3) Dibujamos el tipo de botón que deseamos, por ejemplo, un óvalo con degradado. 4) Clickeamos [ F6 ] en el fotograma quot;
Sobrequot;
y cambiamos el color del degradado a un color fijo. 5) Clickeamos [ F6 ] en el fotograma quot;
Presionadoquot;
, y cambiamos el relleno del ovalo. 6) Para verificar, regresamos a escenario. Ahora este botón es un símbolo, se encuentra en la Biblioteca o Librería, donde lo activamos con [ Ctrl + L ] 7) Sólo nos queda llevarlo al escenario arrastrando del la Biblioteca hacia el escenario. Para habilitar o deshabilitar botones simples en el mismo escenario presionamos [Ctrl+Alt+B] o nos dirigimos hacia el menú: Control / Habilitar botones simples. 8) Para agregar Zona Activa, estando en el escenario damos click dos veces sobre el botón, el cual nos llevará hacia los fotogramas de estado del botón. Damos click [F6] sobre el fotograma Zona Activa, dibujamos un rectángulo al costado del óvalo. Al ejecutar, dirigirnos hacia el escenario. Presionamos [Ctrl+Alt+B] Veremos que se activa también el botón sobre el rectángulo invisible. 14. Movie Clip (Clip de película) Se utiliza símbolos de Clip de Película (Movie Clip) para crear piezas de animación reutilizables. Los clips de película tienen sus propias líneas de tiempo de varios fotogramas, independientes de la línea de tiempo principal. Presionamos la tecla rápida [F8] para Convertir a Símbolo y seleccionamos Movie Clip. Al seleccionar el Modo Avanzado (Advanced) se despliega la pantallacon las casillas de selección. Nos indica la casilla Export forActionScript si requerimos exportar para ActionScript, exportar en el primer fotograma, etc. Registration: Ubicamos el nodo central de nuestro Movie Clip.<br />