Manual de Flash 8

8

LICENCIATURA EN INFORMÁTICA

PROFESORA: L. I. NADIA CARBAJAL LINARES

MATERIA: SOFTWARE DE APLICACIÓN

INSTITUTO TECNOLÓGICO SUPERIOR DE APATZINGÁN

Manual de Macromedia Flash 8

INDICE GENERAL

MACROMEDIA FLASH 8

1.1 INTRODUCCION

1.1.1 ¿Qué es Flash? .......................................................... 8

1.1.2 Flash Basic y Flash Professional .................................... 8

1.2 COMENZANDO A TRABAJAR

1.2.1 Comenzando con Flash 8............................................. 8

1.2.2 Comenzar un nuevo documento .................................... 9

1.2.3 Definición de un nuevo sitio de trabajo .......................... 9

1.3 HERRAMIENTAS DE DIBUJO (I)

1.3.1 La paleta de Herramientas ......................................... 11

1.3.2 Uso de los paneles .................................................... 12

1.3.3 Línea ....................................................................... 14

1.3.4 Ovalo ...................................................................... 14

1.3.5 Rectángulo ............................................................... 14

1.3.6 Polystar ................................................................... 14

1.3.7 Lápiz ....................................................................... 15

1.3.8 Pluma ...................................................................... 15

1.3.9 Subselección ............................................................ 16

1.3.10 Cubo de pintura ...................................................... 16

1.3.11 Transformación de relleno ........................................ 17

1.3.12 Texto ..................................................................... 17

1.4 HERRAMIENTAS DE DIBUJO (II)

1.4.1 Bote de tinta ............................................................ 17

1.4.2 Pincel ...................................................................... 17

1.4.3 Cuentagotas ............................................................. 18

1.4.4 Borrador .................................................................. 18

1.4.5 Mano ....................................................................... 19

1.4.6 Zoom ...................................................................... 19

1.4.7 Lazo ........................................................................ 19


1.5 TRABAJANDO CON OBJETOS

1.5.1 Seleccionar objetos ................................................... 20

1.5.1.1 Selección de objetos con la herramienta selección….22

1.5.1.2 Selección de objetos con la herramienta lazo………….23 1.5.2 Modificar objetos ....................................................... 24

1.5.3 Cruces entre distintos objetos ..................................... 26

1.5.4 Agrupar, desagrupar y separar ................................... 27

1.5.4.1 Agrupación de objetos...................................... 27

1.5.4.2 Separación de grupos y objetos ......................... 27

1.5.5 Trabajar con objetos agrupados .................................. 28

1.5.5.1 Seleccionar objetos agrupados .............................. 29

1.5.6 Alinear/Distribuir objetos ........................................... 29

1.5.6.1 Panel alineamiento ................................................. 30

1.5.6.2 Panel información ................................................... 31

1.6 COLORES, DEGRADADOS Y FILTROS

1.6.1 Crear nuevos colores y degradados ............................. 32

1.6.2 Filtros ...................................................................... 34

1.6.2.1 Animación de filtros ................................................ 34

1.6.2.2 Los filtros y el rendimiento de Flash Player ................ 35

1.6.2.3 Aplicación de filtros ................................................ 36

1.6.2.4 Creación de bibliotecas de filtros preestablecidos........ 37

1.6.2.5 Filtros sombra ........................................................ 38

1.6.2.6 Filtro desembocar ................................................... 39

1.6.2.7 Filtro iluminado ...................................................... 40

1.6.2.8 Filtro bisel ............................................................. 41

1.6.2.9 Filtro iluminado degradado ...................................... 42

1.6.2.10 Filtro bisel degradado ............................................ 43

1.6.2.11 Filtro ajustar color ................................................ 44

1.7 BIBLIOTECAS Y SIMBOLOS

1.7.1 La ventana biblioteca ................................................. 45

1.7.2 Crear nuevos símbolos ............................................... 46

1.7.3 Las instancias de símbolos ........................................ 46

1.8 ANIMACION DE OBJETOS

1.8.1 La línea de tiempo ..................................................... 48


1.8.1.1 Modificación del aspecto de la línea de tiempo ........... 49

1.8.1.2 Desplazamiento de la cabeza del lector ..................... 50

1.8.1.3 Cambio de la visualización de fotogramas en la línea de

tiempo. ........................................................................... 51

1.8.2 Animación fotograma a fotograma............................... 52

1.8.3 Animación por interpolación de movimientos ................ 53

1.8.4 Animación por interpolación de forma .......................... 54

1.8.5 Papel Cebolla ............................................................ 56

1.8.6 Clip de película ......................................................... 57

1.8.6.1 Comprobar las propiedades de un clip ....................... 57

1.8.6.2 Importar y exportar movie clips de biblioteca ............. 59

1.8.7 Filtros en clip de película ............................................ 60

1.8.8 Efectos de línea de tiempo ......................................... 62

1.9 IMÁGENES NO PROCEDENTES DE FLASH

1.9.1 Importar imágenes .................................................... 64

1.9.2 Importar secuencias .................................................. 65

1.9.3 Utilizar mapas de bits como relleno ............................. 66

1.9.3.1 Aplicación de un relleno de mapa de bits ................... 66

1.9.3.2 Para aplicar un mapa de bits como relleno mediante el

mezclador de colores ......................................................... 66

1.9.3.3 Trabajo con mapa de bits importados ....................... 66

1.9.4 Trabajo con video ..................................................... 67

1.10 CAPAS Y ESCENAS

1.10.1 Trabajar con capas .................................................. 71

1.10.2 Capas de mascara ................................................... 72

1.10.2.1 Utilización de capa de mascara ............................... 72

1.10.4 Escenas ................................................................. 74

1.10.4.1 Adición de escena ................................................. 75

1.10.4.2 Desplazamiento entre escenas ............................... 76

1.10.4.3 Trabajo con escenas ............................................. 76

1.11 ACCIONES Y BOTONES

1.11.1 ActionScript ............................................................ 77

1.11.2 Agregar acciones .................................................... 77

1.11.3 Botones ................................................................. 78


1.11.3.1 Creación de un botón ............................................ 79

1.11.3.2 Formas en los botones .......................................... 80

1.11.4 El explorador de películas ......................................... 81

1.12 SONIDOS

1.12.1 Añadir sonidos a las películas .................................... 83

1.12.1.1 Propiedades de los sonidos .................................... 84

1.12.2 Sincronizar los sonidos ............................................. 85

1.12.3 Otros efectos de sonido ............................................ 85

1.13 PUBLICACION E IMPRESIÓN

1.13.1 Comprobar la velocidad de carga ............................... 86

1.13.2 Publicar y exportar .................................................. 87

1.13.2.1 Publicación de películas Flash ................................. 87

1.13.2.2 Publicar en formato HTML ...................................... 87

1.13.2.3 Subir los ficheros a Internet ................................... 88

1.13.2.4 Exportar películas independientes ........................... 88

1.14. PRACTICAS

Practica 1.- Cómo crear un degradado ................................. 89

Practica 2.- Cómo utilizar la herramienta cuenta gotas ........... 94

Practica 3.- Interpolación de movimiento .............................. 97

Practica 4.- Crear un clip de película .................................. 101

Practica 5.- Cómo insertar guías ........................................ 105

Practica 6.- Crear un botón ............................................... 109

Practica 7.- Cómo insertar cuadrícula al escenario ............... 114

Practica 8.- Importar una imagen a la biblioteca .................. 117

Practica 9.- Cómo insertar una imagen al escenario ............. 119

Practica 10.- Importar sonido a la biblioteca ....................... 121

Practica 11.- Cómo publicar documentos en Flash ............... 123

Practica 12.- Cómo configurar el área de trabajo ................. 124

Practica 13.- Seleccionando objetos ................................... 126

Practica 14.- Aplicar transparencia a los objetos .................. 127

Practica 15.- Trabajar con capas ....................................... 129

CUESTIONARIO

MESOGRAFÍA


INDICE DE FIGURAS

Figura 1. Área de trabajo .................................................................................. 09

Figura 2. Entorno de flash ................................................................................ 10

Figura 3. Caja de herramientas ........................................................................ 11

Figura 4. Ejemplo de un cuadrado con relleno y borde .................................... 20

Figura 5. Objeto sin seleccionar ....................................................................... 21

Figura 6. Objeto con borde seleccionado ......................................................... 21

Figura 7. Objeto con relleno seleccionado ....................................................... 21

Figura 8. Modificar objetos ............................................................................... 24

Figura 9. Comandos de modificación ............................................................... 25

Figura 10. Herramienta transformación libre .................................................... 25

Figura 11. Menú objeto .................................................................................... 28

Figura 12. Seleccionar objetos desagrupados ................................................. 29

Figura 13. Panel alinear ................................................................................... 30

Figura 14. Panel información ............................................................................ 32

Figura 15. Mezclador de colores ...................................................................... 33

Figura 16. Muestras de color ............................................................................ 34

Figura 17. Menú añadir filtro............................................................................. 36

Figura 18. Crear biblioteca de filtros con configuraciones preestablecidas ..... 38

Figura 19. Texto con el filtro sombra aplicado .................................................. 38

Figura 20. Menú para elegir nivel de calidad de sombra .................................. 39

Figura 21. Texto con el filtro desenfocar aplicado ............................................ 39

Figura 22. Configuración del filtro .................................................................... 40

Figura 23. Texto con filtro iluminado ................................................................ 40

Figura 24. Propiedades del filtro iluminado ...................................................... 41

Figura 25. Texto con filtro bisel ........................................................................ 41

Figura 26. Propiedades de filtro bisel .............................................................. 42

Figura 27. Texto con filtro iluminado degradado .............................................. 42

Figura 28. Propiedades de filtro iluminado degradado ..................................... 43

Figura 29. Propiedades de filtro bisel degradado ............................................. 44

Figura 30. Filtros ajustar color .......................................................................... 45

Figura 31. Ventana biblioteca ........................................................................... 45

Figura 32. Crear nuevos símbolos ................................................................... 46

Figura 33. Propiedades del símbolo ................................................................. 46

Figura 34. Pestaña color .................................................................................. 47

Figura 35. Línea de tiempo .............................................................................. 48

Figura 36. Mover línea de tiempo acoplada ..................................................... 49

Figura 37. Como moverse a un fotograma ....................................................... 50

Figura 38. Menú emergente visualización de fotograma .................................. 51


Figura 39. Opciones de visualización de fotogramas ....................................... 51

Figura 40. Neumático en reposo ...................................................................... 53

Figura 41. Neumático con movimiento ............................................................. 54

Figura 42. Neumático con movimiento 2 .......................................................... 55

Figura 43. Mezclador de color……………………………………………………… 55

Figura 44. Clip de película…………………………………………………………. 58

Figura 45. Línea de tiempo…………………………………………………………. 58

Figura 46. Línea de tiempo con fotogramas……………………………………… 58

Figura 47. Importar clips……………………………………………………………. 60

Figura 48. Filtros en clips de películas…………………………………………… 60

Figura 49. Nube ......... ………………………………………………………………. 61

Figura 50. Texto con iluminación y sombra………………………………………. 61

Figura 51. Texto con bisel………………………………………………………….. 62

Figura 52. Línea de tiempo………………………………………………………… 62

Figura 53. Propiedades…………………………………………………………….. 63

Figura 54. Seleccionar video………………………………………………………. 67

Figura 55. Seleccionar modo de implementación………………………………. 68

Figura 56. Importar video…………………………………………………………… 69

Figura 57. Puntos de referencia…………………………………………………… 69

Figura 58. Capas y escenas………………………………………………………. 70

Figura 59. Propiedades de capa…………………………………………………… 71

Figura 60. Escena ..... ………………………………………………………………. 75

Figura 61. Convertir en símbolo…………………………………………………… 79

Figura 62. Estados de los símbolos……………………………………………….. 79

Figura 63. Estados de los símbolos (reposo)…………………………………….. 80

Figura 64. Importar sonido a biblioteca…………………………………………… 84

Figura 65. Propiedades…………………………………………………………….. 85

Figura 66. Panel personalizar sonido…………………………………………….. 86


8

ITSA

MACROMEDIA FLASH 8

1.1 INTRODUCCIÓN

1.1.1 ¿QUÉ ES FLASH? Flash es una herramienta de edición con la que pueden crearse desde animaciones simples

hasta complejas aplicaciones Web interactivas, como una tienda en línea. Las aplicaciones

de Flash pueden enriquecerse añadiendo imágenes, sonido y vídeo. Flash incluye muchas

funciones que la convierten en una herramienta con muchas prestaciones sin perder por ello

la facilidad de uso. Entre dichas funciones destacan: la posibilidad de arrastrar y soltar

componentes de la interfaz de usuario, comportamientos incorporados que añaden código

ActionScript al documento y varios efectos especiales que pueden añadirse a los objetos.

1.1.2 FLASH BASIC Y FLASH PROFESSIONAL FLASH BASIC 8

Es la herramienta perfecta para los diseñadores de páginas Web, profesionales d medios

interactivos o personas especializadas que desarrollen contenido multimedia. Pone énfasis

en la creación, importación y manipulación de distintos tipos de medios (audio, vídeo, mapas

de bits, vectores, texto y datos).

FLASH PROFESSIONAL 8

Macromedia ha concebido esta herramienta para los diseñadores de páginas Web y los

creadores de aplicaciones avanzados. Flash Professional 8 incluye todas las funciones de

Flash Basic 8, así como varias herramientas nuevas de grandes prestaciones. Cuenta

además con nuevas herramientas de expresividad para optimizar el aspecto y el estilo de los

archivos Flash que diseñe. Funciones tales como la creación externa de scripts y la gestión

de datos dinámicos de bases de datos, entre otras, hacen que Flash Professional 8 sea muy

útil para proyectos complejos a gran escala que deban desarrollarse mediante Flash Placer

junto con una combinación de contenido HTML.

1.2 COMENZANDO A TRABAJAR

1.2.1 COMENZANDO CON FLASH 8

La distribución de la pantalla sigue el estilo de los programas de Macromedia. Cada grupo

de elementos aparece separado en distintas barras y zonas de la pantalla para poder

distribuir el espacio. El área de trabajo tiene cinco zonas:

La barra de herramientas, en la parte izquierda, tiene los iconos necesarios para

dibujar y manipular objetos.

La escena, en la zona central, es donde dibujamos, creamos texto…

El panel propiedades, abajo, modifica los atributos de un elemento que tengamos

seleccionado, y su contenido varía según sea ese objeto (Novedad en Flash MX)

La línea de tiempo, arriba distribuye la acción de la película en las animaciones.


9

ITSA

Los paneles, a la derecha, modifican las características de los objetos, colores.

Figura 1. Área de trabajo.

1.2.2 COMENZAR UN NUEVO DOCUMENTO Para crear un documento nuevo:

1. Seleccione Archivo > Nuevo.

2. En la ficha General, seleccione Documento de Flash.

Para crear un documento nuevo con el botón Nuevo archivo (sólo en Windows):

1. Haga clic en el botón Nuevo archivo de la barra de herramientas principal para

crear un documento nuevo del mismo tipo que el último documento creado.

Para abrir un documento existente:

1. Seleccione Archivo > Abrir.

2. En el cuadro de diálogo Abrir, busque el archivo o introduzca la ruta del mismo en el

cuadro de texto Ir a.

3. Haga clic en Abrir.

1.2.3 DEFINICION DE UN NUEVO SITIO DE TRABAJO

Las siguientes secciones ofrecen una introducción detallada a las herramientas, paneles y

demás elementos del espacio de trabajo de Flash.

Utilización de la página de inicio

Cada vez que se ejecuta Flash sin documentos abiertos, aparece la página de inicio. Esta

página proporciona un acceso sencillo a las acciones que se realizan con más frecuencia.


10

ITSA

La página de inicio presenta las cuatro áreas siguientes:

Abrir un elemento reciente permite abrir los documentos más recientes. También se puede

ver el cuadro de diálogo Abrir si se hace clic en el icono Abrir.

Crear nuevo enumera los tipos de archivos Flash, como los documentos de Flash y los

archivos ActionScript. Para crear rápidamente un nuevo archivo, haga clic en el tipo de

archivo que desee de la lista.

Crear a partir de plantilla enumera las plantillas que se utilizan con más frecuencia para

crear nuevos documentos de Flash. Para crear un nuevo archivo, haga clic en la plantilla que

desee de la lista.

Ampliar establece un vínculo con el sitio Web de Macromedia Flash Exchange, desde

donde puede descargar aplicaciones auxiliares para Flash, extensiones de Flash e

información relacionada.

La página de inicio ofrece también acceso rápido a recursos de la Ayuda. Puede realizar una

visita guiada de Flash, conocer los recursos de documentación de Flash y buscar

información autorizada de Macromedia.

Figura 2. Entorno de flash.


11

ITSA

1.3 HERRAMIENTAS DE DIBUJO (I)

1.3.1 LA PALETA DE HERRAMIENTAS

Las herramientas de Macromedia Flash Professional 8 proporcionan una gran variedad de

ayuda cuando se trabaja en animaciones con vectores líneas, textos, óvalos, rectángulos.

Flash también incorpora herramientas con las cuales puedes editar los vectores dibujados

en cuanto a Color de relleno o Color de degradado.

El panel de herramientas está dividido en cuatro secciones principales:

Herramientas: Este grupo está constituido por el conjunto de herramientas que

nos permiten dibujar y manipular las formas u objetos creados sobre el escenario.

Ver: Este grupo nos ayuda a controlar la visualización del escenario, incluidos su

posición y su nivel de ampliación.

Colores: Este grupo sirve para configurar los colores de trazo (línea) y de relleno

de las formas.

Opciones: Los botones que ofrece este grupo varían en función de la herramienta

que hayamos seleccionado, y permiten configurar el funcionamiento de la

herramienta. Como técnicamente no se trata de un grupo independiente, sino más

bien de una subselección de cada herramienta, las opciones disponibles en él se

explicaran al mismo tiempo que la herramienta a la que se están asociadas.

Figura 3. Caja de herramientas


12

ITSA

1.3.2 USO DE LOS PANELES

Los distintos paneles de Flash facilitan la visualización, organización y modificación de los

elementos de los documentos. Las opciones disponibles en los paneles controlan las

características de los símbolos, las instancias, los colores, el texto, los fotogramas y otros

elementos. Puede personalizar la interfaz de Flash manteniendo visibles los paneles

necesarios para una determinada tarea y ocultando los demás.

Los paneles permiten trabajar con objetos, colores, textos, instancias, fotogramas, escenas y

documentos enteros. Por ejemplo, puede utilizar el panel Mezclador de colores para crear

colores y el panel Alinear para alinear los objetos con otros objetos o con el escenario. Para

ver una lista completa de todos los paneles disponibles en Flash, consulte el menú Ventana.

La mayoría de los paneles incluyen un menú emergente con opciones adicionales. Este

menú viene indicado mediante un control en el extremo derecho de la barra de título del

panel. Si no aparece ningún control del menú emergente, significa que el panel no tiene

menú emergente.

De forma predeterminada, los paneles aparecen agrupados en la parte inferior derecha del

espacio de trabajo de Flash.

1.3.3 LINEA

Método abreviado de teclado: N (para Windows y Macintosh).

La herramienta Línea se utiliza para dibujar líneas rectas entre dos puntos del escenario.

Simplemente tenemos que seleccionar la herramienta, hacer clic sobre el punto inicial de la

recta y, sin soltar el botón del ratón, arrastrarlo hasta el punto final. La herramienta dispone

de las siguientes opciones:

Dibujo de objetos: Esta opción, nos permite crear Dibujos de objetos

directamente sobre el escenario (su método abreviado de tecla es J).

Ajustar a objetos: De un modo similar a cómo ocurría con la herramienta Flecha,

en este caso esta opción procura ajustar el punto final de la línea a los objetos que

ya existen sobre el escenario, en función de la distancia que exista a ellos cuando

soltemos el botón del ratón.

El inspector de propiedades ofrece más opciones de la herramienta Línea, como muestra la

figura, Estas opciones son, en realidad, las del color de trazo que aplica la herramienta

Línea, y sirven para:

Color de trazo: Establece el color o degradado del trazo. Es equivalente a la opción

correspondiente de la sección Color del panel de herramientas.

Altura del trazo: Establece el grosor del trazo, que puede variar entre .25 y 200, siendo el

último el más grueso.

Estilo del trazo: Esta opción ofrece varios estilos predefinidos que podemos aplicar al trazo.

A continuación se incluye una lista de estos estilos:


13

ITSA

Fino: Estos trazos mantienen siempre un grosor de un píxel, independientemente

de cuánto se modifique su escala. Es el único estilo que no se ve afectado por los

cambios de escala.

Sólido: Es el estilo de trazo predeterminado, y ofrece como opciones para el color,

el grosor y la unión entre trazos.

Discontinuo: Este estilo crea trazos compuestos por rayas. Permite modificar la

longitud de las rayas y de los espacios entre ellas pulsando el botón

Personalizado. Por su puesto, también pueden modificarse su color, grosor y

estilo de unión.

De puntos: Este estilo crea trazos con puntos equidistantes. Además de los

atributos generales de cualquier trazo, en este caso también podemos configurar

la distancia entre los puntos.

Dentado: Este estilo crea trazos irregulares mediante líneas ondulados y

pequeños puntos. Podemos configurar el patrón, la altura y la longitud de las

ondas.

Punteado: Este estilo crea trazos similares a los que obtendrían con un bolígrafo.

Están compuestos por diminutivos puntos que pueden ser configurados en

tamaño, variación y densidad.

Con sombra: Este estilo crea trazos compuestos por pequeñas líneas que

procuran emular un efecto de sombra. En este caso podemos configurar el grosor

(que no es lo mismo que la altura del trazo), el espacio, el vaivén, el giro, la

curvatura, además de las opciones normales.

Personalizado: Este botón nos permite crear nuestros propios estilos de trazado mediante

el cuadro de diálogo que muestra la figura.

Extremo: Esta opción controla la forma del final de la línea. Podemos elegir entre Ninguno

para que la línea termine en seco en el punto final, o Redondeado o Cuadrado para ampliar

la longitud del trazo más allá del punto final.

Sugerencias de trazo: Al activar esta casilla, se introducen sutiles modificaciones en los

puntos de curvatura y anclaje de la línea para evitar que aparezca borrosa.

Escala: Esta opción controla el comportamiento del trazo frente a cambios de escala. Posee

las siguientes opciones:

Normal: Siempre modifica el grosor de la línea. Es la opción predeterminada.

Ninguna: Nunca modifica el grosor de la línea.

Vertical: No modifica el grosor de la línea cuando sólo se altera su escala vertical.

Horizontal: No escala el grosor de la línea cuando se altera su escala horizontal.

Unión: Esta opción controla los vértices de intersección entre líneas. Podemos elegir entre

Redondeada, Angular o Bisel. Al elegir la opción Angular podemos utilizar el cuadro de texto

angular para evitar que se produzca un biselado. El valor introducido en este cuadro de texto

establece un valor máximo, que en caso de ser superado recorta las líneas en lugar de

intentar unirlas en un vértice perfectamente anguloso.


14

ITSA

1.3.4 ÓVALO

Método abreviado de teclado: O (para Windows y Macintosh).

La herramienta Óvalo sirve para dibujar formas circulares, esta herramienta ofrece dos

opciones: la primera es Dibujo de objeto, que se explicara más adelante. La otra opción es

ajustar a objetos, que, cuando está activada, nos permite dibujar círculos perfectos si

arrastramos el ratón diagonalmente. También podemos obtener el mismo resultado

manteniendo pulsada la tecla Mayús mientras arrastramos el ratón. Flash 8 ofrece un

método nuevo para crear óvalos sobre el escenario. Simplemente tenemos que mantener

pulsada la tecla Alt y hacer clic sobre el escenario para acceder al cuadro de dialogo

configuración de óvalo, que muestra la figura. En este cuadro de dialogo podemos

