TUTORIAL

MACROMEDIA FLASH MX

Leccin 1

Introduccin

Macromedia Flash MX es la herramienta estndar de edicin profesional para la creacin

de publicaciones Web de gran impacto. Tanto si crea logotipos animados, controles de

navegacin de sitios Web, animaciones de gran formato, o aplicaciones Web o sitios Web

completos usando Flash, descubrir que por su capacidad y flexibilidad, Flash es el medio

ideal para desarrollar su propia creatividad.

En la actualidad muchos sitios utilizan Flash para dar vida a sus pginas Web haciendo

que se vean dinmicos y con apariencia profesional.

Con Flash podemos crear aplicaciones muy completas desde mens interactivos

para sitios webs, pelculas animadas, hasta la creacin de CD's interactivos.

Leccin 2

Como abrir Macromedia Flash MX

Despus de haber instalado nuestro paquete de Flash MX ahora nos toca echar a andar

la aplicacin. Para ello podemos dar clic sobre el icono del escritorio que se cre cuando

instalamos Flash.

Y simplemente hacemos doble clic izquierdo para acceder a la aplicacin.

Tambin podemos acceder a el dando clic en el botn del men inicio y siguiendo esta ruta: Inicio >> Todos los Programas >> Macromedia >> Macromedia Flash MX

Nota: Recuerda que esta imagen es solo un ejemplo de cmo podra verse la ruta en

Windows no representa exactamente como se vera la ruta en la que se encuentra el

programa.

Leccin 3

El Entorno de trabajo

Flash como otros programas cuenta con un entorno de herramientas y propiedades muy

variado para la elaboracin de animaciones flash los cuales son:

1- La barra de men

La cual se encuentra en la parte superior y en la cual se encuentran la mayora de

las opciones de flash las cuales iremos explicando poco a poco.

2- La Caja de Herramientas

Esta se encuentra por defecto en la parte izquierda de la pantalla. En ella encontraras todas

las herramientas necesarias para lo que es el dibujo y la insercin de textos.

3- El panel de propiedades y de acciones

El panel de propiedades lo podemos ver en la parte inferior del rea de trabajo en ella

podemos modificar todas las propiedades de los elementos que selecciones en el rea de

dibujo.

Tambin en la parte inferior se encuentra el panel de acciones pero para descubrirlo hay

que hacer clic en la parte que dice Acciones.

Este panel nos permite programar diferentes instrucciones en nuestra pelcula Flash.

Si hacemos clic se no despliega un panel que luce as.

Y si deseamos ocultarla solo debemos de hacer clic donde indica la imagen

4-Ventanas

En Flash tenemos mltiples ventanas a nuestra disposicin para abrirlas solo tenemos que

ir al La barra de men >> Ventana y seleccionar la ventana que deseamos q se nos

despliegue.

Aqu podemos ver todos los distintos tipos de ventanas con las que cuenta flash. Cada

una con una funcin especfica.

Las ventanas se despliegan a veces de esta manera.

Ya desplegadas algunas ventanas debern de verse as:

5-La Lnea de tiempo

La parte de la lnea de tiempo es uno de los paneles ms importantes de flash ya que en

ella es donde desarrollaremos las animaciones y en ellas se encuentran algunos elementos

importantes como las capas, las mscaras, las lneas guas, la biblioteca de smbolos y

otras cosas que ms adelante hablaremos en detalle de cada una de ellas.

6- Escenario del Documento

Escenario es el rea principal de trabajo y es donde se introducen lo que son los trazados,

dibujos, imgenes, textos, etc.

Los controles de minimizar maximizar y cerrar se encuentran donde est el recuadro rojo

que muestra la imagen.

Leccin 4

Crear un nuevo documento Flash

Por defecto cuando abrimos Flash MX l nos crea un nuevo documento en el cual

perfectamente podemos empezar a trabajar pero en el caso que deseamos abrir un nuevo

documentos nos dirigimos a la barra de men en la opcin Archivo y despus

seleccionamos Nuevo.

Si lo hicimos correctamente nos abrir un nuevo documento

Esto es muy til cuando se quiere trabajar con ms de un documento ya que cuando

hacemos estos Flash no nos cerrara el documento que actualmente tengamos abierto (si

ese fuera el caso) pudiendo as crear todos los archivos nuevos que queramos.

Para poder acceder a otros documentos abiertos Flash MX es un poco problemtico ya

que lo que tenemos que hacer es minimizar la ventana de la pelcula (no la de Flash MX)

para poder descubrir las otras pelculas que tenemos abiertas.

El botn sealado en la figura es el que minimiza la ventana de la pelcula

Leccin 5

