introduccion a macromedia flash

8/17/2019 Introduccion a Macromedia Flash

1/29

1

MACROMEDIA FLASH 8

AL FINALIZAR ESTA LECCIÓN UD., DEBE CONOCER

-

Como diseñar, ejecutar y guardar un documento Flash.

-

Como agrupar y desagrupar objetos.- Como editar objetos agrupados.

- Como aplicar la interpolación de movimiento

- Un ejemplo sencillo de ¿Cómo elaborar un software educativo?


2/29

2

oja de Trabajo

1.

Encuentra esta figura en el escritorio

¿CÓMO SE LLAMA LA FIGURA QUE ENCONTRASTE? Escribe su nombre

…………………………………………………………………………………….

Pulsa en la opción DOCUMENTO DE FLASH

Ya lo ubicamos, pulsa doble

clic izquierdo sobre el

ACCESO DIRECTO.


3/29

3

2. Ahora comenzaremos a utilizar la herramienta

RECTÁNGULO

- Selecciona la Herramienta rectángulo

-

Para insertar un rectángulo MANTÉN PRESIONADO EL CLIC IZQUIERDO

sobre el área de trabajo y dibuja el rectángulo.

ESTE ES EL ÁREA DE TRABAJO


4/29

4

Debe quedar aproximadamente como la FIGURA SIGUIENTE

- ¿CÓMO DIBUJAR UN CUADRADO PERFECTO?

…………………………………………………………………………………..

…………………………………………………………………………………..

-

AL COSTADO DEL RECTÁNGULO DIBUJA LOS DOS CUADRADOS tal como semuestra

DIBÚJALOS SEPARADOS PARA EVITAR QUE SE

RECORTEN ENTRE SÍ


5/29

5

- Con la HERRAMIENTA SELECCIÓN traza un rectángulo sobre una

de las figuras.

3. Una vez seleccionado aplica COLOR DE TRAZO Y RELLENO

diferente para cada figura.

……………………………………..

……………………………………..

Escribe el nombre que le

corresponde a cada

herramienta

Debe quedar como muestra la

figura.


6/29

6

Para guardarlo

-

Haga un clic sobre el MENÚ ARCHIVO

-

Opción GUARDAR COMO

- Guarde la animación 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 deedición de objetos agrupados.


7/29

7

EDICIÓN DE UN OBJETO AGRUPADO

-

Observe la siguiente figura (Hay un solo botón llamado ESCENA 1)

- Ahora pulse dos clic izquierdo del sobre la figura agrupada que desea

modificar.

- Observe que en la parte superior de la línea de tiempo aparece un nuevo

BOTÓN LLAMADO GRUPO.

-

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

transparentes.


8/29

8

- Por defecto el objeto agrupado ya se encuentra seleccionado. Si no lo

estuviese selecciónelo Ud., nuevamente.

- Modifique el color de trazo y relleno.

-

Para SALIR DE LA EDICIÓN pulsa en el botón ESCENA 1. También puede salir

de la edición haciendo dos clics sobre la hoja de trabajo.

PARA DESAGRUPAR

- Haga un clic sobre

la figura agrupada.

- Utiliza las teclas Ctrl. + B

Para desagrupar.

UNA VEZ TERMINADO EL TRABAJO ACTUALICEN LOS CAMBIOS

Ahora CIERREN EL DOCUMENTO

ANTES DESPUÉS


9/29

9

EXPLICACIÓN

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

Los fotogramas son conocidos como celdas las cuales cuando están

-

Con un círculo vacío significa que los fotogramas están siendo utilizadospero no hay un objeto en el área de trabajo.

-

Con un círculo rellenado significa que los fotogramas están siendo utilizados

y de uno a más objetos en el área de trabajo.

- Sin ningún círculo significa que los fotogramas no son utilizados.

INSERTAR FOTOGRAMA.- Extiende el tiempo de duración del

fotograma.

INSERTAR FOTOGRAMA CLAVE.- Duplica el fotograma anterior junto

con todos los objetos que se encuentran dentro.

INSERTAR FOTOGRAMA CLAVE VACÍO.- Crea un espacio totalmente

nuevo sin objetos en su interior.

Para crear un NUEVO DOCUMENTO FLASH

- Haga un clic sobre el MENÚ ARCHIVO

- Opción NUEVO…

- Luego elija la opción NUEVO DOCUMENTO FLASH


10/29

10

ELABORACIÓN DE UN SOFTWARE EDUCATIVO

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

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

como lo observa luego minimice el panel pulsando en el botón

El panel de acciones nos

permite ingresar algunaslíneas de comando.

fscommand(“fullscreen”,true);


11/29

11

Escriba el texto LOS PRONOMBRES PERSONALES tamaño 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 opción CREAR

INTERPOLACIÓN DE MOVIMIENTO


12/29

12

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

CLAVE.

Seleccione la HERRAMIENTA TRANSFORMACIÓN LIBRE para modificar el

tamaño del texto


13/29

13

Modifique el tamaño de texto de tal forma que quede como lo

muestra la imagen 2.