establecer la anchura, y si queremos dibujar desde el centro o desde un esquina.

1.3.5 RECTANGULO

Método abreviado de teclado: R (para Windows y Macintosh)

La herramienta Rectángulo sirve para dibujar formas rectangulares. Esta herramienta

dispone de tres opciones; la primera de ellas es Dibujo de objeto. La segunda opción es

Ajustar a objetos, que cuando esta seleccionada, nos permite dibujar cuadrados perfectos al

arrastrar el ratón diagonalmente. Una vez más, podemos obtener el mismo resultado

manteniendo pulsada la tecla Mayús mientras dibujamos el rectángulo. La tercera opción es

Establecer radio de esquina. Al activar esta opción (o al hacer clic sobre la herramienta

rectángulo en el panel de herramientas), aparece el cuadro de dialogo configuración de

rectángulo, que nos permite establecer el radio de curvatura de los vértices del rectángulo

entre 0 y 999.

Al igual que ocurre con la herramienta óvalo, ahora podemos dibujar rectángulos sobre el

escenario sin tener que arrastrar el ratón. Basta con mantener pulsada la tecla Alt mientras

hacemos clic sobre el escenario para que aparezca el cuadro de dialogo configuración de

rectángulo que muestra la figura, en el podemos establecer la anchura, altura, el radio de

esquina y si queremos que el punto sobre el que hemos hecho clic sea el centro o el vértice

superior izquierdo del rectángulo.

1.3.6 POLYSTAR

La herramienta PolyStar sirve para dibujar polígonos regulares de varios lados o estrellas de

varias puntas. Para activar esta herramienta, haga clic y mantenga el ratón pulsado sobre la

herramienta Rectángulo en el panel de herramientas.

No existe un método abreviado de teclado para esta herramienta ni en Windows ni en

Macintosh.

La herramienta PolyStar posee las mismas opciones que las herramientas rectángulo y

óvalo: Dibujo de objeto y Ajustar a objetos. Al hacer clic sobre él aparecerá el cuadro de

dialogo Configuración de herramientas, en el que puede elegir entre crear un polígono o una

estrella, el numero de lados (o puntas en caso de estrella) y el tamaño de puntos de estrella

(que solo afecta a estrellas, y que controla la angulosidad de las puntas.).


15

ITSA

1.3.7 LÁPIZ

Método abreviado de teclado: Y (para Windows y Macintosh).

La herramienta Lápiz sirve para dibujar líneas, pero a diferencia de la herramienta Línea que

diferencia líneas de punto a punto, la herramienta Lápiz funciona de un modo más similar a

un lápiz real. Ofrece varias opciones que facilitan el dibujo, además de la opción dibujo de

objeto, que está disponible en todas las herramientas de dibujo. A continuación se incluye

una lista de estas opciones y de su funcionamiento:

Enderezar: Es la opción predeterminada para la herramienta lápiz, y nos ayuda a

dibujar formas perfectas, como triángulos y rectángulos. Podemos configurar su

precisión para reconocer formas y su suavidad en el cuadro de dialogo

preferencias.

Suavizar: Esta opción procura suavizar los bordes abruptos de la línea dibujada.

Tinta: Esta opción intenta emular con la mayor precisión posible el comportamiento

de un lápiz real, sin modificar artificiosamente la línea que dibujemos.

1.3.8 PLUMA

Método abreviado para teclado: P (para Windows y Macintosh).

La herramienta Pluma se utiliza tanto para dibujar líneas rectas como curvadas. Existen

bastantes diferencias entre la utilización de esta herramienta y la herramienta Línea. En este

caso al ir haciendo clic sobre diversos puntos se van creando segmentos que se unen al

punto anterior. Y para crear segmentos curvos tenemos que hacer clic y arrastrar el ratón

definiendo la curvatura.

Aunque esta herramienta solo ofrece una opción (Dibujo de objeto), dispone de varios

parámetros configurables en la sección Dibujo del cuadro de dialogo Preferencias, al que se

accede seleccionando Edición>Preferencias (Control-U).

Mostrar vista previa de la pluma: Cuando está activada, esta opción muestra una

pre visualización de la forma del trazo a medida que lo dibujamos, basándose en

la posición del ratón.

Mostrar puntos sólidos: Al activar esta opción los puntos de anclaje se muestran

al revés de lo normal; es decir, los que están seleccionados se muestran huecos,

y los seleccionados se muestran rellenos.

Mostrar cursores de precisión: Al activar esta opción se muestra un cursor con

formas de cruz en lugar de la forma de la pluma. También puede alternar entre

estas dos formas de puntero pulsando la tecla Bloq Mayús.

Además, una vez dibujada una forma o línea con esta herramienta, podemos recurrir a la

herramienta Subselección para controlar las curvaturas mediante los puntos de anclaje. Si

necesitásemos más de estos puntos, podríamos crearlos con la herramienta Pluma. En este

caso deberíamos prestar atención a los diferentes iconos que aparecen junto al puntero

cuando intentamos afinar los puntos de anclaje. A continuación se recogen todos estos

iconos y su significado:


16

ITSA

-: Indica que el puntero de anclaje se puede eliminar haciendo clic sobre él.

+: Indica que se puede crear un punto de anclaje en esa posición de la línea

haciendo clic.

^: Indica que el punto de anclaje curvado puede convertirse en anguloso.

o: Este icono aparece cuando nos colocamos sobre el puntero inicial de la línea

que estamos dibujando, indicando que se hacemos clic en ese momento, la línea

se cerrará.

x: Aparece cuando no hay ninguna línea que editar.

Una flecha con un cuadro hueco: Se muestra cuando tenemos pulsada la tecla

Mayús y el puntero se encuentra sobre una línea.

Una flecha con un cuadro relleno: Se muestra cuando tenemos pulsada la tecla

Mayús y el puntero se encuentra sobre un punto de anclaje.

1.3.9 SUBSELECCIÓN

Método abreviado de teclado: A (para Windows y Macintosh).

Esta herramienta es similar a la anterior, excepto porque está especialmente diseñada para

seleccionar puntos vectoriales. A diferencia de la herramienta Selección, la herramienta

Subselección no posee opciones.

1.3.10 CUBO DE PINTURA

Método abreviado de teclado: K (para Windows y Macintosh).

La herramienta Cubo de pintura se utiliza para cambiar la configuración de los rellenos de

las formas que hemos creado sobre el escenario. Solo tenemos que seleccionar el color o

degradado que queremos aplicar y hacer clic sobre una forma par aplicárselo. La

herramienta Cubo de pintura nos ofrece un par de opciones:

Tamaño de hueco: Esta opción posee un menú desplegable que nos permite elegir el

tamaño máximo de hueco que puede existir en una forma cuyo contorno no está cerrado

para que la herramienta actué sobre ella.

Bloquear relleno: Esta opción nos ayuda a conseguir que los rellenos compartidos por

varios objetos sean más coherentes.

1.3.11 TRANSFORMACIÓN DE RELLENO

Método abreviado de teclado: F (para Windows y Macintosh).

La herramienta Transformación de relleno sirve para ajustar los degradados y los rellenos

con imágenes de tipo mapa de bits que se utilizan en las formas del escenario. Dependiendo

del tipo de relleno que tenga aplicado el objeto que seleccionemos en el escenario, los

manejadores que aparecerán serán diferentes. Estos manejadores sirven para controlar el

punto central, el tamaño y el giro del degradado, como puede ver en la figura. Esta

herramienta dispone de una única opción, Ajustar a objetos, que al activarse procura que los

manejadores de control arrastrados se ajusten a las posiciones de otros objeto.


17

ITSA

1.3.12 TEXTO

Método abreviado de teclado: T (para Windows y Macintosh).

Esta herramienta sirve para crear manualmente cuadros de texto sobre el escenario. Para

crear un cuadro de texto tenemos que hacer clic aproximadamente en la posición en la que

nos interesa que se encuentre su vértice superior izquierdo y, sin soltar el botón del ratón,

arrastrarlo diagonalmente hacia abajo y a la derecha. Una vez creado el cuadro de texto,

podemos introducir texto manualmente en el y aplicar algunas opciones básicas de estilo,

como color, negrita o cursiva, que están disponibles en el Inspector de Propiedades. Existen

tres tipos básicos de cuadro de texto:

Texto estático: El contenido de estos campos de texto sólo se puede modificar en

tiempo de edición.

Texto dinámico: El contenido de estos campos de texto se puede modificar tanto

en tiempo de edición como en tiempo de ejecución, utilizando las propiedades text

o var.

Introducción de texto: El contenido de estos campos de texto, al igual que el de

los dinámicos, se puede modificar tanto en tiempo de edición como en tiempo de

ejecución. Pero además, el usuario también puede introducir texto en ellos en

tiempo de ejecución.

1.4 HERRAMIENTAS DE DIBUJO (II)

1.4.1 BOTE DE TINTA

Método abreviado de teclado: S (para Windows y Macintosh).

La herramienta Bote de tinta está diseñada para ayudarnos a modificar los segmentos de

línea dibujados en el escenario, y más concretamente sus opciones de trazo. A pesar de que

no ofrece ninguna opción en la sección Opciones, sí podemos configurarla a través del

Inspector de propiedades. Una vez establecida la configuración, podemos aplicársela a

distintos segmentos haciendo clic sobre ellos.

1.4.2 PINCEL

Método abreviado de teclado: B (para Windows y Macintosh)

La herramienta Pincel sirve para pintar el escenario, como si fuera una brocha. A diferencia

de la herramienta Lápiz, las opciones de color de la herramienta Pincel se controlan a través

de los ajustes del relleno. También ofrece algunas opciones que modifican su

comportamiento, además de la omnipresente opción de Dibujo de Objeto. La primera de

estas opciones es Método por Pincel, que dispone de las siguientes posibilidades:

Pintar normal: Es la opción por defecto, y nos permite rellenar con el pincel

cualquier zona del escenario.

Rellenos de pintura: Esta opción es similar a la anterior, pero no afecta a las

líneas de trazo.

Pintar detrás: Esta opción pinta por detrás de los elementos y objetos que ya se

encuentran en el escenario, es decir, no los solapa.

Pintar selección: Esta opción nos permite pintar el relleno sólo de las zonas que

estén seleccionadas.


18

ITSA

Pintar dentro: Esta opción sólo afecta al relleno del objeto sobre el que

empecemos a utilizar la herramienta. Por ejemplo, si empezamos a pintar dentro

del rectángulo, sólo podremos cambiar el relleno de ese rectángulo; no obstante,

si empezamos a pintar fuera del rectángulo, no afectará nunca al relleno de éste.

La última opción de la herramienta Pincel es Bloquear relleno. Cuando está activada esta

opción logramos que los rellenos de degradados o con imágenes de mapas de bits sean

más coherentes cuando afecten a varios elementos.

1.4.3 CUENTAGOTAS

Método abreviado para teclado: I (para Windows y Macintosh).

La herramienta Cuentagotas sirve para capturar las propiedades de trazos y rellenos.

Cuando coloquemos el puntero sobre una línea o relleno, aparecerá un icono junto al

puntero para indicar sobre qué tipo de elemento estamos actuando. Al hacer clic sobre un

elemento, se activa automáticamente la herramienta Cubo de pintura (si se trataba de un

relleno) o Bote de tinta (si se trataba de un trazo), para que podamos aplicar fácilmente esas

mismas propiedades a otros elementos del escritorio.

1.4.4 BORRADOR

Método abreviado de teclado: E (para Windows y para Macintosh).

La herramienta borrador sirve para borrar trazos y rellenos. Además, de los menús

despegables de tamaño y forma ofrece otras opciones.

Borrador normal: Opción predeterminada que afecta a trazos y rellenos.

Borrador relleno: Al borrar con esta opción, no afectamos a los trazos, solo a los

rellenos.

Borrar líneas: Es justo la opción contraria a la anterior; esta opción afecta a los

trazos pero no a los rellenos.

Borrar rellenos seleccionados: Esta opción afecta solo a las zonas de relleno

que estén seleccionadas.

Borrar dentro: Esta opción solo borra el relleno de la forma sobre la que

empezamos a utilizarla.

La última opción de borrador es Grifo. Esta opción convierte el borrador en una herramienta

de un solo clic, solo tenemos que hacer clic sobre un trazo o relleno para deshacernos de él.

1.4.5 MANO

Método abreviado de teclado: H (para Windows y para Macintosh).

Utilice la herramienta Mano para arrastrar el escenario de modo que se visualicen ciertas

zonas que previamente pudieran estar ocultas por el elevado nivel de ampliación. Además,

si mantiene pulsada la tecla Mayús mientras utiliza esta herramienta, el escenario solo podrá

arrastrarse en direcciones que sean múltiplos de 45 grados respecto a la horizontal.


19

ITSA

1.4.6 ZOOM

Método abreviado de teclado: Z o M (para Windows y para Macintosh).

Le herramienta Zoom controla el nivel de ampliación con el que se visualiza el escenario.

Esta herramienta es muy útil cuando necesitamos crear dibujos muy detallados. Posee dos

opciones en la selección Opciones.

Estas opciones determinan si el nivel de ampliación se aumenta o, si por el contrario, se

reduce, al hacer clic sobre el escenario. Además de simplemente hacer clic sobre el

escenario para modificar el nivel de ampliación, también podemos hacer clic y arrastrar el

ratón para definir una sección concreta del escenario que nos interese ampliar.

Como ocurre con muchas otras herramientas de Flash, hay más de una manera de controlar

el nivel de ampliación del escenario. A continuación se incluyen algunas combinaciones de

teclas que pueden resultar de utilidad.

Control--: Reducir el nivel de ampliación.

Control-+: Ampliar el nivel de ampliación.

Control-1: Establecer el nivel de ampliación a tamaño real (100 por cien).

Control-2: Establecer el nivel máximo de ampliación que permita mostrar todo el

escenario centrado.

Control-4: Ampliar el 400 por cien.

Control -8: Ampliar al 800 por cien.

1.4.7 LAZO

Método abreviado de teclado: L (para Windows y para Macintosh).

La herramienta Lazo es otra herramienta de selección que ofrece mayor precisión que la

herramienta selección. Simplemente tenemos que activarla y dibujar una forma que incluya

los elementos que queremos seleccionar; asegúrese de cerrar esta forma antes de soltar el

botón del ratón para evitar selecciones extrañas. Esta herramienta ofrece varias opciones

que pueden ayudar a realizar selecciones concretas, siendo la primera de ellas Varita

mágica. La opción Varita mágica selecciona zonas cuyo color esta dentro de un margen de

tolerancia. Para establecer esta tolerancia tenemos que hacer clic sobre la opción

propiedades de varita mágica (que esta junto a ella en la sección opciones), que nos

conducirá al cuadro de dialogo. En el podemos configurar también el suavizado eligiendo

entre las siguientes opciones:

Píxeles: La selección incluirá píxeles completos cuyos colores estén dentro de la

tolerancia.

Áspero: Los bordes de la selección resultaran más dentados que con la opción

píxeles.

Normal: Los bordes de la selección tendrán una suavidad intermedia entre la

opción píxeles y la opción suave.

Suave: Esta opción redondea los bordes de la selección.

La última opción de la herramienta Lazo es Modo polígono. Esta opción nos permite crear el

contorno de selección dibujando segmentos rectos con solo hacer clic sobre los puntos de

los extremos.


20

ITSA

1.5 TRABAJO CON OBJETOS

Podremos considerar un objeto todo aquello que aparezca en nuestra película y sea visible,

de modo que podamos trabajar con él, un objeto sería, por ejemplo, cualquier imagen que

creemos o importemos, un botón, un dibujo creado por nosotros mismos.

Los objetos así considerados tienen 2 partes fundamentales:

El Borde: Consiste en una delgada línea que separa el objeto del exterior del escenario.

Puede existir o no, según nos convenga. Cuando creamos un objeto, el borde se crea

siempre y su color será el indicado en el Color de Trazo (dentro del Panel Mezclador de

Colores). Si queremos dibujar creando Bordes deberemos emplear las Herramientas Lápiz,

Línea o Pluma y si queremos que nuestro dibujo no tenga borde, bastará con seleccionar el

borde y suprimirlo (ver siguiente punto).

El Relleno: El relleno no es más que el propio objeto sin borde. Es, por tanto, la parte

interna del objeto. Su existencia también es arbitraria, ya que podemos crear un objeto cuyo

color de relleno sea transparente, y por tanto, parecerá que dicho objeto no tiene relleno,

aunque en realidad sí que exista pero sea de color transparente. Para dibujar Rellenos (sin

borde) podemos usar herramientas tales como el Pincel o el Cubo de Pintura.

Figura 4. Ejemplo de un cuadrado con relleno y borde

1.5.1 SELECCIONAR OBJETOS

Para poder trabajar con objetos, es fundamental saber seleccionar la parte del objeto que

queramos modificar (mover, girar, cambiar de color...). Podremos observar que las partes

de un objeto seleccionadas toman una apariencia con textura para indicar que están

seleccionadas.

Figura 5.Objeto SIN seleccionar


21

ITSA

Figura 6. Objeto con el BORDE seleccionado

Figura 7. Objeto con el RELLENO seleccionado

Veamos cómo seleccionar las diferentes partes de un objeto:

Seleccionar un Relleno o un Borde: Basta hacer clic 1 vez en el Relleno o en el Borde

que queramos seleccionar.

Seleccionar el Relleno y el Borde de un objeto: Hacer doble clic en el Relleno.

Seleccionar todos los bordes (o líneas) de un mismo color que estén en contacto:

Hacer doble clic sobre una de las líneas que tenga el color que pretendamos seleccionar.

Seleccionar un Símbolo, un texto, o un grupo: Clic en el Símbolo, en el texto o en el

grupo. Estos tipos de objetos mostrarán un borde de color azul (por defecto) al estar

seleccionados.

Seleccionar Varios elementos: Mantendremos pulsada la tecla SHIFT mientras

seleccionamos los objetos que queramos.

Seleccionar los objetos que se encuentran en una determinada zona: Para ello

usaremos la Herramienta Selección (Flecha). Haremos clic en una parte del escenario y

arrastraremos el cursor hasta delimitar el área que contenga los objetos que queremos

seleccionar. Si esta área corta algún objeto, sólo quedará seleccionada la parte del objeto

que esté dentro del área que hemos delimitado. Si quisiéramos incluir dicho objeto,

bastaría con usar la tecla SHIFT y seleccionar la parte del objeto que falta por seleccionar.

Este modo de seleccionar objetos permite seleccionar muchos objetos rápidamente,

además de permitirnos seleccionar determinadas zonas de los objetos, para cortarlas,

pegarlas...

Además de la Herramienta Flecha, también podemos usar la Herramienta Lazo, más útil

aún si cabe. Nos permite seleccionar cualquier zona de cualquier forma (la forma la

determinamos nosotros) del objeto que sea. Al contrario que la Herramienta Flecha, las

áreas seleccionadas no tienen porque ser rectangulares.

Seleccionar a partir de la Línea de Tiempo: Si seleccionamos un determinado fotograma

en la línea de tiempo, se seleccionan automáticamente todos los objetos que estén en


22

ITSA

dicho fotograma. Esto es útil para modificar de un modo rápido todos los elementos del

fotograma.

Seleccionar Todo: La forma más natural de seleccionar todo, consiste en hacer clic en el

menú Edición → Seleccionar Todo.

Para modificar un objeto, primero debe seleccionarlo. Flash proporciona diferentes métodos

de selección, entre ellos las herramientas Selección y Lazo, y los comandos de teclado.

Puede agrupar objetos individuales para manipularlos como un único objeto.

Flash resalta los objetos y los trazos que se han seleccionado con un recuadro de

delimitación. Los grupos seleccionados se resaltan con recuadros de delimitación cuyo color

se utiliza para el contorno de la capa que contiene el grupo seleccionado. Puede cambiar el

color del contorno de la capa en el cuadro de diálogo Propiedades de capa.

Puede optar por seleccionar únicamente los trazos de un objeto o sus rellenos. Se puede

ocultar el resaltado de la selección para poder editar los objetos sin tener que visualizar

dicho resaltado. Al seleccionar un objeto, el inspector de propiedades visualiza el trazo y el

relleno de dicho objeto, sus dimensiones en píxeles y las coordenadas x e y del punto de

transformación.

Si se seleccionan varios elementos de diferentes tipos en el escenario, como por ejemplo un

objeto, un botón y un clip de película, el inspector de propiedades indicará una selección

mixta. En este caso, el inspector de propiedades visualiza las dimensiones en píxeles y las

coordenadas x e y del conjunto de elementos seleccionado.

El inspector de propiedades se puede utilizar en una forma para cambiar el trazo y el relleno

de un objeto. Puede evitar que se seleccione y se cambie accidentalmente un grupo o

símbolo. Para ello, puede bloquear el grupo o símbolo.

1.5.1.1 SELECCIÓN DE OBJETOS CON LA HERRAMIENTA

SELECCIÓN

La herramienta Selección permite seleccionar objetos enteros haciendo clic en un objeto

o arrastrándolo para incluirlo dentro de un recuadro de delimitación rectangular.

Para seleccionar un trazo, relleno, grupo, instancia o bloque de texto:

Seleccione la herramienta Selección y haga clic en el objeto.

Para seleccionar líneas conectadas:

Seleccione la herramienta Selección y haga doble clic en una de las líneas.

Para seleccionar una forma rellena y su contorno con trazo:


23

ITSA

Seleccione la herramienta Selección y haga doble clic en el relleno.

Para seleccionar objetos dentro de un área rectangular:

Seleccione la herramienta Selección y arrastre un recuadro de delimitación

alrededor del objeto u objetos que desea seleccionar.

Para seleccionar instancias, grupos y bloques de tipos, éstos deben quedar totalmente

encerrados en el recuadro.

1.5.1.2 SELECCIÓN DE OBJETOS CON LA HERRAMIENTA LAZO

Puede utilizar la herramienta Lazo y el modificador Modo polígono para seleccionar

objetos dibujando un área de selección de mano alzada o de bordes rectos. Cuando se

utiliza la herramienta Lazo, se puede cambiar del modo de selección de estilo libre al

modo de selección de bordes rectos.

Para seleccionar objetos con el área de selección trazada a mano alzada:

1. Seleccione la herramienta Lazo y arrástrela alrededor del área.

2. Finalice la reproducción indefinida más o menos donde la inició, o permita que

Flash la cierre de forma automática con una línea recta.

Para seleccionar objetos con un área de selección de bordes rectos:

1. Seleccione la herramienta Lazo y, en las opciones del panel Herramientas,

seleccione el modificador Modo Polígono.

2. Haga clic para establecer el punto de inicio.

3. Sitúe el puntero donde desee finalizar la primera línea y haga clic. Continúe y

establezca puntos finales para otros segmentos de línea adicionales.

4. Para cerrar el área de selección, haga doble clic.

Para seleccionar objetos mediante áreas de selección a mano alzada y de bordes

rectos:

1. Seleccione la herramienta Lazo y anule la selección del modificador Modo

Polígono.

2. Para dibujar un segmento a mano alzada, arrastre la herramienta Lazo por el

escenario.

3. Para dibujar un segmento de bordes rectos, mantenga presionada la tecla Alt

(Windows) u Opción (Macintosh) mientras hace clic para establecer los puntos

inicial y final. Se puede cambiar de dibujo de segmentos a mano alzada a

segmentos de bordes rectos.

4. Para cerrar el área de selección, siga uno de estos procedimientos:

o Si dibuja un segmento a mano alzada, suelte el botón del ratón.

o Si dibuja un segmento de bordes rectos, haga doble clic.


24

ITSA

1.5.2 MODIFICAR OBJETOS

Transformar un objeto consiste en mover, rotar, reflejar, cambiar la escala o distorsionar el

objeto. Esto lo podemos hacer de múltiples formas, dependiendo por ejemplo de si