Guardar un documento Flash

Para guardar la pelcula flash simplemente nos dirigimos a la barra de men despus

damos click en Guardar

Se nos abre la siguiente ventana.

En donde se encuentra el recuadro rojo en la figura es donde debemos digitar el nombre

con el queremos guardar nuestro flash. Una vez digitado ya podemos presionar el botn

de guardar y nuestro documento ser guardado como un archivo .fla

Leccin 6

Abrir un documento de Flash

Para abrir documentos de flash (archivos .fla) tenemos 2 formas prcticas de hacerlo

La primera de ellas es dirigindose a la carpeta en donde sepamos que tenemos un

documento flash que previamente habamos guardado nuestro documento flash.

Ahora simplemente damos doble clic sobre el y automticamente se nos abrir

Nuestro documento en flash MX.

La segunda forma es abriendo Flash MX y dirigirnos a la barra de men y despus ir a

Archivo y seleccionamos Abrir

Despus buscamos el archivo en la carpeta que lo hayamos guardado y despus que lo

encontremos lo seleccionamos con el Mouse dando un clic izquierdo sobre el y

presionamos el botn de Abrir.

Y con eso ya se nos abrir nuestro documento de flash

Leccin 7

Modificar las propiedades del documento

En esta leccin veremos cmo modificar las distintas propiedades que contiene nuestra

pelcula flash.

Para empezar a modificar dichas propiedades lo primero es dar un clic fuera del rea de

dibujo (en donde muestra la imagen).

Ahora nos enfocaremos en el panel de propiedades el cual debe de lucir de esta manera.

Ahora para cambiar el tamao de la pelcula vamos a presionar el botn de tamao.

Y se nos abre una pequea ventana en la cual podemos cambiar el tamao de la pelcula.

Ingresando en las cajas (anchura) y (altura) que por defecto se encuentra en unidades de

pixeles pero tambin podemos cambiar el tamao de las unidades de reglas es decir

podemos cambiar la medida a centmetros, pulgadas, milmetros, etc.

En esta imagen estn sealadas las principales opciones que nos sirven para cambiar el

tamao de la pelcula.

Otro aspecto importante son los fps (Frames per Seconds) lo que significa la velocidad

de cuadros por segundos en la que se reproducir la pelcula entre mayor sea la cantidad

de fps mas rpido se reproducir los Fotogramas de la pelcula dndonos as una

animacin ms fluida y veloz

Para modificar esta opcin simplemente digitamos en la caja de texto de Veloc. Fotogramas. El nmero de cuadros por segundos que queremos que se reproduzcan

Nota: aqu se puede digitar cualquier nmero de cuadros por segundos pero en realidad

lo mximo que percibe el ojo humano es 120 fps.

Otra opcin que podemos modificar es el color de fondo de nuestra pelcula

Para hacer esto simplemente hay que hacer clic donde indica la imagen y seleccionar el

color que queramos.

Las opciones de Veloc. Fotogramas y la de Color de fondo en el panel de propiedades.

Leccin 8.

Uso de la herramienta de Rectngulo.

Esta es una de las primeras herramientas que de vemos aprender a utilizar. Como su

nombre lo dice esta herramienta nos permite crear rectngulos en el rea de dibujo de

nuestra pelcula

Lo primero que tenemos que hacer para utilizarla es dar clic en el botn de herramienta de rectngulo o presionar la tecla R en el teclado.

Ahora vemos que nuestro puntero ha cambiado a ser una cruz

Ahora podemos elegir el color de relleno y el color de la lnea de nuestro rectngulo.

Para seleccionar el color de relleno debemos dar clic en cualquiera de estos dos botones

que nos muestra la imagen.

Y para seleccionar el color de la lnea de nuestro rectngulo el grosor y el estilo debemos

de presionar los botones que nos muestra las siguientes imgenes

Damos clic en este lugar para seleccionar el color de la lnea del rectngulo

Damos clic en este lugar para seleccionar el grosor de la lnea del rectngulo

Damos clic en este lugar para seleccionar el estilo de la lnea del rectngulo

Otra de las opciones que podemos modificar de nuestro rectngulo es la del radio de las

esquinas. Al modificar esta opcin podremos darle a las esquinas del rectngulo una

apariencia mas redondeada.

Para hacerlo simplemente demos clic en el botn de Radio de Rectngulo redondeado

Y digitamos el nmero de puntos en que queremos que se redondee el rectngulo.

Ahora vamos a dibujar nuestro rectngulo

Paso 1 presionamos el botn izquierdo del ratn y mantenemos presionado.

Paso 2 desplazamos el puntero del ratn manteniendo el botn izquierdo del ratn

