1

MACROMEDIA FLASH 8

AL FINALIZAR ESTA LECCIN UD., DEBE CONOCER

-

Como disear, ejecutar y guardar un documento Flash.

Como agrupar y desagrupar objetos.
Como editar objetos agrupados.
Como aplicar la interpolacin de movimiento
Un ejemplo sencillo de Cmo elaborar un software educativo?

Hoja de Trabajo
1. Encuentra esta figura en el escritorio

CMO SE LLAMA LA FIGURA QUE ENCONTRASTE? Escribe su nombre

.

Ya lo ubicamos, pulsa doble

clic izquierdo sobre el
ACCESO DIRECTO.

Pulsa en la opcin DOCUMENTO DE FLASH

3
2. Ahora comenzaremos a utilizar la herramienta
RECTNGULO

- Selecciona la Herramienta rectngulo

- Para insertar un rectngulo MANTN PRESIONADO EL CLIC IZQUIERDO

sobre el rea de trabajo y dibuja el rectngulo.

ESTE ES EL REA DE TRABAJO

4
Debe quedar aproximadamente como la FIGURA SIGUIENTE

- CMO DIBUJAR UN CUADRADO PERFECTO?

..
..

- AL COSTADO DEL RECTNGULO DIBUJA LOS DOS CUADRADOS tal como se

muestra

DIBJALOS SEPARADOS PARA EVITAR QUE SE

RECORTEN ENTRE S

5
- Con la HERRAMIENTA SELECCIN traza un rectngulo sobre una
de las figuras.

Debe quedar como muestra la

figura.
3. Una vez seleccionado aplica COLOR DE TRAZO Y RELLENO
diferente para cada figura.

..
..

Escribe el nombre que le

corresponde a cada
herramienta

6
Para guardarlo
-

Haga un clic sobre el MEN ARCHIVO

Opcin GUARDAR COMO

Guarde la animacin en la UNIDAD D:

Dentro de la carpeta CLASE FLASH con el nombre PRACTICAMOS 1.

QU DIFERENCIA EXISTE ENTRE GUARDAR Y GUARDAR COMO?

4. Ahora procederemos a AGRUPAR Y DESAGRUPAR

PARA AGRUPAR
- Selecciona la figura

- Presiona la tecla Ctrl. + G (Cuando est agrupado ya no se puede asignar

color de relleno ni trazo)
- Para modificar las figuras agrupadas lea detenidamente las indicaciones de
edicin de objetos agrupados.

7
EDICIN DE UN OBJETO AGRUPADO
- Observe la siguiente figura (Hay un solo botn llamado ESCENA 1)

- Ahora pulse dos clic izquierdo del sobre la figura agrupada que desea
modificar.
- Observe que en la parte superior de la lnea de tiempo aparece un nuevo
BOTN LLAMADO GRUPO.

- El resto de figuras que se encontraban en el rea de trabajo se hicieron

transparentes.

8
- Por defecto el objeto agrupado ya se encuentra seleccionado. Si no lo
estuviese seleccinelo Ud., nuevamente.
- Modifique el color de trazo y relleno.
- Para SALIR DE LA EDICIN pulsa en el botn ESCENA 1. Tambin puede salir
de la edicin haciendo dos clics sobre la hoja de trabajo.

PARA DESAGRUPAR
- Haga un clic sobre
la figura agrupada.

ANTES

DESPUS

- Utiliza las teclas Ctrl. + B

Para desagrupar.

UNA VEZ TERMINADO EL TRABAJO ACTUALICEN LOS CAMBIOS

Ahora CIERREN EL DOCUMENTO

EXPLICACIN
FOTOGRAMA.- Es la hoja respectivamente de Macromedia flash.
Cada celda representa un fotograma.

Los fotogramas son conocidos como celdas las cuales cuando estn
- Con un crculo vaco significa que los fotogramas estn siendo utilizados
pero no hay un objeto en el rea de trabajo.
- Con un crculo rellenado significa que los fotogramas estn siendo utilizados
y de uno a ms objetos en el rea de trabajo.
- Sin ningn crculo significa que los fotogramas no son utilizados.