queremos introducir un valor específico o queremos hacerlo directamente sobre el objeto.

Cuando seleccionamos uno o varios objetos, estos aparecen enmarcados por el cuadro

delimitador, que determina el alto y ancho total del objeto. Ya sabemos que para mover el

objeto, solo hay que hacer clic sobre él y arrastrarlo. Si al hacerlo mantenemos pulsada la

tecla Alt, en vez de moverlo creamos una copia.

Figura 8. Modificar objetos

El resto de transformaciones disponen de herramientas específicas que veremos a

continuación. Todas estas herramientas se pueden utilizar directamente sobre uno o

varios objetos seleccionados, y parten de un punto de referencia, que por defecto está en

el centro del dibujo, aunque podemos moverlo a cualquier lugar como veremos. Recuerda,

que con la tecla Alt creamos una copia, que en este caso se habrá modificado, dejando

el original intacto.

Los valores que se modifican pueden ser introducidos directamente a través del comando

Transformar de cada herramienta, al que accedemos haciendo doble clic sobre la propia

herramienta, o desde el menú Objeto → Transformar.

Figura 9. Comandos de modificación.


25

ITSA

Hay herramientas comunes que nos permiten aplicar cualquier transformación. Utilizando

la herramienta Transformación libre podemos modificar los objetos con el cursor. Al

seleccionar esta herramienta, el objeto queda rodeado por una serie de controladores que

nos permitirán modificarlo:

Figura 10. Herramienta transformación libre.

Al seleccionar el objeto con la herramienta Selección, podemos transformarlo igual que

con la herramienta Transformación libre. Esto sucede si se está mostrando el cuadro

delimitador. podemos cambiar este comportamiento desde el menú Archivo →

Mostrar/Ocultar cuadro delimitador.

Si queremos introducir los valores directamente, podemos utilizar el Panel de control o el

Panel Transformar.

Al transformar varios objetos a la vez, estos se comportan como si estuviesen agrupados.

Para que la transformación se aplique a cada uno por separado, utilizaremos el comando

Transformar individualmente.

En el mismo submenú Transformar encontramos un comando muy útil, Volver a

transformar (Ctrl + D), que vuelve a aplicar la última transformación seleccionada.

1.5.3 CRUCES ENTRE DISTINTOS OBJETOS

Cuando una línea pasa por encima de otra línea

Cuando una línea pasa por encima de otra, las líneas quedan segmentadas entre sí, es

decir, la línea que esté por debajo queda segmentada por efecto de la que se ha dibujado

encima y viceversa. Los segmentos pueden ser seleccionados individualmente.

No obstante, en muchas ocasiones los segmentos que serán cortados y la cantidad de

segmentos obtenidos dependen del orden en que se separen éstos. Así, por ejemplo si

dibuja un simple cruce de líneas, dependiendo de qué segmentos separe primero obtendrá

segmentación de la línea superior o la inferior. Igualmente, si prueba a separar primero un

poco un segmento de una línea, luego un poco un segmento de otra y así sucesivamente

alternando, conseguirá crear cuatro segmentos.

Cuando un relleno pasa por encima de una línea

En este caso sucede casi lo mismo que en el caso anterior. La línea, al encontrarse por

debajo, queda segmentada por el trazo superior. Igualmente, cada segmento de la línea


26

ITSA

puede seleccionarse por separado. La única diferencia es que aquí el relleno no resulta

segmentado por la línea.

Cuando una línea pasa por encima de un relleno

En este caso, el resultado es algo diferente. Cuando una línea pasa por encima de un

relleno, el relleno es segmentado por la parte de línea que lo atraviesa. Sin embargo, fíjese

que, al igual que sucede con el cruce de líneas, el resultado depende de qué segmento

mueva primero.

Cuando un relleno pasa por encima de otro relleno

En este caso, el resultado depende del color de cada relleno. Si ambos poseen el mismo

color, se unirán y constituirán una nueva forma, mientras que, si tienen colores diferentes, el

último dibujado reemplazará al que se encuentre por debajo en todo el área de

solapamiento.

Si dentro de un rectángulo dibuja, por ejemplo, un óvalo de menor tamaño y de diferente

color, el relleno de éste sustituirá al del rectángulo en todo el área inferior ocupada por el

óvalo. Si ahora selecciona el ovalo y lo lleva fuera del rectángulo o, simplemente, lo elimina,

quedará un hueco.

Las interacciones entre los objetos de Flash no sólo aparecen cuando se dibuja una forma

sobre otra sino también cuando se arrastra una forma sobre otra y se deseleccionan los

objetos. De eso se deduce que mientras un objeto esté seleccionado no afectará ni se verá

afectado por dichas interacciones.

1.5.4 AGRUPAR, DESAGRUPAR, SEPARAR

1.5.4.1 AGRUPACIÓN DE OBJETOS

Para poder manipular los elementos como un único objeto, debe agruparlos. Por ejemplo,

después de crear un dibujo de un árbol o una flor, agrupe los elementos del dibujo para

facilitar la selección y el desplazamiento del mismo como un todo.

Al seleccionar un grupo, el inspector de propiedades visualiza las coordenadas x e y del

grupo y sus dimensiones en píxeles. Se pueden editar grupos sin desagruparlos.

También se puede seleccionar un solo objeto de un grupo para editarlo, sin desagrupar

los demás objetos.

Para crear un grupo:

1. Seleccione en el escenario los objetos que desee agrupar. Pueden seleccionarse

formas, otros grupos, símbolos, texto, etc.

2. Seleccione Modificar > Agrupar, o presione Control+G (Windows) o Comando+G

(Macintosh).


27

ITSA

Para desagrupar objetos:

Seleccione Modificar > Desagrupar, o presione Ctrl+Mayús+G (Windows) o

Comando+Mayúsculas+G (Macintosh).

Para editar un grupo o un objeto dentro de un grupo:

1. Seleccione el grupo y a continuación seleccione Edición > Editar seleccionado o

haga doble clic en el grupo con la herramienta Selección. Todos los elementos de

la página que no forman parte del grupo aparecen atenuados, lo que indica que no

se puede acceder a ellos.

2. Edite cualquier elemento del grupo.

3. Seleccione Edición > Editar todo, o haga doble clic en un punto vacío del escenario

con la herramienta Selección. Flash restablece los elementos del grupo a

elementos individuales para poder trabajar con otros elementos del escenario.

1.5.4.2 SEPARACIÓN DE GRUPOS Y OBJETOS

Para separar grupos, instancias y mapas de bits en elementos editables no agrupados,

utilice el comando Separar. Este comando reduce de forma significativa el tamaño de

archivo de los gráficos importados.

Aunque pueda elegir Edición > Deshacer inmediatamente después de separar un grupo u

objeto, esta separación no es del todo reversible. Afecta a los objetos del modo siguiente:

Corta el vínculo de las instancias del símbolo con su símbolo maestro.

Descarta todo excepto el fotograma actual de un símbolo animado.

Convierte un mapa de bits en un relleno.

Coloca cada carácter en un bloque de texto separado cuando se aplica a

bloques de texto.

Convierte los caracteres en contornos cuando se aplica a un solo carácter de

texto.

No se debe confundir el comando Separar con el comando Desagrupar. El comando

Desagrupar separa objetos agrupados y devuelve los elementos agrupados al estado

anterior a la agrupación. No separa tipos, mapas de bits ni instancias, ni convierte tipos

en contornos.

Para separar grupos u objetos:

1. Seleccione el grupo, el mapa de bits o el símbolo que desea separar.

2. Seleccione Modificar > Separar.


28

ITSA

1.5.5 TRABAJAR CON OBJETOS AGRUPADOS

A medida que intentemos hacer dibujos más complejos, descubriremos que necesitamos

que varios objetos formen uno sólo. Esto lo conseguimos a través de la agrupación. Al

agrupar varios objetos, podemos tratarlos como una unidad. Podemos seleccionar todos a

la vez, redimensionarlos conservando la proporción entre ellos, etc...

Para agrupar objetos, primero los seleccionamos y desde el menú emergente o el menú

Objeto, seleccionamos Agrupar (teclas Ctrl + G).

Figura 11. Menú objeto.

Si ahora intentas seleccionar un objeto del grupo como hemos visto hasta ahora, verás

que se seleccionan todos.

Podemos también seleccionar varios grupos y agruparlos de nuevo. Esto convertirá a los

primero grupos en subgrupos de un grupo mayor. De esta forma podemos crear una

jerarquía de grupos.

En el menú encontramos también la opción inversa, Desagrupar. Este comando vuelve a

separar los objetos del grupo. Si el objeto sobre el que ejecutamos esta acción pertenece

a varios subgrupos, cada vez que pulsemos Desagrupar estaremos deshaciendo el grupo

de mayor tamaño.

1.5.5.1 SELECCIONAR OBJETOS AGRUPADOS

Si necesitamos seleccionar un único elemento dentro de un grupo, no es necesario

desagruparlo. Basta con hacer doble clic con la herramienta Selección para entrar en

el modo de aislamiento. Esto hace que los objetos que no pertenezcan al grupo se

muestren atenuados, y no podamos seleccionarlos, pero sí los componentes del grupo, ya

sean objetos u otros grupos. Si el objeto está en un subgrupo, podemos ir haciendo doble

clic hasta llegar al grupo del objeto.


29

ITSA

Figura 12. Seleccionar objetos desagrupados

Si añadimos elementos al grupo aislado los nuevos objetos quedarán integrados en el

grupo.

Para salir del asilamiento, basta con volver a hacer doble clic fuera del grupo.

Esto es útil cuando queremos editar el grupo, y la disposición de los elementos dentro de

él. Pero para editar un único objeto, es más rápido utilizar las herramientas de selección

que hemos visto, Selección directa , Varita mágica y Lazo . Estas

herramientas seleccionan los objetos independientemente de los grupos.

Agrupada con Selección directa, encontramos la herramienta Selección de grupos .

Al hacer clic sobre un objeto con esta herramienta, lo seleccionaremos. Si volvemos a

hacer clic, seleccionaremos el grupo que lo contiene. Con el siguiente clic,

seleccionaremos el grupo que contenga a éste, y así sucesivamente, del grupo menor al

mayor.

1.5.6 ALINEAR/DISTRIBUIR OBJETOS

El panel Alinear permite alinear objetos seleccionados a lo largo de los ejes vertical y

horizontal. Puede alinear objetos verticalmente a lo largo del borde derecho, del centro o del

borde izquierdo de los objetos seleccionados, o bien, horizontalmente a lo largo del borde

superior, del centro o del borde inferior de dichos objetos. Los recuadros de delimitación que

encierran los objetos seleccionados determinan los bordes.

Con el panel Alinear, se pueden distribuir objetos seleccionados de manera que sus centros

o bordes estén espaciados de forma uniforme. Puede cambiar el tamaño de los objetos

seleccionados de manera que las dimensiones horizontales o verticales de todos los objetos

coincidan con las del objeto seleccionado más grande. También puede alinearlos con

respecto al escenario. Puede aplicar una o más opciones de alineación a los objetos

seleccionados.

Para alinear objetos:

1. Seleccione los objetos que desea alinear.

2. Seleccione Ventana > Componentes.

3. En el panel Alinear, seleccione En escenario para aplicar modificaciones de

alineación relativas a las dimensiones del escenario.


30

ITSA

4. Seleccione botones de alineación para modificar los objetos seleccionados:

o En alinear, seleccione Alinear a la izquierda, Alinear horizontalmente respecto al

centro, Alinear a la derecha, Alinear arriba, Alinear verticalmente respecto al centro o

Alinear borde inferior.

o En Distribuir, seleccione Distribuir arriba, Distribuir horizontalmente respecto al

centro, Distribuir abajo, Distribuir a la izquierda, Distribuir verticalmente respecto al

centro o Distribuir a la derecha.

o En Coincidir tamaño, seleccione Coincidir altura, Coincidir anchura o Coincidir

anchura y altura.

o En Espacio, seleccione Espaciar horizontalmente o Espaciar verticalmente.

1.5.6.1 PANEL ALINEAMIENTO

Ahora que ya sabemos seleccionar los objetos o las partes de estos que consideremos oportunas, veamos cómo colocarlos en el Escenario. Para colocarlos de un modo preciso (por no decir exacto), Flash pone a nuestra disposición el Panel Alinear. Este Panel lo podemos encontrar en el Menú Ventana → Alinear. Así funciona:

Figura 13. Panel alinear

El Panel Alinear permite colocar los objetos tal y cómo le indiquemos. Antes de ver las

posibilidades, debemos hacer hincapié en la opción En Escenario. Esta opción nos permite

decir a Flash que todas las posiciones que indiquemos para nuestros objetos tomen como

referencia el escenario

Si esta opción no está seleccionada, los objetos toman como referencia al conjunto de

objetos en el que se encuentran, y se colocan en función de ellos. Lo más habitual es

seleccionar En Escenario, para que los objetos se coloquen según los límites de la película,

en el centro del fotograma etc...

Conozcamos un poco mejor el Panel Alinear y sus posibilidades:

Alineamiento: Sitúa los objetos en una determinada posición del

fotograma (si está seleccionado En Escena). Las distintas opciones afectan a todos los

elementos seleccionados y se emplean muy a menudo para situar los objetos en

determinados sitios predefinidos. Por ejemplo: Si quisiéramos situar un objeto en la esquina

inferior izquierda, bastaría pulsar el primer y el sexto botón consecutivamente.


31

ITSA

Distribuir: Sitúa los objetos en el escenario en función de unos

ejes imaginarios que pasan por cada uno de ellos, de modo que la distribución de los

mismos sea uniforme. Por ejemplo, si tenemos 2 cuadrados y pulsamos el primer botón de la

izquierda. Cada uno de los 2 cuadrados se situará en un extremo de la película (uno arriba y

otro abajo).

Coincidir Tamaño: Hace coincidir los tamaños de los objetos. Si está activo

"En Escena" estirará los objetos hasta que coincidan con el ancho y el largo de la película. Si

no está activo, la referencia será el resto de objetos. Por ejemplo, si tenemos 2 cuadrados

distintos y la opción "En Escena" no está activada, al hacer clic en el primer botón de

"Coincidir Tamaño", el cuadrado más estrecho pasará a tener la anchura del cuadrado más

ancho. Si "En Escena" hubieran estado activos ambos cuadrados hubieran pasado a tener el

ancho del fotograma.

Espacio: Espacia los objetos de un modo uniforme.

1.5.6.2 PANEL INFORMACION

Además de controlar la posición de los objetos desde el Panel Alineamiento, también

podemos hacerlo, de un modo más exacto (más matemático) desde otro panel, el Panel

Información.

A este Panel se puede acceder desde el Menú Ventana → Información. Las posibilidades

de este Panel son limitadas, pero si buscamos exactitud en las medidas o no nos fiamos de

las distribuciones de objetos que crea Flash, debemos acudir a él.

Figura 14. Panel información.

Medidas del Objeto: Aquí introduciremos un número que represente el tamaño de

nuestro objeto en la medida seleccionada en las Propiedades del documento. An: hace

referencia a la anchura y Al: a la altura.


32

ITSA

Situación del objeto: Desde aquí controlamos la posición del objeto en el escenario.

La X y la Y representan el eje de coordenadas (La X es el eje Horizontal y la Y el eje

vertical). Las medidas también van en función de las medidas elegidas para la película.

Color Actual: Indica el color actual en función de la cantidad de Rojo (R), Verde (V),

Azul (A) y efecto Alfa (Alfa) que contenga.

Este indicador puede ser engañoso, el motivo es que indica el color que tiene el objeto por

el que en ese momento pasamos el cursor del ratón. Por tanto, podemos tener

seleccionado un objeto (haciendo clic en él) y ver en el Panel Información su tamaño y su

posición, pero al desplazar el ratón, el valor del color cambiará y ya no indicará el color del

objeto seleccionado, sino el del objeto por el que pase el cursor. Tened esto en cuenta

para no cometer errores o perder tiempo innecesario.

Posición del Cursor: Indica la posición del cursor. Es útil por si queremos que suceda

algo en la película al pasar el cursor justo por una posición determinada o para situar

partes del objeto en lugares específicos.

1.6 COLORES, DEGRADADOS Y FILTROS

1.6.1 CREAR NUEVOS COLORES Y DEGRADADOS El Panel Mezclador de Colores, como su nombre indica se usa para fabricar nuestros

propios colores y para seleccionar los que más nos gusten.

Para seleccionar un color determinado, bastará con hacer clic en las pestañas que se

encuentran junto a los iconos de las Herramientas de Lápiz y de Bote de Pintura. (Si

queremos modificar el color de un borde, pulsaremos sobre la pestaña que está junto a la

Herramienta Lápiz y si queremos modificar un relleno, haremos clic en la pestaña que está

junto a la Herramienta Bote de Pintura.) Al hacerlo aparecerá un Panel con multitud de

colores para que seleccionemos el que más nos gusta. También permite introducir el código

del color según el Standard que establece el HTML.

También se puede determinar el tipo de relleno que aplicaremos a los objetos creados

(mediante la Herramienta Bote de Pintura).

Se pueden crear diferentes tipos de Rellenos:

Sólido: Consiste en un relleno formado por un solo color.

Degradado Lineal: Es un tipo especial de relleno, de modo que un color se degrada

hasta convertirse en otro. Puede ir de arriba abajo o de un lado al otro

Degradado Radial: Es igual que el anterior, pero los degradados tiene forma circular.

Mapa de Bits: Permite colocar como relleno alguna imagen existente en la película (O

ajena a ella si antes se "importa")


33

ITSA

Figura 15. Mezclador de colores

El Panel Muestras de Color sirve para poder ver de un modo rápido y claro los colores de

que disponemos, tanto sólidos (un solo color) como degradados (lineales o radiales).

Además, cuando creemos un color mediante el Panel Mezclador de Colores, podremos

agregarlo a nuestro conjunto de muestras mediante Agregar Muestra (que se encuentra en

un menú desplegable en la parte superior derecha del Panel Mezclador de Colores). Una

vez esté agregado el color, pasará a estar disponible en nuestro conjunto de muestras y

podremos acceder a él rápidamente cada vez que trabajemos con nuestra película.

Cada película tiene su propio conjunto de muestras y cada vez que la abramos para editarla,

podremos usar las muestras que teníamos la última vez que trabajamos con dicha película.

Figura 16. Muestras de color


34

ITSA

1.6.2 FILTROS

Los filtros le permiten añadir atractivos efectos visuales a texto, botones y clips de película,

siendo los más frecuentes la aplicación de sombras, desenfoques, iluminados y biseles a los

elementos gráficos. Una característica exclusiva de Flash es que permite animar los filtros

utilizando interpolaciones de movimiento. Por ejemplo, si crea una bola (o esfera) con

sombra, puede simular el movimiento de la fuente de luz de un lado al otro del objeto

cambiando la posición de la sombra del primero al último fotograma de la línea de tiempo.

Una vez aplicados, las opciones de los filtros pueden modificarse en cualquier momento, así

como el orden de los mismos para experimentar con efectos combinados. Los filtros se

pueden activar, desactivar y eliminar en el inspector de propiedades. Cuando se elimina un

filtro, el objeto correspondiente recupera su apariencia anterior. Para ver los filtros aplicados

a un objeto basta con seleccionarlo; de este modo se actualiza automáticamente la lista de

filtros correspondiente al objeto en el inspector de propiedades.

En Flash, los modos de mezcla permiten crear imágenes compuestas. Composición es el

proceso de variar la transparencia o la interacción de colores de dos o más objetos

solapados. Además, los modos de mezcla ofrecen una nueva dimensión de control de la

opacidad de objetos e imágenes.

1.6.2.1 ANIMACIÓN DE FILTROS

Es posible animar los filtros en la línea de tiempo. Los objetos incluidos en diferentes

fotogramas clave unidos entre sí por una interpolación tienen los parámetros de los

correspondientes filtros interpolados en los fotogramas intermedios. Si un determinado filtro

no cuenta con un filtro coincidente (del mismo tipo) en el extremo opuesto de la

interpolación, éste se añade automáticamente para garantizar que el efecto se encuentre al

final de la secuencia de animación.

Para evitar el funcionamiento de las interpolaciones de movimiento en caso de que falte un

filtro en uno de los extremos de la interpolación o que los filtros se hayan aplicado en

diferente orden, Flash lleva a cabo las siguientes comprobaciones:

Si se aplica una interpolación de movimiento a un clip de película al que ya se han

aplicado filtros, al insertar un fotograma clave en el extremo opuesto de la

interpolación el clip adopta automáticamente en el último fotograma de la interpolación

los mismo filtros y en el mismo orden de apilamiento que los existentes al comienzo de

la misma.

Si se sitúan dos clips de película en dos fotogramas diferentes con diferentes filtros

aplicados a cada uno de ellos y se aplica entonces una interpolación de movimiento

entre los fotogramas, se procesa en primer lugar el clip de película que contiene

mayor número de filtros. A continuación, Flash compara los filtros aplicados al primer

clip de película con los aplicados al segundo.


35

ITSA

Si no se encuentra filtros coincidentes en el segundo clip de película, Flash genera un

filtro "ficticio" sin parámetros y con el color de los filtros existentes.

Si existe una interpolación de movimiento entre dos fotogramas clave:

o Al añadir un filtro al objeto de un fotograma clave se añade automáticamente un

filtro ficticio al clip de película cuando éste llega al fotograma clave situado en el

otro extremo de la interpolación.

o Al eliminar un filtro al objeto de un fotograma clave se elimina automáticamente el

filtro coincidente del clip de película cuando éste llega al fotograma clave situado

en el otro extremo de la interpolación.

Si no hay una coherencia en la definición de los parámetros de filtro en uno y otro

extremo de una interpolación de movimiento, Flash aplica a los fotogramas

interpolados la configuración de filtro del fotograma inicial. Esta falta de coherencia

puede producirse cuando se definen de manera diferente al inicio y al final de la

interpolación los siguientes parámetros: extractor, sombra interior, iluminado interior,

tipo de Iluminado y tipo de degradado y de bisel degradado.

Por ejemplo, si crea una interpolación de movimiento utilizando el filtro de sombra y aplica

una sombra con extractor al primer fotograma de la interpolación y una sombra interior al

último, Flash corrige esta incoherencia. En este caso concreto, se aplica la configuración de

filtro aplicada al primer fotograma de la interpolación: una sombra con extractor.

1.6.2.2 LOS FILTROS Y EL RENDIMIENTO DE FLASH PLAYER

El tipo, cantidad y calidad de los filtros aplicados a los objetos influye en el rendimiento de la

reproducción de los archivos SWF. Cuantos más filtros aplique a un objeto, mayor número

de cálculos tendrá que realizar Macromedia Flash Player para mostrar correctamente los

efectos visuales creados. Por esta razón Macromedia aconseja aplicar únicamente un

número limitado de filtros a un determinado objeto.

Cada filtro incluye controles que le permiten ajustar su intensidad y calidad. Un ajuste en

valores bajos mejora el rendimiento en los equipos más lentos. Si crea contenidos para su

reproducción en una variada gama de equipos o no tiene seguridad de que su audiencia

cuente con equipos de cierta potencia, conviene que establezca un nivel de calidad bajo

para maximizar el rendimiento en la reproducción.

1.6.2.3 APLICACIÓN DE FILTROS

Puede aplicar uno o varios filtros a los objetos utilizando el inspector de propiedades. Cada

filtro que se aplica a un objeto se añade a la lista de filtros aplicados a dicho objeto en el

inspector de propiedades. Se pueden aplicar varios filtros a un mismo objeto, así como

eliminar los que se hayan aplicado previamente.


36

ITSA

Figura 17. Menú añadir filtro

El menú Añadir filtro del inspector de propiedades.

Para aplicar un filtro:

1. Seleccione en el escenario el clip de película, botón u objeto de texto al que desea aplicar

el filtro. Los filtros sólo pueden aplicarse a objetos de texto, botón y clip de película.