presionado.

Paso 3 soltamos el botn izquierdo del ratn cuando estemos satisfechos con la forma de

la figura.

Nota: si tambin mantenemos presionado la tecla Mayscula en el teclado mientras arrastramos el ratn la figura del rectngulo tendr una forma ms cuadrada y simtrica

Nota: Recuerde que si usted se equivoca o no est satisfecho con el cuadro que dibujo

puede deshacerlo presionando simultneamente las teclas ctrl. + Z o puede ir a la barra

de men >> Edicin >> Deshacer

Leccin 9

Uso de la herramienta de Ovalo

Esta herramienta es bsicamente igual que la herramienta de Rectngulo con la obvia

diferencia de que esta herramienta nos sirve para dibujar lo que son valos

Para usar esta herramienta damos clic sobre el botn de Herramienta de ovalo o presionar

la tecla O en el teclado.

Y veremos como el puntero del ratn cambia a una forma de cruz.

Tambin como con el rectngulo podemos seleccionar el color de relleno, el color de la

lnea, el estilo de la lnea y el grosor de la lnea.

Ahora para dibujar el ovalo debemos seguir los mismos pasos que con el rectngulo

Paso 1 presionamos el botn izquierdo del ratn y mantenemos presionado.

Paso 2 desplazamos el puntero del ratn mantenido el botn izquierdo del ratn

presionado.

Paso 3 soltamos el botn izquierdo del ratn cuando estemos satisfechos con la forma de

la figura.

Nota: si tambin mantenemos presionado la tecla Mayscula en el teclado mientras arrastramos el ratn la figura del ovalo tendr una forma ms simtrica

Nota: Recuerde que si usted se equivoca o no est satisfecho con el ovalo que dibujo

puede deshacerlo presionando simultneamente las teclas Ctrl. + Z o puede ir a la barra

de men >> Edicin >> Deshacer

Leccin 10

La herramienta de Flecha.

Esta herramienta es una de las ms importantes del panel de herramientas nos permite

seleccionar cualquier elemento para moverlos o modificar alguna propiedad de ellos.

Para seleccionarlos damos clic sobre el botn de Herramienta de flecha o presionamos la tecla V en el teclado.

Hay varias formas de seleccionar objetos del escenario empezaremos por la primera

forma

Supongamos que deseamos seleccionar el crculo que esta dibujado en el escenario.

Ahora ya seleccionada la herramienta de flecha damos un clic izquierdo en el escenario

y lo mantenemos presionado.

Despus movemos el puntero de modo que seleccionemos por completo el rea que

deseamos (este movimiento se parece al que utilizamos para dibujar una figura).

Y soltamos el botn izquierdo del ratn cuando hallamos marcado el rea que queremos

seleccionar.

Ahora vemos que el crculo que seleccionamos toma un aspecto como sombreado o

punteado

Esto quiere decir que el crculo ha sido seleccionado por completo

Importante: Si nosotros deseamos

Tambin podemos seleccionar solo una parte del crculo para partirlo como muestra la

siguiente secuencia de imgenes.

Bsicamente este es el modo bsico de ocupar la herramienta de flecha sintase libre

de experimentar con ella

Pero hay otra forma de seleccionar un objeto tomemos como ejemplo otra vez el

crculo.

Si damos un clic izquierdo sobre el crculo veremos que se ha seccionado.

Pero si nos fijamos bien solo hemos seleccionado solamente el relleno del circulo y eso

lo podemos comprobar moviendo lo que se encuentra sombreado.

En esta imagen podemos ver que lo nico que hemos seleccionado es el relleno ya que

la lnea del crculo queda en el mismo sitio

Se puede hacer lo mismo con la lnea del crculo simplemente pongamos el puntero

sobre la lnea del circulo de este modo.

Vemos como el puntero cambia a esta forma esto es seal de que estamos sobre la lnea

Ahora damos click sobre la lnea para seleccionar la lnea.

Ahora vemos que la lnea se ve sombreada. Eso quiere decir que ha sido seleccionada

y as poder moverla si es lo que deseamos.

En la imagen podemos ver cmo hemos movido la lnea del crculo despus de

seleccionarla.

Ahora bien si lo que queremos es seleccionar todo el crculo incluyendo relleno y lnea.

Simplemente tenemos que dar un doble click izquierdo sobre el crculo.

Y por ltimo veamos como deformar figuras con la herramienta de flechas

Primero ponemos el puntero sobre la lnea del crculo.

Vemos que el puntero cambia de forma con una lnea curva debajo del mismo, eso

quiere decir que estamos sobre la lnea