INSERTAR FOTOGRAMA.- Extiende el tiempo de duracin del

fotograma.

INSERTAR FOTOGRAMA CLAVE.- Duplica el fotograma anterior junto

con todos los objetos que se encuentran dentro.

INSERTAR FOTOGRAMA CLAVE VACO.- Crea un espacio totalmente

nuevo sin objetos en su interior.

Para crear un NUEVO DOCUMENTO FLASH

-

Haga un clic sobre el MEN ARCHIVO

Opcin NUEVO

Luego elija la opcin NUEVO DOCUMENTO FLASH

10

ELABORACIN DE UN SOFTWARE EDUCATIVO

1. Pulse un clic derecho sobre el fotograma N 1 y elija acciones

El panel de acciones nos

permite ingresar algunas
lneas de comando.

En el recuadro inferior escriba lo que se muestra en el cuadro tal y

como lo observa luego minimice el panel pulsando en el botn

fscommand(fullscreen,true);

11
Escriba el texto LOS PRONOMBRES PERSONALES tamao 14 utilizando el panel
de propiedades de tal forma que quede como se muestran en la imagen.

Pulse un clic derecho sobre el fotograma 1 y elija la opcin CREAR

INTERPOLACIN DE MOVIMIENTO

12

Pulse un clic derecho sobre el Fotograma 25 y elija INSERTAR FOTOGRAMA

CLAVE.

Seleccione la HERRAMIENTA TRANSFORMACIN LIBRE para modificar el

tamao del texto

13
Modifique el tamao de texto de tal forma que quede como lo
muestra la imagen 2.

Para ejecutar la animacin utilice las teclas Ctrl. + Enter

EL TEXTO DEBE INCREMENTARSE DE TAMAO

14
Pulse un clic derecho sobre el Fotograma 40 y elija INSERTAR FOTOGRAMA
CLAVE.

Utilice la HERRAMIENTA SELECCIN y pulse un clic sobre el texto.

Pulse un clic en PROPIEDADES, filtros y parmetros

15
En la opcin color seleccione ALFA.

Y REDUZCA EL VALOR DE ALFA A 0

EJECUTE LA ANIMACIN utilizando las teclas Ctrl. + Enter.

EL TEXTO DEBE INCREMENTARSE DE TAMAO LUEGO DESAPARECER

Pulse un clic derecho sobre el Fotograma N 41 Elija INSERTAR FOTOGRAMA

CLAVE VACO.

16

Pulse un clic derecho sobre el Fotograma 41 y QUITE INTERPOLACIN

Clic derecho sobre el Fotograma 42 y elija INSERTAR FOTOGRAMA CLAVE

VACO
En el rea de trabajo escriba el texto THE PERSONAL PRONOUNS
aproximadamente del mismo tamao que el texto anterior (PRONOMBRES
PERSONALES).

Pulse un clic derecho sobre el Fotograma 42 y elija CREAR INTERPOLACIN DE

MOVIMIENTO.

17
Con la herramienta seleccin pulse un clic sobre el texto

Modifique la opcin color a ALFA y asigne el valor 0

Pulse un clic derecho sobre el Fotograma 60 y elija INSERTAR FOTOGRAMA

CLAVE

18
SELECCIONE EL TEXTO que por supuesto debe estar transparente y modifique
su propiedad de color ALFA a 100.

Pulse un clic derecho sobre el Fotograma 61 e Inserte un FOTOGRAMA CLAVE.

Nuevamente pulse clic derecho sobre el Fotograma 61 y elija ACCIONES

19
En el recuadro vaco escriba

stop();

tal y como se observa

Ejecute la aplicacin utilizando las teclas Ctrl. + Enter