2. Seleccione la ficha Filtros del inspector de propiedades.

3. Haga clic en el botón Añadir filtro (+) y seleccione uno en el menú emergente Filtros.

El filtro seleccionado se aplica al objeto y los controles de configuración del filtro se muestran

en el inspector de propiedades. Experimente con los parámetros de configuración hasta

obtener el resultado que desea.

Para quitar un filtro:

1. Seleccione el clip de película, botón u objeto de texto del que desea eliminar el filtro.


3. Seleccione el filtro en la lista de filtros aplicados.

4. Haga clic en el botón Eliminar filtro (-) para eliminarlo.

También puede crear una biblioteca de configuración de filtros que le permita aplicar

fácilmente un filtro o un conjunto de filtros a un objeto. Flash almacena los valores

predeterminados creados en el inspector de propiedades en la ficha Filtros del menú Filtros

> Preestablecidos. Puede eliminar o cambiar el nombre de cualquier valor predefinido.

Para aplicar un filtro predefinido a un objeto:

1. Seleccione el clip de película, botón u objeto de texto al que desea aplicar el filtro

predefinido.


3. Haga clic en el botón Añadir filtro (+) y seleccione Preestablecidos en el menú emergente

Filtros.

4. Seleccione el filtro predefinido que desee aplicar en la lista que aparece en la parte inferior

del menú.


37

ITSA

Cuando se aplica un filtro predefinido a un objeto, todos los filtros que éste pudiera tener

aplicados son reemplazados por los filtros que utiliza la configuración predeterminada.

Para activar y desactivar un filtro aplicado a un objeto:

Haga clic en el icono de activación o desactivación que aparece junto al nombre del filtro

en la lista de filtros del inspector de propiedades.

Para activar y desactivar todos los filtros aplicados a un objeto:

Haga clic en el botón Añadir filtro (+) del inspector de propiedades y a continuación

seleccione Activar todos o Desactivar todos.

1.6.2.4 CREACIÓN DE BIBLIOTECAS DE FILTROS

PREESTABLECIDOS

Puede guardar las configuraciones de filtros como bibliotecas de preestablecidos que

más tarde podrá aplicar fácilmente a clips de película y objetos de texto. También podrá

compartir sus configuraciones de filtros con otros usuarios con sólo facilitarles el archivo

de configuración. Se trata de un archivo XML que se guarda en la carpeta de

configuración de Flash. Podrá localizar este archivo en:

Windows:C:\DocumentsandSettings\nombreusuario\LocalSettings\ApplicationData\

Macromedia\Flash8\idioma\Configuration\Filters\nombrefiltro.xml

Macintosh:MacintoshHD/Users/nombreusuario/Library/ApplicationSupport/Macrom

edia/Flash 8/idioma/Configuration/Filters/nombrefiltro.xml

Para crear una biblioteca de filtros con configuraciones preestablecidas

1. Aplique al objeto el filtro o los filtros que desee.

2. Cuando reúna una configuración de filtros que desee guardar para utilizarla más

adelante, haga clic en el botón Añadir filtro (+) y elija Preestablecidos > Guardar

como en el menú emergente Filtros.

3. Introduzca un nombre para la configuración de filtros en el cuadro de diálogo

Guardar preestablecido como y haga clic en Aceptar. La configuración aparecerá

en el menú Preestablecidos.


38

ITSA

Figura 18. Crear una biblioteca de filtros con configuraciones preestablecidas.

Para cambiar el nombre de una configuración de filtros:

1. Haga clic en el botón Añadir filtro (+) y seleccione Preestablecidos > Cambiar

nombre en el menú emergente Filtros. Aparecerá el cuadro de diálogo Cambiar

nombre de preestablecido.

2. Haga doble clic en la configuración cuyo nombre desea cambiar.

3. Escriba el nombre nuevo y haga clic en Cambiar nombre.

Para eliminar una configuración de filtros:

1. Haga clic en el botón Añadir filtro (+) y seleccione Preestablecidos > Eliminar en el

menú emergente Filtros. Aparecerá el cuadro de diálogo Eliminar preestablecido.

2. Seleccione la configuración de filtros que desea suprimir y seleccione Eliminar.

1.6.2.5 FILTRO SOMBRA

El filtro Sombra simula el aspecto de un objeto que proyecta su sombra sobre una

superficie o que recorta en el fondo un agujero con su forma.

Figura 19. Texto con el filtro Sombra aplicado.

Para aplicar un filtro de sombra a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el filtro.


3. Haga clic en el botón Añadir filtro (+) y seleccione Sombra en el menú emergente

Filtros.


39

ITSA

4. Cambie la configuración del filtro en la ficha Filtros del inspector de propiedades.

o Arrastre los deslizadores Desenfocar X e Y para establecer la anchura y la

altura de la sombra.

o Arrastre el deslizador Distancia para establecer la distancia entre el objeto y su

sombra.

o Haga clic en el cuadro Color para abrir la ventana emergente de colores y

establecer el color de la sombra.

o Arrastre el deslizador Intensidad para establecer la opacidad de la sombra.

Cuanto mayor sea el valor numérico, tanto más opaca será la sombra.

o Introduzca un valor para establecer el ángulo de la sombra o haga clic en el

selector de ángulos y arrastre el indicador de ángulo.

o Seleccione la casilla de verificación Extractor para extraer (u ocultar) el objeto

origen y mostrar únicamente la sombra en la imagen extraída.

o Seleccione la casilla de verificación Sombra interior para aplicar la sombra

dentro de los límites del objeto.

o Seleccione la casilla de verificación Ocultar objeto para ocultar el objeto y

mostrar únicamente su sombra. Esta acción facilita la creación de sombras de

mayor realismo.

o Elija el nivel de calidad de la sombra. Un nivel de calidad Alta equivale

aproximadamente a un desenfoque de Gauss. Para obtener un máximo

rendimiento en reproducción es aconsejable utilizar un nivel de calidad Baja.

Figura 20. Menú para elegir nivel de calidad de sombra

1.6.2.6 FILTRO DESENFOCAR

El filtro Desenfocar suaviza los bordes y los detalles de los objetos. Aplicando este filtro a

un objeto puede conseguir que parezca estar detrás de otros objetos o estar en

movimiento.

Figura 21. Texto con el filtro Desenfocar aplicado.

Para aplicar un desenfoque a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el

desenfoque.



40

ITSA

3. Haga clic en el botón Añadir filtro (+) y seleccione Desenfocar en el menú

emergente Filtros.



altura del desenfoque.

o Seleccione el nivel de calidad del desenfoque. Un nivel de calidad Alta equivale



Figura 22. Configuración del filtro.

1.6.2.7 FILTRO ILUMINADO

El filtro Iluminado le permite aplicar un color a los bordes de un objeto.

Figura 23. Texto con filtro iluminado.

Para aplicar iluminado a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el iluminado.


3. Haga clic en el botón Añadir filtro (+) y seleccione Iluminado en el menú emergente

Filtros.



altura del iluminado.

o Haga clic en el cuadro Color para abrir la ventana emergente de colores y

establecer el color del iluminado.

o Arrastre el deslizador Intensidad para establecer la nitidez del iluminado.


origen y mostrar únicamente el iluminado en la imagen extraída.

Utilización del filtro Iluminado con la opción Extractor.

o Seleccione la casilla de verificación Sombra interior para aplicar el iluminado

dentro de los límites del objeto.


41

ITSA

o Seleccione el nivel de calidad del iluminado. Un nivel de calidad Alta equivale



Figura 24. Propiedades del filtro iluminado.

1.6.2.8 FILTRO BISEL

El bisel aplica al objeto un efecto de resaltado que le hace aparecer curvado por encima

de la superficie del fondo. Puede crear tres tipos de bisel: interior, exterior y completo.

Figura 25. Texto con filtro bisel.

Para aplicar un bisel a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el bisel.


3. Haga clic en el botón Añadir filtro (+) y seleccione Bisel en el menú emergente

Filtros.


o En el menú emergente Tipo, seleccione el tipo de bisel que desea aplicar.

Puede elegir entre bisel interior, exterior o completo.


altura del bisel.

o Seleccione los colores de sombra y resaltado en la paleta emergente de

colores.

o Arrastre el deslizador Intensidad para establecer la opacidad del bisel sin

alterar su anchura.

o Arrastre el dial o introduzca un valor en el campo Ángulo para cambiar el

ángulo de la sombra que proyecta el bisel.

o En el campo Distancia introduzca un valor para definir la anchura del bisel.


42

ITSA


origen y mostrar únicamente el bisel en la imagen extraída.

Figura 26. Propiedades de filtro bisel

1.6.2.9 FILTRO ILUMINADO DEGRADADO

El iluminado degradado produce un efecto de iluminación en un color degradado de un

lado al otro de la superficie del iluminado. Este efecto requiere seleccionar al comienzo

del degradado un color con un valor Alfa igual a 0. Este color no se puede mover de su

posición, pero sí se puede cambiar.

Figura 27. Texto con filtro iluminado degradado.

Para aplicar iluminado degradado a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el iluminado

degradado.


3. Haga clic en el botón Añadir filtro (+) y seleccione Iluminado degradado en el menú

emergente Filtros.


o En el menú emergente Tipo, seleccione el tipo de iluminado que desea aplicar.

Puede elegir entre iluminado interior, exterior o completo.

o Arrastre los deslizadores Desenfocar X e Y para establecer la anchura y la altura

del iluminado.

o Arrastre el deslizador Intensidad para establecer la opacidad del iluminado sin

alterar su anchura.

o Arrastre el dial o introduzca un valor en el campo Ángulo para cambiar el ángulo

de la sombra que proyecta el iluminado.

o Arrastre el deslizador Distancia para establecer la distancia entre el objeto y su

sombra.


origen y mostrar únicamente el iluminado degradado en la imagen extraída.

o Especifique el color de degradado que desea aplicar al iluminado. Los degradados

contienen dos o más colores que se desvanecen o se mezclan entre sí. El color

seleccionado al comienzo del degradado se denomina color alfa.


43

ITSA

Para cambiar un color del degradado, seleccione uno de los punteros de color situados

bajo la barra de definición del degradado y haga clic en el espacio de color que aparece

justo debajo de la barra de degradado para mostrar el Selector de colores. De este modo

de ajusta el nivel y la posición del color correspondiente dentro del degradado.

Para añadir un puntero al degradado, haga clic en la barra de definición del degradado o

debajo de ésta. Puede añadir hasta 15 punteros de color, lo que le permite crear

degradados con un máximo de 15 transiciones de color. Para volver a colocar un puntero

en el degradado, arrastre el puntero por la barra de definición del degradado. Arrastre el

puntero hacia abajo y fuera de la barra de definición del degradado para eliminarlo.

o Seleccione el nivel de calidad del iluminado degradado. Un nivel de calidad Alta

equivale aproximadamente a un desenfoque de Gauss. Para obtener un máximo


Figura 28. Propiedades de filtro iluminado degradado

1.6.2.10 FILTRO BISEL DEGRADADO

El bisel degradado confiere al objeto un efecto de resaltado que le hace aparecer elevado

por encima del fondo, con un color degradado de un lado al otro de la superficie del bisel.

Este efecto requiere un color con un valor Alfa igual a 0 en el centro del degradado. Este

color no se puede mover de su posición, pero sí se puede cambiar.

Para aplicar un bisel degradado a un objeto:

1. Seleccione el clip de película o el objeto de texto al que desea aplicar el bisel

degradado.


3. Haga clic en el botón Añadir filtro (+) y seleccione Bisel degradado en el menú

emergente Filtros.


o En el menú emergente Tipo, seleccione el tipo de bisel que desea aplicar.

Puede elegir entre bisel interior, exterior o completo.


altura del bisel.

o En Intensidad, introduzca un valor para variar el suavizado del bisel sin alterar

su anchura.

o En Ángulo, introduzca un valor o utilice el dial emergente para establecer al

ángulo de la fuente de luz.


origen y mostrar únicamente el bisel degradado en la imagen extraída.


44

ITSA

o Especifique el color de degradado que desea aplicar al bisel. Los degradados

contienen dos o más colores que se desvanecen o se mezclan entre sí. El

puntero central controla el color alfa del degradado. Puede cambiar el color de

este puntero, pero no su posición en el degradado.

Para cambiar un color del degradado, seleccione uno de los punteros de color situados

bajo la barra de definición del degradado y haga clic en el espacio de color que aparece

justo debajo de la barra de degradado para mostrar el Selector de colores. De este modo

de ajusta el nivel y la posición del color correspondiente dentro del degradado.

Para añadir un puntero al degradado, haga clic en la barra de definición del degradado o

debajo de ésta. Puede añadir hasta 15 punteros de color, lo que le permite crear

degradados con un máximo de 15 transiciones de color. Para volver a colocar un puntero

en el degradado, arrastre el puntero por la barra de definición del degradado. Arrastre el

puntero hacia abajo y fuera de la barra de definición del degradado para eliminarlo.

Figura 29. Propiedades de filtro bisel degradado

1.6.2.11 FILTRO AJUSTAR COLOR

El filtro Ajustar color permite ajustar el brillo, el contraste, la saturación y el matiz del clip

de película, botón u objeto de texto seleccionado.

Nota: Si sólo desea aplicar control de brillo a un objeto, utilice los controles de color

situados en la ficha propiedades del inspector de propiedades. La opción Brillo de la ficha

Propiedades ofrece mejor rendimiento que la aplicación de un filtro.

Para aplicar el filtro ajustar color:

1. Seleccione el clip de película, botón u objeto de texto cuyo color desea ajustar.


3. Haga clic en el botón Añadir filtro (+) y seleccione Ajustar color en el menú

emergente Filtros.

4. Arrastre los deslizadores de los atributos de color que desea cambiar o introduzca

un valor en el correspondiente cuadro de texto. Estos atributos y sus

correspondientes valores son los siguientes:

Contraste: Ajusta los resaltados, sombras y medios tonos de una imagen. Admite valores

comprendidos entre -100 y 100.

Brillo: Ajusta el brillo de una imagen. Admite valores comprendidos entre -100 y 100.


45

ITSA

Saturación: Ajusta la intensidad de un color. Admite valores comprendidos entre -100 y

100.

Matiz: Ajusta el tono de un color. Admite valores comprendidos entre -180 y 180.

5. El botón Restablecer le permite devolver a todos los ajustes de color el valor 0, con

lo que la imagen recupera su aspecto original.

Figura 30. Filtros ajustar color.

1.7 BIBLIOTECAS Y SIMBOLOS

1.7.1 LA VENTANA BIBLIOTECA

En Flash 8 podemos encontrar dos tipos de bibliotecas, las bibliotecas comunes y de

ejemplos y aquellas asociadas a las películas que hemos creado. Todas ellas las tenemos a

nuestra disposición para utilizar los símbolos que contienen.

Para acceder a las bibliotecas comunes que nos ofrece Flash simplemente tenemos que ir a

la Barra de Menús, Ventana → Bibliotecas Comunes y seleccionar alguna de las que se nos

ofrecen. Las hay de todo tipo de símbolos: botones, clips o gráficos.

Para acceder a la librería de símbolos de la película que estamos creando de nuevo vamos

a la Barra de Menús, Ventana → Biblioteca. En esta biblioteca aparecerán todos los

símbolos que hemos creado hasta el momento.

Podemos comprobar cómo el nuevo símbolo que hemos creado en el ejercicio anterior

(Ejercicio Crear Símbolo) se ha añadido a nuestra biblioteca accediendo a ella como

acabamos de indicar.

Figura 31. Ventana biblioteca.


46

ITSA

1.7.2 CREAR NUEVOS SÍMBOLOS La acción de crear un nuevo símbolo es una de las más usadas en Flash ya que es uno de

los primeros pasos para crear una animación, como veremos más adelante.

El procedimiento es el siguiente:

Seleccionamos el objeto que queramos convertir en símbolo. Abrimos el panel de

Propiedades del Símbolo, accediendo al menú Insertar → Nuevo Símbolo o simplemente

pulsando Ctrl + F8 o F8.

Figura 32. Crear nuevos símbolos.

Una vez hecho esto nos aparecerá una ventana como la mostrada en la imagen.

Introducimos el nombre del símbolo que vamos a crear.

Esto al principio y mientras tengamos poco símbolos no será muy importante, pero más

adelante nos servirá para hacer referencia al objeto.

Sólo nos queda seleccionar el tipo de símbolo o comportamiento en que queremos convertir

nuestro objeto. Podemos elegir entre Clip de Película, Botón y Gráfico. Sus características y

las diferencias entre ellos las veremos en temas posteriores.

Bastará con pulsar Aceptar para tener nuestro símbolo creado.

1.7.3 LAS INSTANCIAS DE SÍMBOLOS Una instancia no es sino una copia de un símbolo de la biblioteca ubicada en el escenario. Al

cambiar un símbolo, todas sus instancias también se modifican. Además, las instancias

poseen la virtud de poder ser modificadas en ciertos aspectos, como tamaño, color y

transparencia alfa, sin afectar al resto de las instancias creadas a partir del mismo símbolo ni

al símbolo en sí. Recuerde que los símbolos son elementos que se almacenan en la

biblioteca y que las instancias son copias de esos símbolos colocadas sobre el escenario.

Para acceder al panel de propiedades de instancia, debemos seleccionar en primer lugar la

instancia que queramos modificar y posteriormente abrir el Panel Propiedades.

Si seleccionamos un objeto Flash que no se trate de un símbolo, el Panel Propiedades

mostrará las propiedades del objeto en cuestión, pero no las características propias de los

símbolos (cambios de color, intercambios etc...)

En el momento que seleccionemos un símbolo aparecerán una serie de propiedades y

opciones que comentamos a continuación:

Figura 33. Propiedades del símbolo.


47

ITSA

Para acceder a los efectos aplicables sobre una instancia determinada, debemos acudir

nuevamente al Panel Propiedades, desde aquí podremos acceder a todos los efectos que

Flash nos proporciona. En el gráfico de la derecha se puede observar la pestaña Color: del

Panel Propiedades.

Figura 34. Pestaña color. A continuación mostraremos los tipos de efectos:

Brillo: Se puede modificar su valor desde -100% al 100%, esto es, completamente oscuro

(negro) y completamente brillante (blanco). Puedes mover la barra deslizante o introducir su

valor directamente en la casilla.

Tinta: Esta opción permite cambiar el color de la instancia, pero puesto que, como dijimos,

no podemos modificar la instancia internamente, al variar el color en la pestaña Tinta o bien

mediante los valores RGB (cantidad de rojo, verde y azul), se cambiará el color de toda la

instancia como si la estuviéramos tiñendo o poniendo una capa imaginaria de un color

determinado. El grosor o intensidad de esta "capa" la podemos modificar en porcentaje

mediante la primera pestaña que aparece a la derecha.

Alfa: Representa el grado de visibilidad o transparencia que se tendrá de la instancia en

cuestión. También se puede modificar mediante valor directo o con la barra deslizante y es

muy útil para animaciones de aparición y desaparición de objetos. Si aplicamos un efecto

alpha sobre una instancia que está encima de otro objeto, el objeto que antes estaba tapado

se podrá ver a través de la instancia.

Avanzado: Aquí podemos aplicar todos los efectos anteriores al mismo tiempo de manera

más precisa, con la ventaja de que aquí podemos ponerle un poco de cada uno, dando lugar

a efectos de gran vistosidad.


48

ITSA

1.8 ANIMACION DE OBJETOS

1.8.1 LA LÍNEA DE TIEMPO

La línea de tiempo organiza y controla el contenido de un documento a través del tiempo en

capas y fotogramas. Al igual que en un largometraje, los documentos de Flash dividen el

tiempo en fotogramas. Las capas son como varias bandas de película apiladas unas sobre

otras, cada una de las cuales contiene una imagen diferente que aparece en el escenario.

Los componentes principales de la línea de tiempo son las capas, los fotogramas y

la cabeza lectora.

Las capas de un documento aparecen en una columna situada a la izquierda de la línea de

tiempo. Los fotogramas contenidos en cada capa 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 fotograma. La cabeza lectora indica el fotograma

actual que se muestra en el escenario. Mientras se reproduce el documento de Flash, la

cabeza lectora se desplaza de izquierda a derecha de la línea de tiempo.

La información de estado de la línea de tiempo situada en la parte inferior de la misma indica

el número del fotograma seleccionado, la velocidad de fotogramas actual y el tiempo

transcurrido hasta el fotograma actual.

Figura 35. Línea de tiempo.

Se puede cambiar el modo en el que aparecen los fotogramas en la línea de tiempo, así

como mostrar miniaturas del contenido del fotograma en la línea de tiempo. La línea de

tiempo muestra dónde hay animación en un documento, incluidas la animación fotograma

por fotograma, la animación interpolada y los trazados de movimiento.


49

ITSA

Los controles de la sección de capas de la línea de tiempo permiten mostrar u ocultar y

bloquear o desbloquear capas, así como mostrar el contenido de las capas como contornos.

Puede insertar, eliminar, seleccionar y mover fotogramas en la línea de tiempo. También

puede arrastrar fotogramas a una nueva posición en la misma capa o a otra capa.

1.8.1.1 MODIFICACION DEL ASPECTO DE LA LINEA DEL

TIEMPO

De forma predeterminada, la línea de tiempo aparece en la parte superior de la ventana

de la aplicación principal, encima del escenario. Para cambiar su posición, puede

acoplarla tanto a la parte inferior como a uno de los dos lados de la ventana de la

aplicación principal, así como mostrarla en su propia ventana. También es posible

ocultarla.

Puede cambiar el tamaño de la línea de tiempo para cambiar el número de capas y

fotogramas visibles. Si hay más capas de las que es posible mostrar en la línea de

tiempo, puede ver las capas adicionales mediante las barras de desplazamiento situadas

a la derecha de la línea de tiempo.

Para mover la línea de tiempo cuando se encuentra acoplada a la ventana de la

aplicación:

Arrastre el punto de sujeción a la izquierda de la palabra Línea de tiempo de la

barra de título del panel.

Figura 36. Mover línea de tiempo acoplada.

Para acoplar una línea de tiempo desacoplada:

Arrastre la barra de título Línea de tiempo al borde de la ventana de la aplicación.

Para evitar que la línea de tiempo se acople, presione la tecla Control y arrastre el

ratón.


50

ITSA

Para aumentar o reducir los campos de nombre de las capas:

Arrastre la barra que separa los nombres de capas y los fotogramas de la línea de

tiempo.

Para cambiar el tamaño de la línea de tiempo, siga uno se estos procedimientos:

Si la línea de tiempo está acoplada a la ventana de la aplicación principal, arrastre

la barra que separa la línea de tiempo del área del escenario.

Si la línea de tiempo no está acoplada a la ventana de la aplicación principal,

arrastre la esquina inferior derecha (Windows) o el cuadro de tamaño situado en la

esquina inferior derecha (Macintosh).

1.8.1.2 DESPLAZAMIENTO DE LA CABEZA LECTORA

La cabeza lectora se mueve por la línea de tiempo mientras se reproduce el documento

para indicar el fotograma que se muestra en cada momento en el escenario. El

encabezado de la línea de tiempo muestra los números de fotograma de la animación.

Para que en el escenario aparezca un determinado fotograma, puede mover la cabeza

lectora hasta ese fotograma en la línea de tiempo.

Si está trabajando con tantos fotogramas que no es posible que todos aparezcan a la vez

en la línea de tiempo, puede desplazar la cabeza lectora por la línea de tiempo para

mostrar fácilmente un determinado fotograma.

Para ir a un fotograma:

Haga clic en la posición del fotograma en el encabezado de la línea de tiempo, o

bien arrastre la cabeza lectora hasta la posición deseada.

Figura 37. Como moverse a un fotograma.


51

ITSA

Para centrar la línea de tiempo en el fotograma actual:

Haga clic en Centrar fotograma situado en la parte inferior de la línea de tiempo.