Para ejecutar la animación utilice las teclas Ctrl. + Enter

EL TEXTO DEBE INCREMENTARSE DE TAMAÑO


14/29

14


CLAVE.

Utilice la HERRAMIENTA SELECCIÓN y pulse un clic sobre el texto.

Pulse un clic en PROPIEDADES, filtros y parámetros


15/29

15

En la opción color seleccione ALFA.

Y REDUZCA EL VALOR DE ALFA A 0

EJECUTE LA ANIMACIÓN utilizando las teclas Ctrl. + Enter.

EL TEXTO DEBE INCREMENTARSE DE TAMAÑO LUEGO DESAPARECER

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

CLAVE VACÍO.


16/29

16

Pulse un clic derecho sobre el Fotograma 41 y QUITE INTERPOLACIÓN

Clic derecho sobre el Fotograma 42 y elija INSERTAR FOTOGRAMA CLAVE

VACÍO

En el área de trabajo escriba el texto THE PERSONAL PRONOUNS

aproximadamente del mismo tamaño que el texto anterior (PRONOMBRES

PERSONALES).

Pulse un clic derecho sobre el Fotograma 42 y elija CREAR INTERPOLACIÓN DE

MOVIMIENTO.


17/29

17

Con la herramienta selección pulse un clic sobre el texto

Modifique la opción color a ALFA y asigne el valor 0


CLAVE


18/29

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/29

19

En el recuadro vacío escriba stop(); tal y como se observa

Ejecute la aplicación utilizando las teclas Ctrl. + Enter

EL TEXTO “THE PERSONAL PRONOUNS” DEBE APARECER Y DEJAR ESTÁTICO AL

FOTOGRAMA.

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

Primero dibuje un rectángulo en el lado derecho


20/29

20

Dibuje un cuadrado en el otro extremo un poco más grande que el rectángulo.

Seleccione el cuadrado con la HERRAMIENTA SUBSELECCIÓN y pulse un clic en

el extremo que indica la flecha.


21/29

21

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

Con la misma herramienta de subselección mueva el extremo que se encuentradentro del círculo para formar la punta de la flecha.

Ahora moveremos la cabeza de flecha delante del rectángulo luego laagruparemos utilizando las teclas Ctrl. + G

SUPR

DELETE


22/29

22

Pulse clic derecho sobre la flecha que recién hicimos y ELIJA CONVERTIR A

SÍMBOLO.

En donde dice tipo seleccionaremos BOTÓN y en el recuadro escribiremos

adelante tal como lo muestra la figura.

Pulse dos clics sobre el botón y observe la parte superior en donde se ubican

los fotogramas.


23/29

23

En el fotograma que dice SOBRE haremos clic derecho y elegimos la opción

INSERTAR FOTOGRAMA CLAVE.

Modifique el tamaño de la flecha con la herramienta TRANSFORMACIÓN

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

Para salir de la edición del botón pulse un clic en ESCENA 1 que se encuentra

en la parte superior.

Ejecute la animación con CTRL. + ENTER

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

flecha esta debe crecer.


24/29

24

Pulse un clic derecho sobre la flecha que hicimos anteriormente y elija

ACCIONES.

En el cuadro de acciones escriba lo siguiente

EXPLICACIÓN

ON significa INICIAR

RELEASE significa cuando SUELTE EL CLIC DEL MOUSE

GOTOANDPLAY significa IR Y REPRODUCIR EL FOTOGRAMA INDICADO

Para evitar algún inconveniente con el trabajo guárdelo en la unidad D: carpeta

CLASE FLASH con el nombre PRACTIQUEMOS 2

On (release)

{gotoAndPlay(62);}


25/29

25

Haremos clic derecho sobre el fotograma 62 elegiremos INSERTAR

FOTOGRAMA CLAVE

En este fotograma eliminaremos el botón ADELANTE.

Pulse nuevamente clic derecho y elija CREAR INTERPOLACIÓN DE MOVIMIENTO

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


26/29

26

Reduzca el tamaño de texto y ubíquelo en la esquina superior izquierda

El texto THE PERSONAL PRONOUNS debe aparecer luego reducirse de tamaño

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 interpolación de movimiento del fotograma


27/29

27

FASE 1: Complete el recuadro que le falta

Para hacer que el rectángulo se ubique debajo del texto (Pulse clic

derecho / Organizar / Enviar al fondo)

FASE 2:

Para hacer la curvatura utilice la herramienta SELECCIÓN


28/29

28

FASE 3

Agregue los siguientes botones y agrupa a cada botón con su texto

respectivo.

Ahora diseñaremos la parte inferior

Cada botón debe crecer cuando ponemos el Mouse sobre cualquiera delos botones.


29/29

29

Diseña los gráficos que faltan

Convierta cada texto inclusive la carita en botón.

Si se pone el mouse sobre la carita los ojos deben moverse hacia abajo

Si se pone el mouse sobre los textos guíese con el siguiente ejemplo.

ACTUALICE LOS CAMBIOS PARA EVITAR DIFICULTADES POSTERIORES

introduccion a macromedia flash

Documents