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?

AUTOR: Miguel ngel BUENDIA NAVARRO

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. - Utiliza las teclas Ctrl. + B Para desagrupar.
ANTES DESPUS

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