1.8.1.3 CAMBIO DE LA VISUALIZACION DE FOTOGRAMAS EN

LA LINEA DE TIEMPO

Puede cambiar el tamaño de los fotogramas en la línea de tiempo y añadir color a las

secuencias de los mismos para resaltarlos. También puede incluir vistas previas en

miniatura del contenido de los fotogramas en la línea de tiempo. Estas miniaturas son

muy útiles como vista global de la animación, pero ocupan mucho espacio de pantalla.

Figura 38.Menú emergente Visualización de fotogramas

Figura 39.Opciones de visualización de fotogramas Corto y Normal

Para cambiar la visualización de los fotogramas en la línea de tiempo:

1. Haga clic en Visualización de fotogramas situado en la esquina superior derecha

de la línea de tiempo para acceder al menú emergente Visualización de

fotogramas.


52

ITSA

2. Seleccione entre las opciones siguientes:

o Para cambiar el ancho de las celdas de los fotogramas, seleccione Diminuto,

Pequeño, Normal, Medio o Grande. La opción Grande resulta útil para ver los

detalles de las ondas sinusoidales de sonido.

o Para disminuir la altura de las filas de las celdas de los fotogramas, seleccione

Corto.

o Para activar o desactivar el coloreado de las secuencias de fotogramas,

seleccione Fotogramas coloreados.

o Para mostrar miniaturas del contenido de cada fotograma en un tamaño

adaptado para los fotogramas de la línea de tiempo, seleccione Vista previa.

Puede originar un cambio aparente del tamaño del contenido.

o Para mostrar miniaturas para cada fotograma completo (incluido el espacio

vacío), seleccione Vista previa en contexto. Esta opción es muy útil para ver

cómo se mueven los elementos en sus fotogramas a lo largo de la animación,

pero las vistas previas suelen ser más pequeñas que con la opción Vista

previa.

1.8.2 ANIMACION FOTOGRAMA A FOTOGRAMA

La animación fotograma a fotograma cambia el contenido del escenario en cada fotograma y

es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma en

lugar de moverse por el escenario. Este tipo incrementa el tamaño del archivo con mayor

rapidez que la animación interpolada. En la animación fotograma a fotograma, Flash guarda

los valores de los fotogramas completos.

Creación de animaciones fotograma a fotograma

Para crear una animación fotograma a fotograma, defina cada fotograma como fotograma

clave y cree una imagen distinta para cada uno. Inicialmente, cada fotograma clave tiene el

mismo contenido que el fotograma clave inmediatamente anterior, de modo que los

fotogramas pueden modificarse en la animación de forma gradual.

Para crear una animación fotograma a fotograma:

1. Haga clic en el nombre de una capa para activarla y seleccione un fotograma de la

capa donde desee que se inicie la animación.

2. Si no se trata de un fotograma clave, seleccione Insertar > Línea de tiempo >

Fotograma clave para convertirlo en uno.

3. Cree la ilustración del primer fotograma de la secuencia.

Puede utilizar las herramientas de dibujo, pegar imágenes del portapapeles o importar un

archivo.

4. Haga clic en el siguiente fotograma a la derecha de la misma fila y elija Insertar >

Línea de tiempo > Fotograma clave, o bien haga clic con el botón derecho del ratón


53

ITSA

(Windows) o con la tecla Control presionada (Macintosh) y elija Insertar fotograma

clave en el menú contextual.

De esta forma se agrega un nuevo fotograma clave cuyo contenido es igual al del primero.

5. Cambie el contenido de este fotograma en el escenario para crear el siguiente

incremento de la animación.

6. Para completar la secuencia de animación fotograma a fotograma, repita los pasos

4 y 5 hasta que haya creado el movimiento deseado.

7. Para probar la secuencia de animación, elija Control > Reproducir o haga clic en el

botón Reproducir del controlador.

1.8.3 ANIMACION POR INTERPOLACION DE MOVIMIENTO

Las interpolaciones de movimiento se crean definiendo propiedades para una instancia, un

objeto agrupado o texto en un fotograma clave inicial y, a continuación, cambiando las

propiedades del objeto en el fotograma clave posterior. Flash crea la animación que pasa de

un fotograma clave al siguiente en los fotogramas intermedios.

Para crear una interpolación de movimiento, utilizará una instancia de un símbolo de

neumático y hará que rebote.

1. En la línea de tiempo (Ventana > Línea de tiempo), haga doble clic en el título de la

capa 1 y escriba AnimNeumático. Presione Intro (Windows) o Retorno (Macintosh)

para asignar un nuevo nombre a la capa.

2. Con la capa AnimNeumático aún seleccionada, arrastre el clip de película Tire de la

ventana Biblioteca (Ventana > Biblioteca) al escenario y colóquelo sobre la sombra del

neumático.

3. Utilice la herramienta Selección para volver a colocar el neumático, si es necesario.

Figura 40. Neumático en reposo.

4. Con la herramienta Selección aún seleccionada, en la capa AnimNeumático,

seleccione el fotograma 30. A continuación, presione F6 para insertar un fotograma

clave.

5. Seleccione el fotograma 15 y presione F6 para añadir otro fotograma clave.


54

ITSA

6. Con la cabeza lectora aún en el fotograma 15, presione Mayús para mover el

neumático en línea recta y arrastre el neumático hacia arriba.

Figura 41. Neumático con movimiento

7. En la capa AnimNeumático, seleccione un fotograma entre los fotogramas 2 y 14. En

el inspector de propiedades, seleccione Movimiento en el menú emergente Animar.

Aparece una flecha en la línea de tiempo entre los dos fotogramas clave.

8. Seleccione un fotograma entre los fotogramas 16 y 29. En el inspector de

propiedades, seleccione de nuevo Movimiento en el menú emergente Animar.

9. Seleccione Archivo > Guardar para guardar los cambios.

1.8.4 ANIMACION POR INTERPOLACION DE FORMA

Con la interpolación de forma, se especifican atributos para una forma en un fotograma clave

y, a continuación, se modifica la forma o se dibuja otra forma en un fotograma clave

posterior. Como sucede con la interpolación de movimiento, Flash crea la animación en los

fotogramas que hay entre los fotogramas clave.

Ahora configurará una interpolación para la sombra del neumático para que, mientras el

neumático rebota, la sombra se mueva y se desvanezca.

1. Haga clic en la capa AnimSombra para seleccionarla.

2. Seleccione el fotograma 30 y presione F6 para insertar un fotograma clave; a

continuación, seleccione fotograma 15 y presione F6 para insertar un fotograma clave.

3. Con la cabeza lectora en el fotograma 15, seleccione la herramienta Selección.

Arrastre la sombra del neumático ligeramente hacia arriba y hacia la derecha.


55

ITSA

Figura 42. Neumático con movimiento 2

4. Con el fotograma 15 aún seleccionado, seleccione la herramienta Cuentagotas en el

panel Herramientas y, a continuación, haga clic en el objeto de sombra.

5. Si el mezclador de colores no está abierto, seleccione Ventana > Mezclador de

colores para abrirlo y, a continuación, cambie el valor Alfa de 25% por 10%.

Figura 43. Mezclador de color

6. Haga clic en el control del menú emergente situado en la esquina superior derecha del

Mezclador de colores y seleccione Cerrar panel para cerrar el panel.

7. Seleccione un fotograma entre los fotogramas 2 y 14 en la capa AnimSombra. En el

inspector de propiedades, seleccione Forma en el menú emergente Interpolación.

8. En la capa AnimSombra, seleccione un fotograma entre los fotogramas 16 y 29. En el

inspector de propiedades, seleccione de nuevo Forma en el menú emergente Animar.


56

ITSA

1.8.5 PAPEL CEBOLLA

En general, Flash sólo muestra un fotograma de la secuencia de animación en el escenario. Para

facilitar la ubicación y edición de la animación fotograma a fotograma, puede ver varios fotogramas

a la vez en el escenario. El fotograma situado bajo la cabeza lectora aparece de color normal,

mientras que los fotogramas circundantes aparecen atenuados; cada fotograma parece estar

dibujada sobre hojas de papel traslúcido (papel cebolla) colocadas una encima de otra. Los

fotogramas atenuados no pueden editarse.

Para ver varios fotogramas de una animación en el escenario de forma simultánea:

Haga clic en el botón Papel cebolla. Todos los fotogramas entre los marcadores

Papel cebolla inicial y Papel cebolla final (en el encabezado de la línea de tiempo)

aparecen superpuestos como un solo fotograma en la ventana Documento.

Para controlar la visualización del papel cebolla, siga uno de estos procedimientos:

Para ver los fotogramas de papel cebolla como contornos, haga clic en el

botón Contornos de papel cebolla.

Para cambiar la posición de los marcadores de papel cebolla, arrastre el puntero

hasta la nueva ubicación. En general, los marcadores se mueven de forma

conjunta con el puntero del fotograma actual.

Para poder editar todos los fotogramas situados entre los marcadores de papel

cebolla, haga clic en el botón Editar varios fotogramas. En general, la opción

Papel cebolla sólo permite editar el fotograma actual. Sin embargo, puede ver el

contenido de cada fotograma situado entre los marcadores y editarlo aunque no

se trate del fotograma actual.

NOTA: Las capas bloqueadas (con el icono del candado) no aparecen cuando se activa la

opción de papel cebolla. Para evitar la confusión producida por múltiples imágenes, puede

bloquear u ocultar las capas que no desea visualizar con esta opción.

Para cambiar la visualización de los marcadores de papel cebolla:

Haga clic en el botón Modificar marcadores de papel cebolla y elija una opción del

menú:

Siempre mostrar los marcadores muestra los marcadores de papel cebolla en el

encabezado de la línea de tiempo, esté activada o no la opción de papel cebolla.

Definir papel transparente bloquea los marcadores de papel cebolla en la posición actual

en el encabezado de la línea de tiempo. En general, el rango de papel cebolla es relativo al

puntero del fotograma actual y los marcadores de papel cebolla. Al anclar los marcadores,

evita que se muevan con el puntero del fotograma actual.

Papel cebolla 2 muestra dos fotogramas a cada lado del fotograma actual.

Papel cebolla 5 muestra cinco fotogramas a cada lado del fotograma actual.


57

ITSA

Papel cebolla todo muestra todos los fotogramas a cada lado del fotograma actual.

1.8.6 CLIPS DE PELICULA

Un Clip de Película o simplemente Clip, es una película en si misma, como cualquiera de

las que podamos haber creado hasta el momento en este curso, pero que está incluida

dentro de otra película y, a su vez puede contener también películas insertadas en él.

Al igual que los otros tipos de símbolos de Flash, los clips de película tienen su propia línea

de tiempo. Sin embargo, y a diferencia de los Gráficos (como veremos a continuación),

esta línea temporal no está ligada a la línea de tiempos del documento que lo contiene, de

tal forma que su ejecución es independiente.

Este tipo de símbolos puede contener cualquier otro tipo de símbolo: gráfico, clip o botón,

así como cualquier objeto creado con Flash, ya que un clip es realmente una película.

Otra de las ventajas de los Clips la encontramos cuando realizamos películas de gran

complejidad y tamaño, en la que intervienen un número muy elevado de fotogramas,

debido a que en la vista general del documento, nosotros sólo veremos un fotograma por

clip, el cual puede estar compuesto por muchos frames, lo que nos permitirá tener una

mejor visión de cómo se desarrolla nuestra animación, y una barra de tiempos más clara y

"limpia".

Los Clips son una de las herramientas que dan mayor potencia a Flash 8, permitiéndonos

crear películas de gran complejidad y multiplicar los efectos visuales, ya que se pueden

crear múltiples movimientos independientes entre sí y crear conexiones entre los diferentes

Clips de un documento.

Todas aquellas cosas que no podíamos hacer con un símbolo de tipo Gráfico, lo podemos

hacer con un Clip, además de poder realizar también todo aquello que nos permitía dicho

símbolo. Por esto, normalmente se utilizan los clips para cualquier tipo de animación

debido a su gran flexibilidad, dejando los gráficos sólo para imágenes estáticas.

1.8.6.1 COMPROBAR LAS PROPIEDADES DE UN CLIP

Como hicimos con los gráficos, vamos a ver como la línea de tiempo de un clip no está

ligada a la línea de tiempo del documento que lo contiene y, a la vez, veremos la

diferencia entre los clips y los símbolos Gráficos, que supone una de las razones de la

mayor utilización de los primeros en lo que se refiere a la creación de animaciones.

Para ello abriremos una nueva película Flash (Archivo → Nuevo). Después

importaremos una imagen cualquiera o bien crearemos una. La convertimos en Símbolo

(Insertar → Nuevo Símbolo...) y seleccionamos en Comportamiento "Clip de Película"

Arrastramos al escenario (si no está ya allí) nuestro clip de película.


58

ITSA

Ahora tenemos nuestro Clip, insertado en nuestro nuevo documento Flash. Es decir,

tenemos dos películas, cada una con su línea de tiempos.

Ahora veamos que son independientes, siguiendo un proceso similar al que utilizamos

con los símbolos de tipo Gráfico.

Figura 44. Clip de película.

Observa la línea de tiempos de la película principal y comprueba que sólo tiene un

fotograma.

Figura 45. Línea de tiempo

Editemos el Clip que insertamos en el documento (doble clic sobre el avión) y

examinemos su línea de tiempos. Aparecerá un único movieclip. Podemos realizar algo

similar a lo realizado con los gráficos, si bien vamos a crear una Animación de

Movimiento.

Figura 46. Línea de tiempo con fotogramas.


59

ITSA

Como vemos, la duración del clip que hemos insertado es mucho mayor que la película

nueva que lo contiene. Si el pez fuera un gráfico ya hemos visto que si intentáramos

reproducir la película no ocurriría nada. Veamos qué sucede siendo en este caso un Clip

(esto también es válido si la animación se ha creado del modo visto con los gráficos).

(Control + Intro).

En este caso sí que vemos la animación porque en el momento en que el reproductor

ha pasado por el fotograma que contenía el clip, éste ha empezado a reproducirse y,

puesto que su línea de tiempos es independiente, ha seguido reproduciéndose a pesar

de que la línea de tiempos principal haya terminado, y lo continuará haciendo hasta que

acabe su línea temporal propia.

Crear un nuevo Clip

Como hemos comentado, utilizaremos normalmente Clips para hacer animaciones.

Aunque no lo hayamos comentado antes, se puede crear un símbolo Flash de la nada, de

forma que se quede en la biblioteca y podamos editarlo cuando nos convenga. Esto

puede ser interesante en los clips, ya que a diferencia de los gráficos, su finalidad suele

ser el movimiento y, en animaciones complejas, en ocasiones se les asignan acciones

especiales en las cuales, bien no es necesario crearlo en ese momento, bien conviene

dejar el clip vacío.

Por esto, es interesante aprender cómo crear un símbolo, en este caso un clip, de la nada

para después modificarlo.

Para insertar un clip vacío haz clic en Insertar → Nuevo símbolo y se abrirá el cuadro

de diálogo de Crear un nuevo símbolo.

Allí deberás darle un Nombre para identificarlo más tarde en la Biblioteca y seleccionar

la opción Clip de Película en el marco Tipo.

A partir de este momento tendremos un nuevo clip (vacío) al cual podremos acceder

desde nuestra Biblioteca (menú Ventana → Biblioteca), si hacemos clic derecho sobre

él y seleccionamos Edición, podremos editarlo y trabajar con él.

1.8.6.2 IMPORTAR Y EXPORTAR MOVIE CLIPS DE

BIBLIOTECA Como para todos los símbolos los Clips se almacenan en la biblioteca del documento

cuando son creados. Esto es muy importante en muchos casos ya que habitualmente los

clips son muy reutilizables. Para importar clips de película debemos abrir primero la

biblioteca en la que está contenido.

Hemos visto en el tema de Símbolos, dos tipos de bibliotecas: las que están asociadas a

documentos u otras películas y las que nos proporciona Flash 8. Pues bien, no sólo

podemos utilizar símbolos del mismo documento en el que estamos sino que

podemos Importarlos de otros documentos de nuestro disco duro, lo que, en el caso

que nos ocupa, puede resultar de gran utilidad. Obviamente la exportación mediante

biblioteca se hace automáticamente ya que Flash deja los objetos creados en la

biblioteca para que puedan ser reutilizados.

Para importar un Clip de un archivo del disco duro debemos ir al menú Archivo →

Importar → Abrir biblioteca externa..., seleccionar el Archivo Flash (.fla) del que

queremos importar sus símbolos de biblioteca y pulsar Abrir.

Aparecerá la biblioteca con la lista de los símbolos correspondientes a los gráficos,

botones y clips del documento en cuestión.

Es importante destacar que cuando insertemos un clip de una biblioteca, se insertarán a

su vez todos los símbolos que contenga, incluidos los clips.


60

ITSA

A continuación mostramos un ejemplo en el que veremos cómo importar clips de esta

forma además de comprobar las propiedades de los clips y sus líneas de tiempo

independientes mediante la reproducción simultánea de dos películas, creando un efecto

bastante vistoso utilizando "aparentemente" un sólo frame.

Figura 47. Importa clips.

1.8.7 FILTROS EN CLIPS DE PELICULA

El filtro en flash sirve funciona únicamente con movie clip (clip de película) y con texto, sirve

para darle efectos a estos, únicamente se encuentra disponible en la versión 8 de flash, se

encuentra ubicado a la par de la barra de propiedades en la parte inferior del programa o

bien sino lo tenemos activado, lo podemos activar con Control + F3.

Figura 48. Filtros en clips de películas.

http://mrmansite.googlepages.com/filtro1.JPG/filtro1-full.jpg


61

ITSA

Para probarlo haremos un texto y si seleccionan el texto con el puntero negro y se van a

filtros, le dan donde tiene el signo +, Les va aparecer unas opciones de sombra,

desenfocar, iluminado, bisel, iluminado degradado, bisel degradado, ajustar color. Las

cuales significa, Sombra: le va colocar sombra al texto, ustedes pueden ubicar la orientación

de la sombra (ángulo), el color de la sombra, la distancia de la sombra, pero lo realmente

bueno de esto esta en alterar los valores de X y Y de desenfocar. La intensidad es la fuerza

con la que se va proyectar esta sombra, y la calidad es cuan real se puede llegar a ver la

sombra. además de esto están las opciones de extractor, que este quita el texto original y

solo queda la sombra, dándole un buen efecto de invisibilidad, también esta la opción de

sombra interior que da la idea de hundimiento, y quitar objeto que quita el texto y solo deja la

sombra. todo esto también se puede hacer únicamente haciendo un clip de película.

Ahora bien, podemos utilizar lo que es desenfocar para lograr efectos en el texto de una

presentación que aparezca cerca y luego se vaya alejando y se vaya viendo difuso.

Haremos una nueve con este efecto esta vez, primero agarremos el PINCEL HAGAMOS

UNAS FORMAS uniformes (de preferencia de color negro) y seleccionémosla con el

PUNTERO NEGRO, luego presionemos F8, seleccionemos la opción de clip de película

(movie clip)

Le ponemos de nombre nube, y ahora la seleccionamos y nos vamos nuevamente a filtro, en

+ , elegimos desenfocar, alteramos los datos de X, le damos calidad alta y obtenemos una

nube de contaminación o de cigarro

Figura 49. Nube.

Ahora para qué sirve la opción de iluminar este le da un efecto de iluminación frontal, lo que

provoca que salga una sombra en todos los sentidos, sin tener dirección, lo podemos probar

con un texto como sombra o bien como iluminación, en este ejemplo lo vamos a probar

como iluminación con colores claros y sombra con colores oscuros, colocaremos un fondo

de color negro para ver bien el ejemplo, escribiremos iluminación, nos iremos a filtro, iluminar

el color de la iluminación debe ser igual al del texto, si es de sombra es contrario y alterando

el valor de X obtendremos estos efectos.

Figura 50. Texto con iluminación y sombra

http://mrmansite.googlepages.com/filtro4.jpg/filtro4-full.jpg



62

ITSA

Ahora probaremos el bisel o biselado, haremos lo mismo colocaremos un color de fondo gris

claro y el texto también para ver este ejemplo, ahora nos vamos al filtro y elegimos la opción

de bisel, y vemos que este nos da un tono de iluminación por un lado y sombra por otro al

texto, o bien en cualquiera de los casos un clip de película.

Figura 51. Texto con bisel

Las otras dos opciones son aplicaciones de degradado de estas últimas dos, y la ultima que

es ajustar color solo es si deseamos cambiar el color de la letra o del clip de película, a un

texto o clip de película se le pueden hacer varias opciones de filtro como en el ejemplo,

Que tiene aplicaciones de bisel + iluminación + ajustes de color.

1.8.8 EFECTOS DE LÍNEA DE TIEMPO

Una vez insertados los botones y definidos los eventos sobre los que deben actuar,

tendremos que decidir qué queremos que hagan.

De esta forma podremos crear dinamismo entre nuestras secciones.

Imagina que tenemos la siguiente línea de tiempo:

Figura 52. Línea de tiempo

Observa la capa Contenido. En ella se encuentran todo el contenido de las secciones.

De esta forma, si no aplicásemos ninguna acción sobre la línea de tiempo, todas las

secciones se ejecutarían una seguida de la otra. Lo que queremos conseguir es que se

ejecute la primera (para mostrar la sección principal) y el cabezal se pare hasta nueva

orden (para mostrar la segunda).

Para ello utilizaremos la función stop ().

Esta función sirve para parar el cabezal de la línea de tiempo donde sea colocada. Así

que seleccionamos el último fotograma de la sección y abrimos el Panel Acciones.



63

ITSA

Allí deberemos escribir únicamente la línea:

stop ();

Esto hará que cuando la animación llegue a ese punto se detendrá a espera de nueva

orden.

Nosotros hemos colocado las acciones en una capa aparte llamada Acciones para así

poder acceder más rápido a ella. El método es el mismo, solamente habrá que crear

fotogramas claves en aquellos sitios en los que queramos insertar un stop ().

Ya hemos conseguido detener la presentación. Pero, ¿cómo hacemos que se muestre la

segunda? Muy sencillo.

Los botones nos ayudarán a desplazar el cabezal por la línea de tiempo. Así que

modificaremos el código de uno de los botones donde habíamos escrito:

on (release) {

}

Para que se pueda leer lo siguiente:

on (release) {

gotoAndPlay(21);

}

De esta forma, al hacer clic sobre ese botón, el cabezal de reproducción se desplazará

hasta el fotograma 21 y reproducirá a partir de allí.

Si añadimos un stop () en el último fotograma de la segunda sección, cuando éste se

reproduzca se parará y el contenido permanecerá estático en espera de una nueva orden.

Existe otra forma, muy útil, para nombrar los fotogramas. Del mismo modo que dábamos un

nombre de instancia a un botón lo haremos con un fotograma.

Basta con introducir una Etiqueta de fotograma para poder remitir el cabezal a éste:

Figura 53. Propiedades.


64

ITSA

Por ejemplo:

on (release) {

gotoAndPlay("encuentranos");

}

Además de estos controladores podemos utilizar también:

gotoAndStop(fotograma), que situará el cabezal en el fotograma indicado y

parará la reproducción.

play(), que hará que la reproducción prosiga en el fotograma en el que se

encuentre el cabezal.

prevFrame(), que hará que el cabezal retroceda al fotograma anterior al que nos

encontramos.

nextFrame(), que hará que el cabezal avance al fotograma siguiente al que nos

encontramos.

1.9 IMÁGENES NO PROCEDENTES DE FLASH

1.9.1 IMPORTAR IMÁGENES

Si presionamos control + R, nos va a abrir la ventana de importación, también es lo mismo si

nos posicionamos en File y damos click a Importar. Ahora, vamos a seleccionar cualquier

gráfico que deseemos insertar en nuestro movie, y listo.

Al importar archivos de Illustrator a Flash, nos vamos a encontrar que se encuentra todo