EL TEXTO THE PERSONAL PRONOUNS DEBE APARECER Y DEJAR ESTTICO AL
FOTOGRAMA.

Ahora dibuje una flecha en la parte inferior como se muestra en la figura

Primero dibuje un rectngulo en el lado derecho

20

Dibuje un cuadrado en el otro extremo un poco ms grande que el rectngulo.

Seleccione el cuadrado con la HERRAMIENTA SUBSELECCIN y pulse un clic en

el extremo que indica la flecha.

21

Para eliminar el extremo seleccionado utilice la tecla SUPRIMIR o DELETE.

SUPR

DELETE

Con la misma herramienta de subseleccin mueva el extremo que se encuentra

dentro del crculo para formar la punta de la flecha.

Ahora moveremos la cabeza de flecha delante del rectngulo luego la

agruparemos utilizando las teclas Ctrl. + G

22
Pulse clic derecho sobre la flecha que recin hicimos y ELIJA CONVERTIR A
SMBOLO.

En donde dice tipo seleccionaremos BOTN y en el recuadro escribiremos

adelante tal como lo muestra la figura.

Pulse dos clics sobre el botn y observe la parte superior en donde se ubican
los fotogramas.

23
En el fotograma que dice SOBRE haremos clic derecho y elegimos la opcin
INSERTAR FOTOGRAMA CLAVE.

Modifique el tamao de la flecha con la herramienta TRANSFORMACIN

LIBRE. Tomando en cuenta que estamos en el fotograma sobre.

Para salir de la edicin del botn pulse un clic en ESCENA 1 que se encuentra
en la parte superior.

Ejecute la animacin con CTRL. + ENTER

La flecha debe aparecer al final y cuando ponemos el mouse sobre la

flecha esta debe crecer.

24
Pulse un clic derecho sobre la flecha que hicimos anteriormente y elija
ACCIONES.
En el cuadro de acciones escriba lo siguiente

On (release)
{gotoAndPlay(62);}

EXPLICACIN
ON significa INICIAR
RELEASE significa cuando SUELTE EL CLIC DEL MOUSE
GOTOANDPLAY significa IR Y REPRODUCIR EL FOTOGRAMA INDICADO

Para evitar algn inconveniente con el trabajo gurdelo en la unidad D: carpeta

CLASE FLASH con el nombre PRACTIQUEMOS 2

25
Haremos clic derecho sobre el fotograma 62 elegiremos INSERTAR
FOTOGRAMA CLAVE
En este fotograma eliminaremos el botn ADELANTE.

Pulse nuevamente clic derecho y elija CREAR INTERPOLACIN DE MOVIMIENTO

Pulse clic derecho sobre el Fotograma 65 y elija INSERTAR FOTOGRAMA CLAVE

26
Reduzca el tamao de texto y ubquelo en la esquina superior izquierda

El texto THE PERSONAL PRONOUNS debe aparecer luego reducirse de tamao

y ubicarse a la esquina superior izquierda.

Pulse clic derecho sobre el fotograma 66 y elija INSERTAR FOTOGRAMA CLAVE

En el panel de acciones escriba stop();
Quite la interpolacin de movimiento del fotograma

27
FASE 1: Complete el recuadro que le falta
Para hacer que el rectngulo se ubique debajo del texto (Pulse clic
derecho / Organizar / Enviar al fondo)

FASE 2:
Para hacer la curvatura utilice la herramienta SELECCIN

28
FASE 3
Agregue los siguientes botones y agrupa a cada botn con su texto
respectivo.

Ahora disearemos la parte inferior

Cada botn debe crecer cuando ponemos el Mouse sobre cualquiera de
los botones.

29
Disea los grficos que faltan

Convierta cada texto inclusive la carita en botn.

Si se pone el mouse sobre la carita los ojos deben moverse hacia abajo
Si se pone el mouse sobre los textos guese con el siguiente ejemplo.

ACTUALICE LOS CAMBIOS PARA EVITAR DIFICULTADES POSTERIORES