Ahora lo que debemos hacer es dar un click izquierdo sobre la lnea y lo mantenemos

presionado.

Ahora movemos el puntero en la direccin que queramos con el botn an presionado

y lo soltamos donde queramos.

Como podemos ver la herramienta de flecha es una de las herramientas ms importantes

en flash ya que nos permite manipular todos los objetos del escenario.

Nota: Recuerda que en esta leccin se tom como ejemplo la figura de valo pero todo

esto se puede aplicar a cualquier objeto de flash.

Leccin 11

Herramienta de transformacin libre.

Ahora que ya sabemos cmo seleccionar objetos con la herramienta de flecha

aprenderemos a usar la herramienta de transformacin libre

Esta herramienta nos sirve para cambiar el tamao o la forma de un objeto del escenario

que hayamos seleccionado con la herramienta de flecha

Para comenzar debemos seleccionar la imagen que queremos modificar y despus

seleccionar la herramienta de flecha dando un click sobre el botn que muestra la imagen.

Ahora vemos como alrededor de la figura se dibuja un recuadro.

Si nos fijamos bien cuando ponemos el puntero sobre cualquiera de los puntos cuadrados

del recuadro el puntero cambia de forma por una flecha doble. Ahora presionamos el

botn izquierdo del ratn y lo movemos mientras lo mantenemos presionado para cambiar

el tamao de la figura y soltamos el botn cuando estemos satisfechos con la forma.

1-

2-

3-

Nota: si tambin mantenemos presionado la tecla Mayscula en el teclado mientras arrastramos el ratn la figura que transformamos conservara una forma simtrica

Nota: En este ejemplo modificaremos una figura ovalada pero todo esto se puede aplicar

a cualquier objeto del escenario.

Leccin 12

La herramienta de cubo de pintura

Esta herramienta nos sirve para aplicar un determinado color a un rea especfica

Por ejemplo digamos que queremos que estos crculos en el escenario cambien de color

de relleno.

Y queremos que algunos cambien a un color diferente por ejemplo: rojo

Entonces lo que tenemos que hacer es seleccionar la herramienta de cubo de pintura y

seleccionar el color que deseamos aplicar al relleno del crculo.

Ahora simplemente demos clic sobre el crculo que deseamos aplicar el color

seleccionado.

Con la herramienta de cubo de pintura tenemos la opcin del tamao del hueco

Esta opcin nos permite seleccionar si queremos o no que podamos aplicar color de

relleno a figuras que tienen espacio abiertos en las lneas

Por ejemplo tenemos un crculo con un espacio abierto en la lnea.

Lo primero que tenemos que hacer es seleccionar la herramienta de cubo de pintura y

despus dar click en la opcin de tamao de hueco.

Y ahora seleccionamos el tamao de los huecos que vamos a permitir que se rellene

Despus aplicamos el color al trazado del crculo.

Y ahora podemos ver que el crculo se rellen a pesar de que tena una abertura.

Leccin 13

Aplicar Colores Degradados

Para poder crear colores degradados utilizaremos el panel de Mezclador de colores.

Si no est habilitado debemos de ir a barra de men >> Ventanas >> Mezclador de

color

Ahora damos si damos click sobre esta caja veremos una lista de tipos de relleno entre

ellas estn los degradados Lineal y Radial.

Si por ejemplo seleccionamos degradado lineal veremos que el mezclador de colores

cambia a esta forma.

Ahora para modificar los colore de nuestro degradado debemos de hacer clic sobre uno

de estos cuadrado y elegir el color que deseamos.

Y elegimos el color

Ahora si deseamos modificar el aspecto del degradado lineal podemos mover dichos

cuadrados.

Y finalmente si deseamos agregar un color adicional a nuestro degradado simplemente

debemos de hacer click en la zona donde muestra la siguiente imagen.

Vemos que en el puntero aparece un smbolo +

Y si deseamos eliminar un color del degradado tenemos que hacer un clic izquierdo sobre

el cuadrado del color que queremos eliminar y mantener presionado y por ultimo

arrastrarlo fuera del rea y as se a eliminado dicho color.

Ahora con lo que respecta a los degradados radiales es bsicamente lo mismo pero el

aspecto del degradado luce de esta manera.

Leccin 14

Importar imgenes a Flash

Para importar una imagen a la escena de nuestra pelcula flash

Lo primero que debemos hacer es importar una imagen que tengamos en nuestro disco

duro.

Para hacerlo vamos a la barra de men y en el men de archivo seleccionamos la opcin

de importar.

Y ahora buscamos la imagen que queremos importar y presionamos el botn abrir.

Con esto hemos importamos nuestra imagen a la escena de la pelcula flash.