agrupado, así sólo nos queda desagrupar todos los objetos, luego, los tenemos como si los

hubiéramos dibujado en flash.

"La importación de imágenes de mapas de bits a una película puede incrementar el tamaño

de archivo de la misma. Para reducir el tamaño de archivo de una imagen de mapa de bits,

puede elegir una opción de compresión en el cuadro de diálogo Propiedades de mapa de

bits."


65

ITSA

1.9.2 IMPORTAR SECUENCIAS

Flash importa gráficos vectoriales, mapas de bits y SECUENCIAS de imágenes tal como se

describe a continuación:

Al importar imágenes vectoriales a Flash desde FreeHand, puede seleccionar

opciones para conservar las capas, páginas y bloques de texto de FreeHand.

Cuando importa imágenes PNG desde Fireworks, puede importar archivos como

objetos editables que se pueden modificar en Flash o como archivos alisados que se

pueden editar y actualizar en Fireworks.

Puede seleccionar opciones para conservar imágenes, texto y guías.

NOTA: Si importa un archivo PNG desde Fireworks cortando y pegando, dicho archivo se

convertirá en un mapa de bits.

Cuando importe archivos de Adobe Illustrator, EPS o PDF a Flash, puede seleccionar

opciones para convertir páginas y capas. Puede optar por entramar todo el contenido,

incluido el texto.

Las imágenes vectoriales de los archivos SWF y WMF (Windows Metafile Format,

formato de metarchivo de Windows) que importa directamente a un documento de

Flash (en lugar de una biblioteca) se importan como un grupo de la capa activa.

Los mapas de bits (fotografías digitalizadas, archivos BMP) que importa directamente

a un documento de Flash se importan como objetos individuales de la capa activa.

Flash mantiene la configuración de transparencia de los mapas de bits importados.

Puesto que importar un mapa de bits puede aumentar el tamaño del archivo SWF, es

recomendable comprimir los mapas de bits importados.

NOTA: Es posible que no se conserve la transparencia de los mapas de bits cuando se

importan mediante el método de arrastrar y soltar desde una aplicación o escritorio a Flash.

Para conservar la transparencia, utilice el comando Archivo > Importar a escenario o

Importar a biblioteca para importar.

Las secuencias de imágenes (por ejemplo, una secuencia PICT y BMP) que importa

directamente a un documento de Flash se importan como fotogramas clave sucesivos

de la capa activa.

1.9.3 UTILIZAR MAPA DE BITS COMO RELLENO Macromedia Flash Basic 8 y Flash Professional 8 ofrecen numerosas funciones para aplicar,

crear y modificar colores. Si se utiliza la paleta predeterminada o una paleta creada por el

usuario, se pueden elegir colores para aplicarlos al trazo o al relleno de un objeto que está a

punto de crear o a un objeto que ya se encuentra en el escenario. Al aplicar un color de trazo

a una forma, se pinta el contorno de la forma con ese color. Al aplicar un color de relleno a

una forma se pinta el interior de la forma con ese color.

Al aplicar un color de trazo a una forma, se puede seleccionar cualquier color, sólido o

degradado, y el grosor del trazo. Para el relleno de una forma, se puede aplicar un color

sólido, un degradado o un mapa de bits. Para aplicar un relleno de MAPA DE BITS a una


66

ITSA

forma, es necesario importar un mapa de bits al archivo actual. También puede crear una

forma con contorno y sin relleno mediante Sin color como relleno, o con relleno y sin

contorno mediante Sin color como tipo de contorno. Otra posibilidad es aplicar un relleno de

color sólido a un texto..

Puede modificar los atributos de trazo y relleno de diversas maneras con las herramientas

Cubo de pintura, Bote de tinta, Cuentagotas y Transformación de relleno, y con el

modificador Bloquear relleno de las herramientas Pincel y Cubo de pintura.

Con el mezclador de colores, se pueden crear y editar de forma sencilla colores sólidos y

rellenos con degradado en los modos RVA y MSB. Puede importar, exportar, eliminar y

modificar la paleta de colores de un archivo utilizando el panel Muestras de color. Puede

seleccionar colores en modo hexadecimal en el mezclador de colores, así como en las

ventanas emergentes Trazo y Relleno de panel Herramientas o del inspector de

propiedades.

Se puede acceder al selector de color del sistema desde el control Color de trazo o el control

Color de relleno del panel Herramientas, el inspector de propiedades de la forma o el

Mezclador de colores.

1.9.3.1 APLICACIÓN DE UN RELLENO DE MAPA DE BITS Puede aplicar un mapa de bits como relleno a un objeto gráfico mediante el mezclador de

colores. Al aplicar un mapa de bits como relleno, el mapa de bits se coloca en mosaico

para rellenar el objeto. La herramienta Transformación de relleno permite escalar, rotar o

sesgar una imagen y su relleno de mapa de bits.

1.9.3.2 PARA APLICAR UN MAPA DE BITS COMO RELLENO

MEDIANTE EL MEZCLADOR DE COLORES: Para aplicar el relleno a una ilustración existente, seleccione uno o varios objetos gráficos

en el escenario.

Seleccione Ventana > Mezclador de colores.

En el mezclador de colores, seleccione Mapa de bits en el menú emergente situado en el

centro del panel.

Si necesita una ventana de vista previa de mayor tamaño para visualizar más mapas de

bits en el documento activo, haga clic en la flecha situada en la esquina inferior derecha

para expandir el mezclador de colores.

Haga clic en un mapa de bits para seleccionarlo.

El mapa de bits pasa a ser el color de relleno. Si ha seleccionado una ilustración en el

paso 1, el mapa de bits se aplica como relleno en dicha ilustración.

1.9.3.3 TRABAJO CON MAPAS DE BITS IMPORTADOS Al importar un mapa de bits a Flash, puede modificarlo y utilizarlo en el documento de

Flash de varias maneras. Puede aplicar compresión y suavizado a los mapas de bits

importados para controlar el tamaño y la apariencia de los mapas de bits en las

aplicaciones de Flash.. Puede aplicar un mapa de bits importado como relleno a un

objeto.


67

ITSA

Flash permite separar un mapa de bits en píxeles editables. El mapa de bits mantiene el

nivel de detalle original pero se separa en áreas diferenciadas de color. Al separar un

mapa de bits, se pueden seleccionar y modificar áreas del mapa de bits con las

herramientas de dibujo y pintura de Flash. La separación de un mapa de bits también

permite tomar una muestra del mapa de bits con la herramienta Cuentagotas para

utilizarlo como relleno. Puede editar un mapa de bits importado en Fireworks o en otro

editor de imágenes externo abriendo la aplicación de edición desde Flash. Para convertir

una imagen de mapa de bits en un gráfico vectorial, puede trazar el mapa de bits.

Al realizar esta conversión, podrá modificar el gráfico como cualquier otra ilustración

vectorial de Flash..

Si un documento de Flash muestra un mapa de bits importado con un tamaño superior al

original, la imagen puede aparecer distorsionada. Pre visualice el mapa de bits importado

para asegurarse de que las imágenes se muestran correctamente.

1.9.4 TRABAJO CON VIDEO

Lo primero que deberemos hacer es transformar nuestro vídeo de formato avi, mpeg,

mov, wmv o dv al formato que utiliza Flash: flv.

Este formato, además de crear archivos de vídeo de buena calidad muy comprimidos,

te permitirá introducir puntos de referencia desde donde controlaremos la interacción del

entorno de la película con el vídeo.

Haz clic en Archivo → Importar → Importar vídeo para empezar a configurar el archivo

.flv que crearemos.

Se abrirá una pantalla como esta:

Figura 54. Seleccionar video.


68

ITSA

Aquí deberás seleccionar el archivo que quieres importar para utilizarlo en tu película. Haz clic

en el botón Examinar y búscalo en tus carpetas. Cuando lo hayas encontrado pulsa el botón

Aceptar y estarás listo para seguir pulsando el botón Siguiente.

También es posible marcar la opción Ya se ha implementado en un servidor Web, Flash

Vídeo Streaming Service o Flash Communication Server. En este caso deberás introducir

la URL del archivo, que previamente habrá sido preparado para poder utilizarlo en Flas.

La siguiente pantalla te permitirá seleccionar el modo en el que se implementará el vídeo:

Figura 55. Seleccionar modo de implementación

Puedes elegir entre varias opciones, si seleccionas cualquiera de ellas verás su

descripción en la derecha de la pantalla. Te adelantamos que para la implementación de

vídeo para Streaming deberás disponer de un servidor (de pago) que transmita tu vídeo al

usuario de una forma óptima.

La opción Descarga progresiva, a pesar de no ser la más aconsejada para conexiones

de baja velocidad (sobre todo para archivos muy grandes) es la más utilizada por aquellos

que no disponen de los recursos necesarios para contratar los servicios de un servidor de

vídeo en formato Stream.


69

ITSA

Así que seleccionaremos la primera opción y pulsaremos Siguiente.

Figura 56. Importar video.

Ahora es cuando realmente configuraremos el archivo de salida. Antes que nada pulsa el

botón Mostrar configuración avanzada.

Verás 3 pestañas. La primera te servirá para ajustar la compresión y calidad del vídeo.

Puedes seleccionarla directamente en el desplegable de arriba del todo o cambiar alguna

de las opciones que te aparecen en la pestaña Codificación.

Nosotros haremos hincapié en la pestaña Puntos de referencia.

Figura 57. Puntos de referencia.


70

ITSA

1.10 CAPAS Y ESCENAS

Todo el mundo ha visto alguna vez cómo trabajan los dibujantes de dibujos animados. Y todos

hemos visto cómo colocan una hoja semitransparente con dibujos sobre otras y la

superposición de todas forman el dibujo final. ¿Por qué no dibujan todo en una misma hoja?

¿Por qué trabajan con varios niveles y con varios dibujos si van a acabar todos juntos?

Los motivos son muchos, y estos niveles que emplean los dibujantes, equivalen a las Capas

que utiliza Flash. Cada capa es, por tanto, un nivel en el que podemos dibujar, insertar sonidos,

textos... con INDEPENDENCIA del resto de capas. Hay que tener en cuenta que todas las

capas comparten la misma Línea de Tiempos y por tanto, sus distintos fotogramas se

reproducirán simultáneamente.

Clarifiquemos esto con un ejemplo:

Supongamos que tenemos 2 capas. En una de ellas los fotogramas del 1 al 10 contienen el

dibujo de una portería de fútbol. En la otra los fotogramas del 1 al 5 contienen el dibujo de un

portero (del 5 en adelante están vacíos).

Pues bien, esta película nos mostrará inicialmente (durante el tiempo que duren los primeros 5

fotogramas) la portería con el portero, para después (durante los fotogramas del 5 al 10)

mostrar la portería sin portero.

De este modo la portería es independiente del portero, y podemos tratar estos objetos con total

libertad, ya que no interfieren entre ellos para nada.

Figura 58. Capas y escenas.

Otra razón para separar los objetos en capas, es que Flash nos obliga a colocar cada

animación distinta en una capa. De lo contrario, todos los objetos que se encuentren en dicha

capa formarán parte de la animación. Si queremos que un objeto NO forme parte de una

animación, deberemos quitarlo de la capa en la que se produce dicha animación.

Siguiendo con el ejemplo del portero, si quisiéramos crear un movimiento que haga que el

portero se desplace hacia un lado no hay ningún inconveniente, pero si la portería estuviera

en la misma capa que el portero, entonces AMBOS objetos se moverían hacia dicho lado, con

lo que resultaría imposible que sólo se moviera el portero. La solución es separar los objetos

en 2 capas, como ya hemos hecho.

Las capas además, tienen otras utilidades, nos permiten ordenar nuestra película de forma

lógica, y nos ayudan en la edición de dibujos (evitando que se "fundan" en uno sólo, o

bloqueando el resto de capas de modo que sólo podamos seleccionar la capa que nos

interese).


71

ITSA

1.10.1 TRABAJAR CON CAPAS

LA vista estándar de una capa es la que muestra la imagen. Veamos para qué sirven los

distintos botones y cómo usarlos.

Insertar Capas : Como su nombre indica, sirve para Insertar capas en la escena actual.

Inserta capas normales (en el siguiente punto se verán los distintos tipos de capas).

Añadir Capa Guía : Inserta una capa de tipo guía. Se tratan en profundidad el siguiente

punto.

Borrar Capa : Borra la capa seleccionada.

Cambiar Nombre: Para cambiar el nombre a una capa, basta con hacer doble clic en el

nombre actual.

Propiedades de Capa: Si hacemos doble clic en el icono , podremos acceder a un

panel con las propiedades de la capa en la que hayamos hecho clic. Podremos modificar

todas las opciones que hemos comentado anteriormente y alguna más de menor

importancia.

Figura 59. Propiedades de capa.

Aquí puedes cambiar diferentes opciones sobre la capa, como su nombre o su color.

También puedes bloquearla u ocultarla.


72

ITSA

1.10.2 CAPAS DE MÁSCARA

Estas capas se pueden ver como plantillas que tapan a las capas enmascaradas. El

funcionamiento de estas capas es algo complejo (tampoco demasiado) y se analizará en

cursos posteriores.

Basta con decir que estas capas se colocan "encima" de las capas a las que enmascaran y

sólo dejan que se vea la parte de éstas que tapan los objetos situados en las capas máscara

(son como filtros). Al igual que las capas guía, los objetos existentes en este tipo de capas

tampoco se ven en la película final. Sí se verán los objetos de su correspondiente capa

enmascarada a los que estén "tapando".

1.10.2.1 UTILIZACIÓN DE CAPAS DE MÁSCARA

Para obtener el efecto de foco y de transiciones, puede utilizar una capa de máscara para

crear un agujero a través del cual se puedan ver las capas situadas por debajo. Un

elemento de máscara puede ser una forma rellena, un bloque de texto, una instancia de

un símbolo de gráfico o un clip de película. Varias capas pueden agruparse bajo una

misma capa de máscara para crear efectos sofisticados.

Para crear efectos dinámicos, puede animar una capa de máscara. Para una forma

rellena utilizada como máscara, utilice interpolación de formas; para un objeto de tipo,

una instancia de gráfico o un clip de película, utilice la interpolación de movimiento. Si

utiliza una instancia de clip de película como máscara, puede animar la máscara a lo

largo de un trazado de movimiento.

Para crear una capa de máscara, coloque un elemento de máscara en la capa que desee

utilizar como máscara. En lugar de tener un trazo o un relleno, el elemento de máscara

actúa como una ventana que muestra el área de las capas vinculadas situadas por

debajo. El resto de la capa de máscara oculta todos los elementos excepto los que se

muestran a través del elemento de máscara. Una capa de máscara sólo puede contener

un elemento de máscara. En un botón no puede haber una capa de máscara, y las

máscaras no se pueden aplicar a otras máscaras.

También puede utilizar ActionScript para crear una capa de máscara a partir de un clip de

película. Una capa de máscara creada con ActionScript sólo puede aplicarse a otro clip

de película.

Para crear una capa de máscara:

1. Seleccione o cree una capa que contenga los objetos que deben aparecer dentro

de la máscara.

2. Con la capa seleccionada, elija Insertar > Línea de tiempo > Capa para crear una

capa nueva encima.

Una capa de máscara siempre cubre la capa situada inmediatamente debajo de la

misma, por tanto asegúrese de crear la capa de máscara en el lugar correcto.


73

ITSA

3. Coloque una forma rellena, un tipo o una instancia de un símbolo en la capa de

máscara.

Flash pasa por alto los mapas de bits, degradados, transparencias, colores y estilos de

línea en una capa de máscara. Todas las áreas rellenas de una máscara son

transparentes y las áreas no rellenas son opacas.

4. Haga clic con el botón derecho del ratón (Windows) o con la tecla Control

presionada (Macintosh) en el nombre de la capa de máscara de la línea de tiempo

y elija Máscara en el menú contextual.

La capa se convierte en una capa de máscara y se indica mediante un icono de capa de

máscara. La capa situada inmediatamente debajo está vinculada a la capa de máscara y

se muestra su contenido a través del área rellena en la máscara. El nombre de la capa de

máscara aparece sangrado y su icono cambia a un icono de capa de máscara.

5. Para visualizar el efecto de máscara en Flash, bloquee la capa de máscara y la

capa enmascarada.

Para enmascarar capas adicionales después de crear una capa de máscara, siga uno de

estos procedimientos:

Arrastre una capa existente directamente debajo de la capa de máscara.

Cree una capa nueva en cualquier sitio por debajo de la capa de máscara.

Seleccione Modificar > Línea de tiempo> Propiedades de capa y seleccione Con

máscara en el cuadro de diálogo Propiedades de capa.

Para desvincular capas de una capa de máscara:

1. Seleccione la capa que desea desvincular.

2. Siga uno de estos procedimientos:

o Arrastre la capa encima de la capa de máscara.

o Seleccione Modificar > Línea de tiempo > Propiedades de capa y elija Normal.

Para animar una forma rellena, un objeto de tipo o una instancia de un símbolo de grafico

en una capa de máscara:

1. Seleccione la capa de máscara en la línea de tiempo.

2. Haga clic en la columna Bloquear para desbloquear la capa de máscara.


o Si el objeto de máscara es una forma rellena, aplique interpolación de formas

al objeto tal como se describe en Interpolación de formas.

o Si el objeto de máscara es un objeto de tipo o una instancia de un símbolo de

gráfico, aplique interpolación de movimiento al objeto tal como se describe en

Interpolación de instancias, grupos y bloques de texto.

4. Una vez finalizada la animación, haga clic en la columna Bloquear de la capa de

máscara para volver a bloquearla.


74

ITSA

Para animar un clip de película de una capa de máscara:

1. Seleccione la capa de máscara en la línea de tiempo.

2. Haga doble clic en el clip de película del escenario para editarlo en contexto y para

ver la línea de tiempo del clip de película.

3. Aplique una interpolación de movimiento al clip de película tal como se describe en

Interpolación de instancias, grupos y bloques de texto. Para animar el clip de

película de un trazado de movimiento, consulte Interpolación de movimiento a lo

largo de un trazado.

4. Una vez finalizado el procedimiento de animación, haga clic en el botón Atrás de la

ventana Editar en contexto para volver al modo de edición de documentos.

5. Haga clic en la columna Bloquear de la capa de máscara para volver a bloquear la

capa.

1.10.4 ESCENAS Flash permite el uso de escenas para separar diferentes temas en una sola película. Se

suelen utilizar sobre todo en animaciones, donde una parte de la acción transcurre sobre un

fondo y la siguiente sobre otro completamente diferente.

De este modo podemos usar las escenas para representar diferentes secciones muy

diferentes en nuestra película, por ejemplo, crear una escena para el cargador, otra para la

película principal y una tercera para una sección que se diferencie completamente del resto

y nos sea más cómodo trabajar con ella independientemente.

A pesar del hecho de que las escenas se trabajan como líneas de tiempo diferentes, al crear

el archivo SWF éstas se alinean en orden reproduciéndose una detrás de otra.

Por ello, al publicar el documento los fotogramas de las escenas se numerarán respecto a

esto. Es decir, si tenemos una primera escena que va del fotograma 1 al 50, la segunda

escena comenzará en el fotograma 51.

Todo esto hace que las escenas, en algunos casos estén desaconsejadas por las siguientes

razones:

El uso de escenas obliga al usuario a descargar el documento en su totalidad, a

pesar de que es posible que no navegue por todas las secciones. Existe la

posibilidad, como veremos más adelante, de cargar en cualquier momento archivos

SWF para reproducirlos en la pantalla principal. De esta forma emularíamos el uso de

las escenas cargando diferentes documentos dependiendo de la sección a mostrar.

Cuando añadimos ActionScript a nuestras escenas el resultado puede ser, a veces,

imprevisible. Como hemos explicado anteriormente, al crearse un archivo con una línea de

tiempo continua las acciones a realizar pueden ser inesperadas.

En el Panel Escena (ábrelo desde Ventana → Otros paneles → Escena) podrás ver las

escenas actuales de la película.


75

ITSA

Figura 60. Escena

En principio solamente encontrarás una (Escena 1), es posible añadir más escenas

pulsando el botón Añadir escena . Para cambiar el nombre de una escena haz doble

clic sobre su nombre en el panel y escribe el que quieras.

Puedes eliminar una escena utilizando el botón Eliminar escena o duplicarla con el

botón Duplicar escena .

Como hemos comentado antes (y si no existe código ActionScript que modifique esto) las

escenas se reproducen una después de la otra en el orden en el que se encuentran en el

Panel Escena. Puedes cambiar este orden con solo arrastrar y colocar la escena en

cuestión en su lugar correspondiente.

Trabajar con una escena es muy sencillo, basta con seleccionarla en el panel y su contenido

se mostrará en el Escenario. Podrás trabajar con ella como si se tratase de una película

independiente.

Pero veamos cómo podemos utilizar ActionScript para desplazarnos de escena a escena.

Antes hemos mencionado las funciones prevScene () y nextScene (). Estos comandos

hacen que el cabezal de reproducción se desplace de una escena a otra en el orden en el

que se encuentran en el Panel Escena.

Pero existe otra posibilidad.

Según el ejemplo que estamos siguiendo creamos una nueva escena llamada

escena_otros. En el botón Otros Restaurantes hemos añadido el siguiente código:

on (reléase) {

GotoAndPlay ("escena_otros", 1);

}

Con esto estamos indicando que al soltarse el botón el cabezal se desplace al fotograma 1

de la escena escena_otros y empiece a reproducirse a partir de allí. Sencillo, ¿verdad?

1.10.4.1 ADICIÓN DE UNA ESCENA

Puede utilizar escenas en Flash para organizar el documento en secciones

independientes que pueden constar de contenido exclusivo de otras escenas. Creará y

añadirá contenido a una nueva escena.

1. Seleccione Insertar > Escena.


76

ITSA

Ya no puede ver la escena 1 y la escena 2 aparece ahora encima del escenario. El

escenario está vacío.

2. En el panel Biblioteca (Ventana > Biblioteca), arrastre el clip de película de

animación al escenario.

Con el clip de película seleccionado, utilice el inspector de propiedades para asignar a la

instancia una coordenada x 200 y una coordenada y 15. Presione Intro (Windows) o

Retorno (Macintosh).

El clip de película se desplaza a las coordenadas designadas del escenario.

3. Utilice el inspector de propiedades para asignar el nombre de instancia

animation_mc al clip de película de animación.

4. Asigne el nombre Animación a la capa 1.

Cree una capa y asígnele el nombre Botones. Arrastre una instancia del símbolo

BTNback al escenario y colóquelo a la derecha del clip de película.

5. Utilice el inspector de propiedades para asignar el nombre de instancia back_btn

al botón.

1.10.4.2 DESPLAZAMIENTO ENTRE ESCENAS

Puede desplazarse entre escenas en el entorno de edición seleccionando una escena en

el panel Escena.

1. Para abrir el panel Escena, seleccione Ventana > Otros paneles > Escena.

Seleccione la escena 1

1.10.4.3 TRABAJO CON ESCENAS

Para organizar un documento por temas, puede utilizar escenas. Por ejemplo, puede

utilizar escenas diferentes para una introducción, un mensaje de carga y los créditos.

Al publicar un documento de Flash que contiene más de una escena, las escenas del

documento se reproducen en el orden en el que aparecen en el panel Escena del

documento de Flash. Los fotogramas del documento se numeran de forma consecutiva

en todas las escenas. Por ejemplo, si un documento contiene dos escenas, cada una de

ellas con diez fotogramas, los fotogramas de la escena 2 estarán numerados del 11 al 20.

Puede añadir, eliminar, duplicar, cambiar el nombre y cambiar el orden de las escenas.


77

ITSA

Para detener un documento o hacer una pausa después de cada escena, o bien para

permitir que los usuarios vean el documento de manera no lineal, utilice las acciones.

1.11 ACCIONES Y BOTONES

1.11.1 ACTIONSCRIPT

ActionScript es el lenguaje de creación de scripts de Flash que permite añadir interactividad

compleja, control de reproducción y visualización de datos en un documento de Flash.

Puede añadir ActionScript dentro del entorno de creación de Flash con el panel Acciones o

crear archivos de ActionScript externos utilizando un editor externo.

No es necesario entender todos los elementos de ActionScript para empezar a crear scripts;

si parte de un objetivo claro, podrá empezar a crear scripts con acciones sencillas. Puede

incorporar nuevos elementos del lenguaje a medida que aprenda a utilizarlos para realizar

tareas más complejas.

Al igual que otros lenguajes de creación de scripts, ActionScript tiene sus propias reglas

sintácticas, reserva palabras clave, proporciona operadores y permite utilizar variables para

almacenar y recuperar información. ActionScript incluye funciones y objetos incorporados y

permite crear los suyos propios. Para más información sobre ActionScript, consulte

Aprendizaje de ActionScript 2.0 en Flash.

ActionScript se basa en la especificación ECMAscript (ECMA-262), el estándar internacional

del lenguaje de programación ECMAscript. ActionScript ofrece un subconjunto de las

funciones de ECMAscript. Para más información sobre ECMAscript, visite el sitio Web de

ECMA International en www.ecma-international.org.

También el popular lenguaje JavaScript tiene su base en este estándar. Por esta razón, los

desarrolladores acostumbrados a trabajar con JavaSript se encontrarán inmediatamente

familiarizados con ActionScript y no tendrán mayores problemas en aprender a utilizarlo.

1.11.2 AGREGAR ACCIONES

Cuando el usuario haga clic en el botón y se reproduzca la animación interpolada, haremos

que la cabeza lectora se mueva al final de la línea de tiempo de Animación de botón y se

detenga. Utilizará ActionScript para controlar el movimiento de la cabeza lectora en una línea

de tiempo.

1. Agregue una nueva capa a la línea de tiempo Animación de botón y asígnele el

nombre Acciones.

2. En la capa Acciones, añada un fotograma clave en el fotograma 15 pulsando F6.

3. Abra el panel Acciones (Ventana > Acciones) y, si es necesario, amplíelo para ver

la caja de herramientas Acciones y el panel Script.


78

ITSA

4. Con el fotograma 15 de la capa Acciones seleccionado, vaya a la categoría

Funciones globales > Control de la línea de tiempo de la caja de herramientas

Acciones y haga doble clic en stop.

La acción stop permite indicar que la cabeza lectora se detenga cuando llegue al fotograma

15.

En la línea de tiempo de Animación de botón, el fotograma 15 de la capa Acciones muestra

una a pequeña, que indica que se ha adjuntado una acción a ese fotograma.

5. Haga clic en la escena 1, situada encima del escenario, para salir del modo de

edición de símbolos y volver al documento principal.

6. Haga clic en el control del menú emergente situado en la esquina superior derecha

del panel Acciones, y seleccione Cerrar panel para cerrar el panel.

7. Seleccione Control > Habilitar botones simples para poder probar el botón

animado.

8. En el escenario, desplace el puntero por encima del botón y haga clic en el botón.

9. Seleccione Control > Habilitar botones simples para anular la selección de esta

función.

1.11.3 BOTONES

¿QUE ES UN BOTON?

Los símbolos de tipo Botón son los que aportan la mayor parte de la interactividad de las

películas Flash con aquel que la está visualizando. Un botón, en Flash, es igual que

cualquier botón de cualquier entorno informático, sea web o cualquier otro.

Son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo

una serie de acciones. También es habitual ver como este tipo de elementos reaccionan

cuando se les pasa el ratón por encima o cuando se les está pulsando, por ejemplo.

Pues bien, para conseguir los efectos interactivos que acabamos de mencionar en otros

lenguajes orientados a la web, que es el caso que nos ocupa, debemos crear programas

relativamente grandes. Esto es un inconveniente bastante grande ya que el uso de los

botones es una práctica muy habitual en el diseño en Internet. Sin embargo, en Flash no

ocurre así. Su interfaz está diseñada de manera especial para la creación de botones, lo

que nos permite crear todos estos efectos de una manera muy sencilla.

Al igual que los otros símbolos de Flash 8, los botones tienen su propia línea de tiempos.

Esta es independiente pero, sin embargo, está formada únicamente por cuatro fotogramas,

uno para cada estado posible del botón.


79

ITSA

Figura 61. Convertir en símbolo.

Reposo. Aspecto por defecto del botón, es decir, cuando el puntero del ratón no está

situado sobre él.

Sobre. Aspecto del botón cuando situamos el puntero sobre él.

Presionado. Apariencia que deseamos tenga nuestro botón mientras lo mantengamos

pulsado.

Zona activa. Aquí debemos indicar el área real en la que queremos que actúe nuestro

botón. Esto es importante sobre todo en botones compuestos sólo por texto como veremos

más adelante. Parece que la limitación de fotogramas podría implicar una limitación en la

capacidad de espectacularidad y utilidad de estos símbolos, pero no es así.

Los botones pueden contener a su vez otros símbolos, como clips o gráficos (también de

tipo Bitmap). La unión de las posibilidades de todos los símbolos dota a los botones de

gran espectacularidad.

1.11.3.1 CREACION DE UN BOTON

En la creación de un botón podemos considerar dos fases. En la primera vamos a

convertir nuestro objeto a símbolo de tipo botón y posteriormente veremos cómo

completarlo internamente, lo que nos ayudará a entender mejor dicha estructura.

Primeramente crearemos el objeto que representará el aspecto por defecto de nuestro

botón con las herramientas que nos ofrece Flash 8.

Seleccionaremos el objeto y accederemos al menú Insertar → Convertir en Símbolo, le

daremos el comportamiento Botón y asignaremos un nombre a nuestro nuevo símbolo.

Figura 62. Estados de los símbolos


80

ITSA

De esta forma ya tenemos transformado el objeto para que se comporte como un botón.

Para determinar cómo debe reaccionar el botón en función de las acciones del ratón, lo

editaremos haciendo clic con el botón derecho del ratón sobre nuestro nuevo botón y

seleccionando la opción Editar.

Cuando tengamos delante la línea de tiempos del botón (observa que tiene el aspecto

que hemos mostrado anteriormente), seleccionaremos cada uno de los frames (sobre,

reposo, presionado y zona activa) y pulsaremos F6 para crear un fotograma clave en

cada uno de ellos.

Figura 63.estados de los símbolos (reposo)

Ahora ya podemos modificar el aspecto inicial del botón para cada posición del cursor y

marcar el área de acción del botón (fotograma Hit) en la que simplemente podremos dejar

la misma figura que la inicial (en este caso sólo es importante la forma del objeto, no los

colores u otras cosas) o bien dibujar con las herramientas de dibujos de Flash una nueva

figura, en cuya superficie "se sentirá aludido" nuestro botón.

1.11.3.2 FORMAS EN LOS BOTONES

Los botones son símbolos que pueden tener multitud de formas. Si bien lo más habitual

es ver botones rectangulares, cuadrados y circulares, cuya creación es inmediata como

vimos en el punto anterior, también hay otros muchos tipos de botones que, pese a ser

menos utilizados, es muy habitual verlos en multitud de páginas web.

Entre estos están los creados mediante formas poligonales, aquellos que están

formados por texto únicamente, dibujos con diferentes motivos, etc. Es interesante su

uso para dar más vistosidad ya que algunos resultan más expresivos, y en esto Flash

nos ayuda mucho, debido a la relativa sencillez de creación de botones que sus

herramientas de dibujo nos ofrece.

Hay varias formas de botón también muy extendidas, como el botón con relieve sencillo o

los botones en forma de píldora. Puesto que existen muchas formas de conseguir estos

efectos, a continuación tienes un ejercicio paso a paso que muestra una forma de

conseguir el relieve en un botón rectangular.


81

ITSA

1.11.4 EL EXPLORADOR DE PELICULA

El explorador de películas permite ver y organizar fácilmente el contenido de un documento,

así como seleccionar los elementos del documento para su modificación. Contiene una lista

donde aparecen los elementos utilizados, organizados en una estructura de árbol jerárquica

por la que se puede desplazar. Puede filtrar las categorías de los elementos del documento

que desea que aparezcan en el explorador de películas seleccionando entre texto, gráficos,

botones, clips de película, acciones y archivos importados. Puede mostrar las categorías

seleccionadas como escenas, definiciones de símbolos o de ambas maneras. Y puede

expandir y contraer el árbol de navegación.

El explorador de películas ofrece numerosas funciones que permiten hacer más eficiente el

flujo de trabajo para crear documentos. Por ejemplo, puede utilizar el explorador de películas

para:

Buscar un elemento en un documento por su nombre.

Familiarizarse con la estructura de un documento de Flash creado por otro

desarrollador.

Buscar todas las instancias de un determinado símbolo o acción.

Imprimir la lista de visualización navegable que muestra el explorador de películas.

El explorador de películas tiene un menú de opciones y un menú contextual con opciones

que permiten realizar operaciones con los elementos seleccionados o modificar el aspecto

del explorador de películas. El menú de opciones se indica mediante una marca de

verificación con un triángulo debajo en la barra de título del explorador de películas.

Para acceder al explorador de películas:

Seleccione Ventana > Explorador de películas.

Para filtrar las categorías de elementos que se muestran en el explorador de películas

siga uno de estos procedimientos:

Para mostrar texto, símbolos, ActionScript, archivos importados o fotogramas y capas,

haga clic en uno o varios botones de filtrado situados a la derecha de la opción

Mostrar. Para personalizar qué elementos desea ver, haga clic en el botón

Personalizar. Seleccione las opciones que desee del área Mostrar del cuadro de

diálogo Configuración del Explorador de películas para ver estos elementos.

En el menú de opciones del explorador de películas, seleccione Mostrar elementos de

película para mostrar los elementos de las escenas.

En el menú de opciones del explorador de películas, seleccione Mostrar definiciones

de símbolo para mostrar información sobre los símbolos.


82

ITSA

Para buscar un elemento mediante el cuadro de texto Buscar:

En el cuadro de texto Buscar, introduzca el nombre del elemento, el nombre de la

fuente, la cadena de ActionScript o el número de fotograma. La función Buscar busca

en todos los elementos que muestra el explorador de películas.

Para seleccionar un elemento del explorador de películas:

Haga clic en el elemento del árbol de navegación. Haga clic con la tecla Mayús

presionada para seleccionar varios elementos.

La ruta completa del elemento seleccionado aparecerá en la parte inferior del explorador de

películas. Al seleccionar una escena del explorador de películas, aparecerá el primer

fotograma de dicha escena en el escenario. Al seleccionar un elemento del explorador de

películas, se seleccionará dicho elemento en el escenario, siempre que la capa que contiene

ese elemento no esté bloqueada.

Para utilizar los comandos del menú contextual o del menú de opciones del

explorador de películas:


o Para ver el menú de opciones, haga clic en el control del menú de opciones de la

barra de título del explorador de películas.

o Para acceder al menú contextual, haga clic con el botón derecho (Windows) o con

la tecla Control presionada (Macintosh) en un elemento del árbol de navegación

del explorador de películas.

2. Seleccione una opción del menú:

Ir a ubicación va a la capa, escena o fotograma del documento que se haya

seleccionado.

Ir a definición de símbolo va a la definición del símbolo seleccionado en el área

Elementos de película del explorador de películas. La definición de símbolo muestra

todos los archivos asociados con el símbolo. (Es necesario haber seleccionado la

opción Mostrar definiciones de símbolo. Consulte su definición en esta lista).

Seleccionar instancias de símbolo va a la escena que contiene las instancias del

símbolo seleccionado en el área Definiciones de símbolos del explorador de películas.

Es necesario haber seleccionado la opción Mostrar elementos de película.

Buscar en biblioteca resalta el símbolo seleccionado en la biblioteca del documento;

Flash abre el panel Biblioteca si no está visible.

Cambiar nombre permite introducir un nuevo nombre para el elemento seleccionado.

Editar en contexto permite editar un símbolo seleccionado en el escenario.


83

ITSA

Editar en nueva ventana permite editar un símbolo seleccionado en una nueva

ventana.

Mostrar elementos de película muestra los elementos del documento, organizados

en escenas.

Mostrar definiciones de símbolo muestra todos los elementos asociados con un

símbolo.

Copiar todo el texto en el portapapeles copia el texto seleccionado en el

portapapeles. Puede pegar el texto en un editor de texto externo para modificarlo o

bien para corregir su ortografía.

Cortar, Copiar, Pegar y Borrar realizan estas conocidas funciones con el elemento

seleccionado. Al modificar un elemento en la lista de visualización, también se

modifica el elemento correspondiente en el documento.

Expandir rama expande la rama del árbol de navegación correspondiente al elemento

seleccionado.

Contraer rama contrae la rama del árbol de navegación correspondiente al elemento

seleccionado.

Contraer otras contrae las ramas del árbol de navegación que no contienen el

elemento seleccionado.

Imprimir imprime la lista de visualización jerárquica que muestra el Explorador de

películas.

1.12 SONIDOS Flash nos permite insertar cualquier sonido que queramos en nuestras películas (.wav, .aiff y

.mp3) de forma fácil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre

y cuando se descargue junto con nuestra película.

Podemos dar a la película efectos simples (el típico "clic" al pulsar un botón), efectos complejos

(música de fondo) e incluso podemos hacer que la animación se desarrolle conjuntamente con

una música (si bien esto último necesitaría que toda la película estuviera descargada

previamente, para evitar "atascos" durante el desarrollo de la animación). En definitiva, Flash

nos lo vuelve a poner fácil.

1.12.1 AÑADIR SONIDOS A LAS PELÍCULAS

Si alguna vez habéis intentado añadir un sonido a vuestra animación Flash probablemente

os hayáis llevado una gran decepción, no conseguirlo. Esto se debe a que no se tiene en

cuenta que para poder emplear un objeto en nuestra película, o bien lo creamos nosotros

(como llevamos haciendo hasta ahora) o bien lo conseguimos de cualquier otro modo y lo

insertamos en nuestra película.


84

ITSA

A esto último se le llama "Importar" y se puede hacer con sonidos, gráficos, e incluso con

otras películas Flash. Importar por tanto, no es más que decirle a Flash que añada un

determinado archivo a nuestra película, para que podamos usarlo cuando queramos. En

realidad, lo añade a nuestra Biblioteca, que es el Panel en el que están todos los objetos

que participan en la película (este Panel se verá más adelante).

Así pues si queremos manejar un sonido en nuestra película, deberemos importarlo

previamente. Una vez esté importado, podremos usarlo con total libertad. Para importar un

sonido haz clic en el menú Archivo → Importar → Importar a biblioteca.

Figura 64.Importar sonido a biblioteca

Se abrirá el cuadro de diálogo de Importar a biblioteca. Allí deberás seleccionar en Tipo

de archivo Todos los formatos de sonido. Navega por las carpetas hasta encontrar el

archivo de audio que quieras incluir en tu película. Selecciónalo haciendo clic sobre él y

haz pulsa el botón Aceptar. El sonido estará listo para usarlo donde quieras, podrás

encontrarlo en la Biblioteca (menú Ventana → Biblioteca).

1.12.1.1 PROPIEDADES DE LOS SONIDOS

Flash 8 todo lo referente a los sonidos lo podemos editar desde el Panel Propiedades.

Aquí tenemos todo lo necesario para insertar, modificar y editar el sonido que

acabamos de importar. Si no hemos importado ningún sonido, nos daremos cuenta de

que no podemos seleccionar nada en dicho panel, basta insertarlo para que esto

cambie.

Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en

algún fotograma de nuestra película, tras hacer esto, el Panel Propiedades toma el

siguiente aspecto:


85

ITSA

Figura 65. Propiedades

1.12.2 SINCRONIZAR LOS SONIDOS

La opción de flujo sincroniza el sonido con el o los objetos con los que esté asociado, por

tanto, si la carga de la película es lenta y las imágenes no fluyen adecuadamente, el sonido

se detendrá para sincronizarse con ellas. Este efecto puede dar la sensación de que la

película se corta de un modo muy brusco (pensar en que se considera normal que una

imagen tarde en cargarse, pero si se detiene un sonido mientras se reproduce, produce una

reacción muy negativa en los que pueden estar viendo nuestra película).

Por otra parte, es un efecto muy adecuado para algunas situaciones, por ejemplo, el efecto

de que un personaje hable durante una película. En esta situación, es muy recomendable

que el sonido y las imágenes estén sincronizados.

1.12.3 OTROS EFECTOS DE SONIDO

Flash no fue creado como un editor de sonidos, por lo que su potencia en este campo es

limitada. Aún así, los efectos que permite aplicar de un modo sencillo suelen ser suficientes

para cualquier animación que queramos realizar. Disponemos de estos efectos:

Canal Izquierdo: El sonido tan sólo se escuchará por el altavoz izquierdo.

Canal Derecho: El sonido tan sólo se escuchará por el altavoz derecho.

Desvanecimiento de izquierda a derecha: El sonido se reproduce inicialmente en el

altavoz izquierdo para luego pasar al derecho.

Desvanecimiento de derecha a izquierda: El sonido se reproduce inicialmente en el

altavoz derecho para luego pasar al izquierdo.

Aumento Progresivo: El volumen de nuestro sonido aumenta progresivamente.

Desvanecimiento: El volumen de nuestro sonido disminuye progresivamente.

Personalizado: Esta opción nos permite "editar" el sonido de un modo rápido y sencillo.

Desde este editor podemos decidir qué volumen tendrá nuestro sonido y en qué altavoz.

Podemos crear los efectos anteriores ajustándolos a nuestro gusto y podemos crear efectos

más complejos a nuestra medida.


86

ITSA

Esta es la apariencia del Panel Personalizar Sonido. La parte superior representa el canal

izquierdo y la parte inferior el canal derecho. Entre las 2 partes hay una línea de tiempo

que nos indica el tiempo de sonido transcurrido en cada punto.

Las líneas grises representan el volumen del sonido y haciendo clic en ellas podemos

configurar este volumen.

En el ejemplo, el canal izquierdo se reproduce normalmente (pues el volumen está al

máximo), pero el canal derecho empieza en silencio, para poco a poco alcanzar el volumen

normal (este efecto equivaldría a un Aumento Progresivo en el canal derecho).

Figura 66. Panel personalizar sonido

1.13 PUBLICACION E IMPRESIÓN

1.13.1 COMPROBAR LA VELOCIDAD DE CARGA

El peso en KB de una película FLASH viene determinado por la suma del peso de todos los

fotogramas que la componen. El peso de cada fotograma está en función de su contenido.

Para poder ver una representación gráfica de los fotogramas puede utilizarse el Creador de

perfil para ancho de banda. Se activa cuando se está probando una película (desde el menú

control o por teclas Ctrl + Intro) con la combinación de teclas Ctrl + B. El gráfico de barras

muestra el peso en KB por cada fotograma de película.

Esta opción permite comprobar cómo se comportaría la película en función de la capacidad

de transferencia por segundo del módem del usuario (33 K, 56 K...) El tipo de módem se

escoge desde el menú Depurar, y para empezar a ver cómo sería la carga hay que activar la

opción Mostrar flujo del menú Ver.

Otra manera de controlar el peso en KB (tamaño) de una película es activar la opción

generar informe de tamaño en la pestaña de propiedades de publicación de ficheros FLASH.

Si se activa esta opción, FLASH generará en el disco duro un informe donde se detallan los

pesos en KB por fotograma, objeto, sonido, tipo de letra... que se incluya en la película. Muy

útil para detectar elementos que generan más peso del deseado.


87

ITSA

1.13.2 PUBLICAR Y EXPORTAR

FLASH presenta diferentes vías para publicar y exportar los contenidos. Principalmente está

enfocado a la creación de contenidos multimedia para Internet, pero también permite

exportar a ficheros autoejecutables (EXE), películas de vídeo (AVI, Quicktime...), mapas de

bits (JPG, BMP, GIF...). Cada formato tiene sus pros y sus contras, por lo que es interesante

tener claro desde un principio cuál es el objetivo de nuestras creaciones.

1.13.2.1 PUBLICACIÓN DE PELÍCULAS FLASH

Para publicar correctamente las películas es recomendable haberlas guardado primero

en alguna carpeta del disco duro. De esta manera los ficheros publicados adoptarán el

mismo nombre y ubicación.

La publicación se gestiona desde el menú Archivo, donde disponemos de tres opciones.

· Configuración de publicación: Permite escoger los formatos de salida que se utilizan.

Para cada formato seleccionado aparecerá una pestaña donde definir sus propiedades.

· Pre visualización de publicación: Abrir directamente un formato concreto para ver cómo

está quedando.

· Publicar: Generar los ficheros publicados directamente en el disco duro.

Para exportar formatos más concretos pueden utilizarse las opciones Exportar película

y Exportar imagen.

1.13.2.2 PUBLICAR EN FORMATO HTML

Las películas FLASH se exportan en formato SWF y necesitan una página HTML para

poder ser visualizadas. Desde FLASH puede generarse automáticamente el HTML que

permitirá contener las películas SWF.

Las propiedades del HTML se ajustan desde la pestaña HTML de la opción Configuración

de publicación, del menú Archivo. Para generar el archivo puede pulsarse el botón

Publicar.

FLASH permite realizar páginas autoescalables; es decir, que sea cual sea el tamaño de

la ventana, la película se readaptara para ocupar siempre toda la ventana. Para activar

esta opción es necesario hacerlo también con Dimensiones a porcentaje, y si es

necesario puede adaptarse el porcentaje de anchura por altura que debe cubrir.


88

ITSA

1.13.2.3 SUBIR LOS FICHEROS A INTERNET

Para que los archivos sean visibles desde Internet es necesario disponer de algún

servidor que ofrezca servicios de hospedaje. Hoy en día es fácil conseguir hospedaje

gratuito en multitud de servidores (Terra, Eresmas, Geocities...).

Para subir (copiarlos) los ficheros al servidor es necesario un programa de FTP. Dicho

programa es el encargado de establecer una conexión y copiar los ficheros en el disco

duro del servidor, momento a partir del cual las páginas ya serán visibles en la red.

De las siguientes direcciones se puede descargar un programa de FTP:

www.softonic.com

www.tucows.com

www.download.com

1.13.2.4 EXPORTAR PELÍCULAS INDEPENDIENTES

Con FLASH pueden generarse ficheros independientes (formato EXE) que ya incorporan

el reproductor para así poder distribuir las creaciones en un disco, CD-ROM o

sencillamente enviarlas por e-mail.

En el caso de que la creación FLASH esté compuesta por una película principal que

carga a otras en diferentes niveles, sólo es necesario exportar como EXE la principal.

Para publicar películas en formato EXE es necesario activar la opción en la pestaña

Formatos de la Configuración de publicación, y publicar la película.

Mediante la acción de Action Script FScommand puede forzarse el reproductor

independiente para que realice determinadas tareas.

· Reproducción a pantalla completa: FScommand (fullscreen, true).

· Ocultar el menú de FLASH: FScommand (showmenu, false).

· Permitir reescalado al tamaño del reproductor: FScommand (allowscale, true).

· Cerrar el reproductor: FScommand (quit).

Las acciones pueden ser disparadas cuando la película llegue a un fotograma concreto o

bien colocarlas dentro del evento de un botón.


89

ITSA

1.14 PRACTICAS DE MACROMEDIA FLASH 8

PRACTICA 1. COMO CREAR UN DEGRADADO

PASO 1.- Comenzamos por crear un objeto. Por ejemplo un rectangulo, hacemos clic en la Herramienta rectangulo, que se encuentra en el panel de herramientas.

PASO 2.- Dibujamos el rectangulo, ya tenemos un objeto cuyo relleno es de un unico color, veamos como convertir este relleno en un degradado de varios colores.


90

ITSA

PASO 3.- Hacemos clic en la herramienta selección.

PASO 4.- Seleccionamos el relleno que después modificaremos.


91

ITSA

PASO 5.- Ahora accedemos al menú ventana y seleccionamos Mezclador de colores.

PASO 6.- El panel del mezclador de colores se abre, ya podemos trabajar con él.


92

ITSA

PASO 7.- Hacemos clic en la pestaña que determina el tipo de relleno.

PASO 8.- Y seleccionamos lineal (Degradado lineal).


93

ITSA

PASO 9.- Ahora editaremos los colores que formarán el degradado. Hacemos clic sobre el primer marcador de color. Y selecciona el color que desee.

PASO 10.- Repetimos el proceso para el segundo marcador y selecciona el color que desee.

PASO 11.- Y ya tenemos un relleno formado por un degradado que contiene los colores que hemos decidido.


94

ITSA

PRACTICA 2. COMO UTILIZAR LA HERRAMIENTA CUENTA GOTAS

PASO 1.- Insertamos un rectángulo en el escenario del color que deseamos.

PASO 2.- Después insertamos un circulo de diferente color para posteriormente con la herramienta cuenta gotas cambiar el relleno del objeto.


95

ITSA

PASO 3.- Después seleccionamos el círculo con la herramienta selección y damos un clic en el círculo para seleccionarlo.

PASO 4.- Seleccionamos la herramienta cuanta gotas.


96

ITSA

PASO 5.- Una vez seleccionada la herramienta cuenta gotas damos un clic sobre el rectángulo, teniendo el circulo seleccionado esto para que al momento de dar clic se modifique el color del circulo. Y por ultimo tenemos nuestro objeto modificado.


97

ITSA

PRACTICA 3. INTERPOLACION DE MOVIMIENTO

PASO 1.- Insertamos un objeto o imagen a nuestro escenario.

PASO 2.- Insertamos un fotograma clave en el fotograma 60 de nuestra línea del tiempo.


98

ITSA

PASO 3.- Luego nos posicionamos en el primer fotograma y creamos interpolación de movimiento.


99

ITSA

PASO 4.- De nuevo nos posicionamos en el primer fotograma y seleccionamos nuestro objeto.

PASO 5.- Después nos posicionamos en el fotograma 60 y movemos nuestro objeto a dicho fotograma.


100

ITSA

PASO 6.- Y al final publicamos nuestro objeto con la interpolación creada.


101

ITSA

PRACTICA 4. CREAR UN CLIP DE PELICULA

PASO 1.- Insertamos un objeto a nuestro escenario, en este caso insertamos una estrella con la herramienta Polystar.


102

ITSA

PASO 2.- Después damos clic sobre la figura con el botón secundario de nuestro mouse, enseguida se mostrara un menú del cual seleccionaremos la opción convertir en símbolo.

PASO 3.- Damos un clic en convertir a símbolo y nos mostrara la siguiente ventana, en la cual se seleccionará la opción de clip de película y tendrá la opción de cambiarle el nombre en este caso la llamaremos estrella y le damos aceptar.

PASO 4.- Para entrar a la escena de nuestro clip de película dar doble clic al objeto previamente seleccionado, una vez que ya entramos nos muestra el clip de nuestra escena.


103

ITSA

PASO 5.- Ya que estamos dentro de nuestra escena insertamos fotogramas claves para cambiar el color de nuestro objeto. Por ejemplo en el fotograma 10 insertamos un fotograma clave, la inserción de los fotogramas va a depender de la animación o del cambio de color que usted desee darle a su objeto.


104

ITSA

PASO 6.- Para cambiarle el color a nuestro objeto nos posicionamos en el primer fotograma de la línea del tiempo de nuestro clip de película y ahí cambiamos el color del objeto, esto será también para todos los fotogramas que haya insertado.

PASO 7.- Una vez que ya haya cambiado los colores de su objeto para salir del clip de película tiene que dar un clic en escena1.

PASO 8.- Ya que terminamos nuestro clip de película lo publicamos y veremos nuestra animación.


105

ITSA

PRACTICA 5. COMO INSERTAR GUIAS

PASO 1.- Insertamos una imagen al escenario

PASO 2.- Le cambiamos el nombre a nuestra capa, para cambiar el nombre a la capa solo tienes que posicionarte sobre la capa y le das doble clic, el cual te permitirá cambiar de nombre.


106

ITSA

PASO 3.- Después inserto la guía de la capa, para insertar la guía dar doble clic en añadir guía de movimiento y la guía aparecerá encima de la capa de nuestro círculo.

PASO 4.- Inserto fotogramas clave en la capa y en la capa de la guía.


107

ITSA

PASO 5.- Luego me posiciono en el primer fotograma de la capa guía y selecciono la herramienta Lápiz y comienzo a realizar la guía por donde va a pasar mi objeto.

PASO 6.- Luego en el fotograma 1 de la capa de círculo crear interpolación de movimiento.


108

ITSA

PASO 7.- Una vez creada la interpolación de movimiento mover nuestro objeto al final de la guía, para que al momento de la publicación nuestro objeto recorra toda la guía.


109

ITSA

PASO 8.- Al final obtendremos la publicación de nuestro ejercicio de guías.

PRACTICA 6. CREAR UN BOTON

PASO 1.- Para crear un botón insertamos un rectángulo del color que desee en el área de trabajo.


110

ITSA

PASO 2.- Después le agregamos texto a nuestro botón, con la herramienta texto la encontramos en el panel de herramientas.

PASO 3.- Para convertir nuestro objeto en un botón, los seleccionamos con la herramienta de Selección y con el botón secundario damos clic y elegimos la opción convertir a símbolo.


111

ITSA

PASO 4.- Una vez convertido en símbolo nos muestra otra ventana en la cual elegimos convertir a símbolo BOTON y le cambiamos el nombre y le damos aceptar.

PASO 5.- Para entrar a los estados de nuestro botón le damos doble clic.

PASO 6.- Una vez que ya hayamos entrado a los estados de nuestro botón procedemos a insertar fotogramas claves a cada uno de ellos.


112

ITSA

PASO 7.- Ya que estamos dentro de los estados de nuestro botón procedemos a realizar las animaciones que desee. Por ejemplo en el estado de sobre podemos hacer que nuestro botón cambie de color y en presionado que su tamaño cambie.


113

ITSA

PASO 8.- Para salir de los estados de nuestro botón le damos en escena 1. PASO 9.- Ahora veremos nuestro botón publicado. Cuando estamos sobre del botón:

Cuando presionamos nuestro botón:


114

ITSA

PRACTICA 7. COMO INSERTAR CUADRICULA AL ESCENARIO

PASO 1.- Para insertar una cuadricula a nuestro escenario nos vamos al menú ver, cuadrícula y elegimos mostrar cuadrícula.


115

ITSA

PASO 2.- Una vez que ya elegimos la opción mostrar cuadrícula nuestro escenario se vera de la siguiente forma:

PASO 3.- Para cambiar el tamaño de la cuadricula nos vamos al menú ver, cuadrícula y elegimos editar cuadrícula.

PASO 4.- Ya que elegimos la opción de editar cuadrícula nos mostrara la siguiente ventana la cual nos va a permitir cambiar el color de fondo, el tamaño y ajuste de la cuadrícula.


116

ITSA

PASO 5.- Así queda la cuadrícula cuando la editamos.


117

ITSA

PRACTICA 8. IMPORTAR UNA IMAGEN A LA BIBLIOTECA

PASO 1.- Para importar una imagen a la biblioteca seleccionamos, en el menú archivo, importar e importar a la biblioteca.


118

ITSA

PASO 2.- Una vez que elegimos la opción importar a la biblioteca nos muestra otra ventana (importar a biblioteca) en la cual especificamos la ruta de donde vamos a tomar la imagen para importarla a nuestra biblioteca, la elegimos y le damos aceptar.

PASO 3.- Posteriormente veremos nuestra imagen en el panel de la biblioteca.

PASO 4.- Ahora arrastra al escenario la imagen que importamos a la biblioteca. Y ahí tenemos la imagen que importamos a nuestra biblioteca.


119

ITSA

PRACTICA 9. COMO INSERTAR UNA IMAGEN AL ESCENARIO

PASO 1.- Para insertar una imagen al escenario, seleccionamos en el menú archivo, importar e importar a escenario.


120

ITSA

PASO 2.- Una vez que elegimos la opción importar a escenario nos muestra una ventana (importar) en la cual vamos a elegir la imagen para importarla al escenario.

PASO 3.- Ahora nuestra imagen fue importada directamente al escenario, también aparece en el panel de la biblioteca pero en esta ocasión no tuvimos que arrastrar la imagen desde la biblioteca sino que directamente la importo al escenario.


121

ITSA

PRACTICA 10. IMPORTAR SONIDO A LA BIBLIOTECA

PASO 1.- Para importar un sonido a la biblioteca seleccionamos, en el menú archivo, importar e importar a la biblioteca.


122

ITSA

PASO 2.- Una vez que elegimos la opción importar a la biblioteca nos muestra otra ventana (importar a biblioteca) en la cual especificamos la ruta de donde vamos a tomar el sonido para importarlo a la biblioteca.

PASO 3.- Una vez que importamos el sonido a la biblioteca lo arrastramos al igual que las imágenes para ponerlo sobre el escritorio, como podemos ver el archivo de sonido ya fue importado a la biblioteca, y para darnos cuenta de que el sonido si fue puesto en el escenario observemos nuestra capa, la cual indica que el sonido fue importado a nuestro escenario.


123

ITSA

PRACTICA 11. COMO PUBLICAR DOCUMENTOS EN FLASH

PASO 1.- Para publicar documentos en flash en el menú archivo elegimos la opción de configuración de la publicación.


124

ITSA

PASO 2.- Ahora elegimos configuración de la publicación y nos muestra otra ventana en la cual podemos seleccionar los formatos de la configuración de la publicación que usted desee.

PRACTICA 12. COMO CONFIGURAR EL AREA DE TRABAJO

PASO 1.- En propiedades elegimos propiedades del documento.


125

ITSA

Por ejemplo: Ahí en las propiedades del documento podemos agregar un titulo, una descripción, así como también le podemos cambiar las dimensiones, el color de fondo y la velocidad de fotogramas.

PASO 2.- Ahora tenemos el área de trabajo configurada según las especificaciones que le agregamos.


126

ITSA

PRACTICA 13. SELECCIONANDO OBJETOS

PASO 1. Insertamos un círculo del color de relleno y de línea que desee.


127

ITSA

PASO 2. Con la herramienta selección seleccione el relleno del círculo.

PASO 3. Con la herramienta selección, seleccione el contorno del Círculo.

Nota: Como podemos observar los objetos los podemos seleccionar en forma separada, se puede seleccionar el relleno del objeto así como también el contorno o línea del objeto.

PRACTICA 14. APLICAR TRANSPARENCIA A LOS OBJETOS

PASO 1. Insertar un objeto al escenario y aplicarle el tamaño y color que guste.


128

ITSA

PASO 2. Convertir en gráfico el objeto. Para convertir a gráfico damos clic con el botón secundario sobre la figura y elegimos gráfico.

PASO 3. Ya que nuestro objeto esta convertido en gráfico, en las propiedades elegimos color y ahí elegimos alfa.


129

ITSA

PASO 4. Ahora tenemos aplicada la transparencia de color alfa en nuestro objeto.

PRACTICA 15. TRABAJAR CON CAPAS


130

ITSA

PASO 1. Comenzamos por insertar una nueva capa, hacemos clic en el botón nueva capa.

PASO 2. Queda insertada una nueva capa cuyo nombre es capa 2, si insertáramos otra nueva capa flash la llamara capa 3, según las capas que desee insertar.

PASO 3. Cambiar el nombre a la capa. Para cambiar el nombre a la capa, se da doble clic sobre capa 1 para editar el nombre de está.


131

ITSA

PASO 4. Eliminar capa. Para eliminar una capa, se selecciona la capa y después dar un clic en el

icono que se encuentra debajo de las capas.

CUESTIONARIO


132

ITSA

1.- ¿QUE ES FLASH?

Flash es la herramienta perfecta para los diseñadores de páginas Web, profesionales d medios interactivos o personas especializadas que desarrollen contenido multimedia.

2.- ¿COMO CREAR UN DOCUMENTO NUEVO?

1.- Seleccione Archivo > Nuevo.

2.- En la ficha General, seleccione Documento de Flash.

Para crear un documento nuevo con el botón Nuevo archivo (sólo en Windows):

1.- Haga clic en el botón Nuevo archivo de la barra de herramientas principal para crear un

documento nuevo del mismo tipo que el último documento creado.

3.- ¿COMO ABRIR UN DOCUMENTO EXISTENTE?

1. Seleccione Archivo > Abrir.

2. En el cuadro de diálogo Abrir, busque el archivo o introduzca la ruta del mismo en el

cuadro de texto Ir a.

3. Haga clic en Abrir.

4.- ¿PARA QUE SIRVE LA SECCION DE HERRAMIENTAS?

Este conjunto de herramientas nos permiten dibujar y manipular las formas u objetos creados sobre el escenario.

5.- ¿PARA QUE SIRVE LA SECCION DE VER?

Este grupo nos ayuda a controlar la visualización del escenario, incluidos su posición y su nivel de ampliación.

6.- ¿PARA QUE SIRVE LA SECCION DE COLORES?

Este grupo sirve para configurar los colores de trazo (línea) y de relleno de las formas.

7.- ¿PARA QUE SIRVE LA SECCION DE OPCIONES?

Los botones que ofrece este grupo varían en función de la herramienta que hayamos seleccionado, y permiten configurar el funcionamiento de la herramienta. Como técnicamente no se trata de un grupo independiente, sino más bien de una Subselección de cada herramienta, las opciones disponibles en él se explicaran al mismo tiempo que la herramienta a la que se están asociadas

8.- ¿PARA QUE SE UTILIZA LA HERRAMIENTA LINEA?

La herramienta Línea se utiliza para dibujar líneas rectas entre dos puntos del escenario. Simplemente tenemos que seleccionar la herramienta, hacer clic sobre el punto inicial de la recta y, sin soltar el botón del ratón, arrastrarlo hasta el punto final

9.- ¿QUE OPCIONES DISPONE LA HERRAMIENTA LINEA?


133

ITSA

Dibujo de objetos: Esta opción, nos permite crear Dibujos de objetos directamente sobre el

escenario (su método abreviado de tecla es J).

Ajustar a objetos: De un modo similar a como ocurría con la herramienta Flecha, en este caso esta

opción procura ajustar el punto final de la línea a los objetos que ya existen sobre el escenario, en

función de la distancia que exista a ellos cuando soltemos el botón del ratón.

10.- ¿PARA QUE SIRVE LA OPCION DE COLOR DE TRAZO?

Establece el color o degradado del trazo. Es equivalente a la opción correspondiente de la sección Color del panel de herramientas.

11.- ¿PARA QUE SIRVE LA OPCION DE ALTURA DE TRAZO?

Establece el grosor del trazo, que puede variar entre .25 y 200, siendo el último el más grueso.

12.- ¿PARA QUE SIRVE LA OPCION DE ESTILO DE TRAZO?

Esta opción ofrece varios estilos predefinidos que podemos aplicar al trazo. A continuación se incluye una lista de estos estilos:

Fino: Estos trazos mantienen siempre un grosor de un píxel, independientemente de cuánto se

modifique su escala. Es el único estilo que no se ve afectado por los cambios de escala.

Sólido: Es el estilo de trazo predeterminado, y ofrece como opciones para el color, el grosor y la

unión entre trazos.

Discontinuo: Este estilo crea trazos compuestos por rayas. Permite modificar la longitud de las

rayas y de los espacios entre ellas pulsando el botón Personalizado. Por su puesto, también pueden

modificarse su color, grosor y estilo de unión.

De puntos: Este estilo crea trazos con puntos equidistantes. Además de los atributos generales de

cualquier trazo, en este caso también podemos configurar la distancia entre los puntos.

Dentado: Este estilo crea trazos irregulares mediante líneas ondulados y pequeños puntos.

Podemos configurar el patrón, la altura y la longitud de las ondas.

Punteado: Este estilo crea trazos similares a los que obtendrían con un bolígrafo. Están compuestos

por diminutivos puntos que pueden ser configurados en tamaño, variación y densidad.

Con sombra: Este estilo crea trazos compuestos por pequeñas líneas que procuran emular un

efecto de sombra. En este caso podemos configurar el grosor (que no es lo mismo que la altura del

trazo), el espacio, el vaivén, el giro, la curvatura, además de las opciones normales.

13.- ¿PARA QUE SIRVE LA OPCION DE PERSONALIZADO?

Este botón nos permite crear nuestros propios estilos de trazado mediante el cuadro de diálogo que muestra la figura.

14.- ¿PARA QUE SIR VE LA OPCION DE EXTREMO?

Esta opción controla la forma del final de la línea. Podemos elegir entre Ninguno para que la línea termine en seco en el punto final, o Redondeado o Cuadrado para ampliar la longitud del trazo más allá del punto final.

15.- ¿PARA QUE SIRVE LA OPCION DE SUGERENCIAS DE TRAZO?


134

ITSA

Al activar esta casilla, se introducen sutiles modificaciones en los puntos de curvatura y anclaje de la línea para evitar que aparezca borrosa.

16.- ¿PARA QUE SIRVE LA OPCION DE ESCALA?

Esta opción controla el comportamiento del trazo frente a cambios de escala. Posee las siguientes opciones:

Normal: Siempre modifica el grosor de la línea. Es la opción predeterminada.

Ninguna: Nunca modifica el grosor de la línea.

Vertical: No modifica el grosor de la línea cuando sólo se altera su escala vertical.

Horizontal: No escala el grosor de la línea cuando se altera su escala horizontal

17.- ¿PARA QUE SE UTILIZA LA OPCION DE UNION?

Esta opción controla los vértices de intersección entre líneas. Podemos elegir entre Redondeada, Angular o Bisel.

18.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA OVALO?

La herramienta Óvalo sirve para dibujar formas circulares.

19.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA RECTANGULO?

La herramienta Rectángulo sirve para dibujar formas rectangulares.

20.- ¿PARA QUE NOS SIRVE LA HERRAMINETA POLYSTAR?

La herramienta PolyStar sirve para dibujar polígonos regulares de varios lados o estrellas de varias puntas. Para activar esta herramienta, haga clic y mantenga el ratón pulsado sobre la herramienta Rectángulo en el panel de herramientas.

21.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA LAPIZ?

La herramienta Lápiz sirve para dibujar líneas, pero a diferencia de la herramienta Línea que diferencia líneas de punto a punto, la herramienta Lápiz funciona de un modo más similar a un lápiz real.

22.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA PLUMA?

La herramienta Pluma se utiliza tanto para dibujar líneas rectas como curvadas

23.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA DE SUBSELECCION?

Esta herramienta es similar a la anterior, excepto porque está especialmente diseñada para seleccionar puntos vectoriales. A diferencia de la herramienta Selección, la herramienta Subselección no posee opciones.

24.- ¿PARA QUE SE UTILIZA LA HERRAMIENTA DE CUBO DE PINTURA?

La herramienta Cubo de pintura se utiliza para cambiar la configuración de los rellenos de las formas que hemos creado sobre el escenario. Solo tenemos que seleccionar el color o degradado que queremos aplicar y hacer clic sobre una forma par aplicárselo.


135

ITSA

25.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA TRANSFORMACION DE

RELLENO?

La herramienta Transformación de relleno sirve para ajustar los degradados y los rellenos con imágenes de tipo mapa de bits que se utilizan en las formas del escenario

26.- ¿PARA QUE SE UTILIZA LA HERRAMIENTA TEXTO?

Esta herramienta sirve para crear manualmente cuadros de texto sobre el escenario. Para crear un cuadro de texto tenemos que hacer clic aproximadamente en la posición en la que nos interesa que se encuentre su vértice superior izquierdo y, sin soltar el botón del ratón, arrastrarlo diagonalmente hacia abajo y a la derecha.

27.- ¿CUALES SON LOS TIPOS BASICOS DE CUADRO DE TEXTO?

Texto estático: El contenido de estos campos de texto sólo se puede modificar en tiempo de

edición.

Texto dinámico: El contenido de estos campos de texto se puede modificar tanto en tiempo de

edición como en tiempo de ejecución, utilizando las propiedades text o var.

Introducción de texto: El contenido de estos campos de texto, al igual que el de los dinámicos, se

puede modificar tanto en tiempo de edición como en tiempo de ejecución. Pero además, el usuario

también puede introducir texto en ellos en tiempo de ejecución.

28.- ¿QUÉ ES ACTIONSCRIPT?

El actionscript es un modelo común para crear programas orientados a objetos

29.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA PINCEL?

La herramienta Pincel sirve para pintar el escenario, como si fuera una brocha. A diferencia de la herramienta Lápiz, las opciones de color de la herramienta Pincel se controlan a través de los ajustes del

relleno.

30.- ¿QUÉ ES UN BOTÓN?

Los botones son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo una serie de acciones.

31.- ¿QUE OPCIONES OFRECE LA HERRAMIENTA BORRADOR?

Borrador normal: Opción predeterminada que afecta a trazos y rellenos.

Borrador relleno: Al borrar con esta opción, no afectamos a los trazos, solo a los rellenos.

Borrar líneas: Es justo la opción contraria a la anterior; esta opción afecta a los trazos pero no a los

rellenos.

Borrar rellenos seleccionados: Esta opción afecta solo a las zonas de relleno que estén

seleccionadas.

Borrar dentro: Esta opción solo borra el relleno de la forma sobre la que empezamos a utilizarla.


136

ITSA

32.- ¿PARA QUE SE UTILIZA LA HERRAMIENTA MANO?

Utilice la herramienta Mano para arrastrar el escenario de modo que se visualicen ciertas zonas que previamente pudieran estar ocultas por el elevado nivel de ampliación.

33.- ¿PARA QUE NOS SIRVE LA HERRAMIENTA ZOOM?

La herramienta es muy útil cuando necesitamos crear dibujos muy detallados.

34.- ¿PARA QUE NOS SIRVE LA HERAMIENTA LAZO?

La herramienta Lazo es otra herramienta de selección que ofrece mayor precisión que la herramienta selección. Simplemente tenemos que activarla y dibujar una forma que incluya los elementos que queremos seleccionar; asegúrese de cerrar esta forma antes de soltar el botón del ratón para evitar selecciones extrañas.

35.- ¿PARA QUE SE USA EL PANEL MEZCLADOR DE COLORES?

El Panel Mezclador de Colores, como su nombre indica se usa para fabricar nuestros propios colores y para seleccionar los que más nos gusten. Para seleccionar un color determinado, bastará con hacer clic en las pestañas que se encuentran junto a los iconos de las Herramientas de Lápiz y de Bote de Pintura.

36.- ¿EN QUE CONSISTE EL TIPO DE RELLENO SOLIDO?

Consiste en un relleno formado por un solo color.

37.- ¿EN QUE CONSISTE EL TIPO DE RELLENO DEGRADADO LINEAL?

Es un tipo especial de relleno, de modo que un color se degrada hasta convertirse en otro. Puede ir de arriba abajo o de un lado al otro.

38.- ¿CUÁLES SON LOS ESTADOS DE UN BOTÓN?

Los estados de un botón son reposo, sobre, presionado y zona activa

39.- ¿QUÉ NOS PERMITE LA UTILIZACIÓN DEL EXPLORADOR DE PELÍCULAS?

El explorador de película nos permite ver y organizar fácilmente el contenido de un documento, así como

seleccionar los elementos del documento para su modificación.

40.- ¿QUÉ NOS INDICA LA ACCIÓN STOP?

La acción stop nos indica que la cabeza lectora se detendrá cuando llegue al fotograma.

MESOGRAFÍA:


137

ITSA

http://www.aulaclic.es/flash8/index.htm http://www.emagister.com/manual-macromedia-flash-cursos-1083047.htm Ayuda de Macromedia Flash 8