Ejercicios Flash Manual

Manual de flash cs5
Av. Fitzcarrald N 320 3

er
Piso - Tlf: 424862 - Cel: 943-634529 E-mail: insfotec@hotmail.com

2
MOVIMIENTOS CON TEXTOS ACTION SCRIPT 0.3
1. Crear un texto con movimiento simple , crear un documento de 550 x 200 de color azul o
preferencial

Usando la herramienta texto digitamos un frase pequea

Ahora creamos un nuevo fotograma, demos un clic en el fotograma numero 30 y presionamos
F6 o clic derecho crear fotograma clave

Ahora en el fotograma 30 seleccionamos el texto y lo hacemos muy pequeo

Luego en el fotograma 1 demos un clic derecho y seleccionamos CREAR INTERPOLACION
CLASICA se nos creara una flecha indicando el movimiento q realiza el texto
Manual de flash cs5
er

3

EJERCICIO
REALIZAR EL SIGUIENTE EJERCICIOS
CREAR TRES FOTOGRAMAS EN LAS CUALES INGRESA EN LAS DOS CAPAS UN TEXTO DISTINTO Y
EN AL TERCERA CAPA UN FONDO VER EJEMPLO DE RESULTADO EL TEXTO 2 DEVERA DE PASAR
ENTRE EL TEXTO 1

2. CREAR UN DOCUMENTO DE 400 X 400 PX EN LA CUAL DIGITAREMOS EL SIGUIENTE
TEXTO

UNAVEZ DIGITADO EL TEXTO NOS DIRIGIMOS A DARLE UN CLIC DERECHO Y DAMOS SEPARAR
COMO NOTARA CADA LETRA SE SEPARA DEL TEXTO COMUN
Manual de flash cs5
er

4

LUEGO VOLVEMOS A DAR UN CLIC DERECHO SELECIONANDO TODO EL TEXTO Y DISTRIBUIR
CAPAS

En las capas notaras que cada fotograma cuanta con una letra solo tendremos que poner el
nombre de letra a cada capa

Manual de flash cs5
er

5
Ahora solo daremos un movimiento a cada fotograma para la sensacin de que las letras
estn cayendo, el punto de inicio de todas las letras ser en la parte superior tal como m
muestra la imagen para poder dar la sensacin de cada

Ahora solo creamos el movimiento en fotogramas distintos
Puede ayudarse de la regla para ellos valla al men Ver / Regla

Manual de flash cs5
er

6

As iremos creando fotogramas hasta tener el resultado final

Ejercicio 2
Realizar unos ejercicios el cual contenga la frase CREANDO CON FLASH y usar el mismo
mtodo que el anterior
3. Creacin rebote crear un documento de 300 x 300 px en el cual dibujaremos un
circulo, luego convertimos en smbolo presionado F8 o ingresando en men
Modificar/Convertir en Smbolo

Le pondremos un nombre a nuestro smbolo en este caso rebote

Manual de flash cs5
er

7

A continuacin crearemos los movimientos q realizara el circulo

Las flechas negras indica el movimiento q realizara el circulo ahora en la capa 1
iniciamos a dar los movimientos

En este ultimo movimiento aremos q el circulo quede al medio pero con un tamao
mucho mas mayor

4. Crear un documento de 300 x 300 Px en la cual dibujaremos un circulo

Manual de flash cs5
er

8
Pintaremos de un color y en el fotograma 2 presionamos F6 para ingresar un
fotograma clave y la cambiamos de color

El mismo procedimiento aremos en 10 fotogramas hasta dar el aspecto de un
efecto en flash

5. Creamos un documento de 400 X 200 px

Y digitamos el numero 1 en el primer fotograma

Manual de flash cs5
er

9

Ahora hacemos un fotograma en la lnea 20 para crear un fotograma clave
presionamos F6 vamos al fotograma 1 damos clic derecho y ponemos crear
interpolacin de movimiento

Nos dirigimos a las propiedades de la capa 20 seleccionamos al texto y le damos
Efectos de color y seleccionamos Alfa y le damos 0%

Manual de flash cs5
er

10
Ahora creamos una capa nueva y en el fotograma 20 creamos otro fotograma
calve presionamos f6 y digitamos la letra 2 y realizamos el mismo procedimiento
anterior

El mismo procedimiento para el numero 3

6. Crear un documento de 200x 500 Px

Manual de flash cs5
er

11

Manual de flash cs5
er

12

Manual de flash cs5
er

13

Manual de flash cs5
er

14

7. Realizar el siguiente ejercicios

La lnea de tiempo ser el siguiente

8. Crea un documento de500 x 500 px
Manual de flash cs5
er

15

Manual de flash cs5
er

16

Manual de flash cs5
er

17

Manual de flash cs5
er

18

Manual de flash cs5
er

19

Manual de flash cs5
er

20

Manual de flash cs5
er

21

9. Lnea de movimiento crear un documento de 600 x 600 px

Manual de flash cs5
er

22

Manual de flash cs5
er

23

Manual de flash cs5
er

24

Manual de flash cs5
er

25

Manual de flash cs5
er

26

Manual de flash cs5
er

27

10. Transformar forma a texto
Crear documento de 300 x 300px

Manual de flash cs5
er

28

Manual de flash cs5
er

29

Manual de flash cs5
er

30

Manual de flash cs5
er

31

11. Aplicacin de concejos de forma

Manual de flash cs5
er

32

Manual de flash cs5
er

33

Manual de flash cs5
er

34

Manual de flash cs5
er

35

Manual de flash cs5
er

36

Manual de flash cs5
er

37

Manual de flash cs5
er

38

Manual de flash cs5
er

39

12. Rotacin a la derecha antes que nada deber de poner en el modo CONCEPTOS
BASICOS PARA ACTIVAR EL MODO DE ROTACION

Manual de flash cs5
er

40

13. Creacin rebote
Manual de flash cs5
er

41

Manual de flash cs5
er

42

Manual de flash cs5
er

43

Manual de flash cs5
er

44

Manual de flash cs5
er

45

Manual de flash cs5
er

46

Manual de flash cs5
er

47

Manual de flash cs5
er

48
14. Gua de movimiento perfecto

Manual de flash cs5
er

49

Manual de flash cs5
er

50

Manual de flash cs5
er

51

Manual de flash cs5
er

52
15. Transformar formas a letras
Primero creamos dos capas en las cuales pondremos dos figuras distintas

Manual de flash cs5
er

53

Manual de flash cs5
er

54

Manual de flash cs5
er

55

16. Herramienta Hueso
CREACION BRAZO MECANICO
a) Crearemos una capa nueva a la cual le ponemos de nombre MECANICO
Manual de flash cs5
er

56
a.
b) Con la Herramienta Hueso que se muestra a continuacin realizaremos el trazado al
brazo mecnico

c) A continuacin la herramienta seleccin movemos el brazo apra darle una forma casi
similar al de la imagen
a.
Manual de flash cs5
er

57
d) Ahora crearemos otra capa y le pondremos de nombre TEXTO y con la herramienta
T digitamos un texto en mi caso ser INFOTEC Y CONVERTIMOS EN SIMBOLO

e) AHORA CREAMOS OTRA CAPA Y DE NOMBREPARED

f) Ahora no dirigimos a la capa que sali automticamente en este caso Esqueleto y
daremos el movimiento simulando que el cartel en este caso el nombre sea colocado a
la parte superior de la pared
Manual de flash cs5
er

58

17. Mascaras
Manual de flash cs5
er

59
CREACIN DE LPIZ EN FLASH CS5
a) crear 3 capas

b) a la primera capa le pondremos el nombre de LAPIZ a la capa 2 el nombre de
TEXTO y a la capa 3 MASCARA

c) A CONTINUACION SELECIONANADO LA CAPA LAPIZ DIBUJAREMOS USANDO LAS
HERRAMIENTAS SIGUIENTES

Manual de flash cs5
er

60
d) DIBUJAMOS UN LAPIZ COMO ESTE

e) PASO SIGUIENTE SELECIONAMOS EL LAPIZ Y PRESIONAMOS F8 O VAMOS A LA
HERRAMIENTA MODIFICAR/CONVERTIR A SIMBOLO

f) PASO SIGUIENTE SELECIONAMOS LA CAPA TEXTO

g) PASO SIGUIENTE CON LA HERRAMIENTA T ESCRIBIMOS UN TEXTO EN EL
CASO MIO FUE INFOTEC
Manual de flash cs5
er

61

h) CON LA HERRAMIENTA TRANSFORMACION LIBRE AGRADEMOS EL TEXTO

i) AHORA GIRAMOS EL TEXTO Y NOS QUEDARO ALGO ASI:

j) AHORA SELECIONAMOS LA CAPA MASCARA
Manual de flash cs5
er

62

k) CON LA HERRAMIENTA PINCEL LA QUE SE MUESTRA EN LA IMAGEN

l) SELECIOANAMOS LA OPCION SIGUIENTE SELECIONAMOS UN COLOR DISTINTO
Y EMPESAMOS

m) AHORA EMPESAMOS A PINTAR EL TEXTO PARTE POR PARTE Y PRESIONAMOS
F6 PARA INSERTAR UN FOTOGRAMA COMO MUESTRA LA IMAGEN

n) A CONTINUACION UNA VEZ RELLENADO TODO EL TEXTO REALIZAMOS EL
SIGUIENTE PASO
Manual de flash cs5
er

63

o) REALIZAMOS LO SIGUIENTE

p) AHORA CON EL LAPIZ PRESIONANDO F6 EN CADA FOTOGRAMA REALIZMOS
LA MISMA OPCION QUE EL DE LA CAPA MASCARA PARA TENER UN ASPECTO
ASI

Manual de flash cs5
er

64

Y PARA FINALIZAR PRESIONAMOS CRTL + ENTER O IREMOS A :

18. Dibujar en flash
DIBUJANDO EN FLASH
Antes de proceder, dibujaremos una imagen a lpiz la cual deberemos escanear (Ojo
no es necesario dibujar podemos copiar una imagen del Internet la cual la pegaremos
y realizaremos los siguientes procedimientos)
Manual de flash cs5
er

65

En la 2da imagen observamos el escner dibujado por el usuario en la lnea de tiempo
o movimiento y la BLOQUEAMOS

una vez bloqueada la primera capa con el Escner de la imagen procedemos a realizar
la siguiente capa la cual tendr el nombre de DIBUJO
Manual de flash cs5
er

66

Una vez creado la capa con el nombre IMAGEN precedemos a seleccionar la
herramienta q muestra la sig. Imagen con la cual dibujaremos basndonos a figuras
geomtricas (circulo. Cuadrado, triangulo, etc)

realizamos los dibujos de cada figura geomtrica sobre encima del dibujo escaneado

Manual de flash cs5
er

67

Con la herramienta seleccin que mostramos en la imagen siguiente

Con dicha herramienta procedemos a eliminar las lneas que no concuerdan con el
dibujo

Manual de flash cs5
er

68
Terminado esta primera etapa crearemos otra capa con el nombre HOCICO y
dibujaremos claro esta la parte de la boca del dibujo

Dibujaremos las secciones del hocico, ojos, nariz, cejas, cuernos, orejas, dientes, cola

Una vez dibujada las secciones de la capa HOCICO procedemos a copiar y pegar en la
capa IMAGEN

Manual de flash cs5
er

69
Ahora eliminamos las lneas q no son necesarias para poder realizar las siguientes
acciones

Ahora crearemos otra capa con el nombre de MANOIZQUIERDA aremos los mismos
procedimientos de los dibujos anteriores (cuerpo y hocico) para realizar las manos y
pies tenga en cuenta que cada extremidad q realizamos la aremos en una nueva capa
no olvide poner los nombres de cada capa (MANODERECHA, PIEDERECHO,
PIEIZQUIERDO)

Manual de flash cs5
er

70
Una vez terminado las extremidades procederemos a pintar usando la herramienta
BOTE PINTURA

19. Dibujando en flash
MARIPOSA ANIMADA EN FLASH
BUSCAMOS UNA IMAGEN QUE SE PARESECA A ESTA Y PROCEDEMOS A PINTAR

AHORA CREAMOS TRES CAPAS Y LAS LLAMAMOS COMO MUESTRA EN LA FIGURA
Manual de flash cs5
er

71

AHORA VAMOS A VECTORIZAR LA IMAGEN PARA ELLOS PODEMOS USAR LA
HERRAMIENTA LINEA O LA HERRAMIENTA PLUMA PARA DIBUJAR EL ALA

UNA VEZ TERMINADA DE DIBUJAR EL ALA LO UNICO AREMOS PARA LA OTRA PARTE
SERA COPIAR Y PEGAR

PARA GIRAR EL ALA NOS IREMOS AL MENU MODIFICAR/ TRANSFORMAR/ VOLTEAR
HORIZONTALMENTE Y LISTO TENDREMSO LA IMAGEN VOLTEADA
Manual de flash cs5
er

72

NOS QUEDARA ALGO ASI

AHORA VAMOS A DIBUJAR EL CUERPO Y PROCEDEMOS A PINTAR Y NOS QUEDARA
ALGO PARECIDA ASI

VAMOS A CONVERTIR EN SIMBOLO CADA PARTE PRESIONANDO F8
Manual de flash cs5
er

73

UNA VEZ TERMINADO TODAS LAS PARTES VAMOS A ANIMAR, SELCIONAMOS TODOS
LOS CUERPOS Y VOLVEMOS OTRA VES A TRANSFORMAR EN SIMBOLO Y PONEMOS EL
MISMO NOMBRE QUE APARECE DEBAJO DE LA IMAGEN

VAMOS A ELIMNAR LAS CAPAS QUE KEDARON VACIAS Y PONEMOS A LA CAPA CUERPO
EL NOMBRE DE MARIPOSA

AHROA VAMOS A HACER A LA MARIPOSA MAS PEQUEA CON LA HERRAMIENTA
TRASFORMAR PARA QUE NOS QUEDE PEQUEA
Manual de flash cs5
er

74

AHORA DAMOS DOBLE CLICK AL SIMBOLO Y ENTRAREMOS DONDE ESTAN DIVIDIDAS
LAS CAPAS

DAMSO CLICK DERECHO Y LE DAMOS CLICK EN DISTRIBUIR CAPAS

AHORA VEMOS LAS CAPAS SEPARADAS
Manual de flash cs5
er

75

LO QUE AREMSO AHROA ES BLOQUEAR LA CAPA DEL CUERPO Y NOS DIRIGIMOS AL
PUNTO QUE SE ENCUENTRA EN LA CAPA PARA PODER MOVER AL CUERPO COMO
MUESTRA LA IMAGEN

AHORA CREAMOS INTERPOLACION MASO MENOS EN EL FOTOGRAMA 10

Y PODEMOS DAR EL MOVIMIENTO AL ALA EN EL FOTOGRAMA 10 AREMSO MS
PEQUEO EL ALA COMO MUESTRA LA IMAGEN
Manual de flash cs5
er

76

Y POR ULTIMO PRESIONAMOS CTRL+ENTER Y CREAMOS ALGUN DIBUJO PARA DARLE
UN ASPECTO MAS REAL
20. Crear tomo

tomo
Creamos un nuevo Smbolo o presionamos F8 le ponemos de nombre ELECTRON

Ahora dibujaremos dentro del smbolo un esfera como esta en la misma posicin
Manual de flash cs5
er

77

Luego de esta opcin la capa tendr de nombre ELECTRON y luego le damos clic derecho y
ponemos AADIR GUIA DE MOVIMIENTO

AHORA EN LA CAPA DE GUIAS DIBUJAREMOS UN CIRCULO PARA DARLE EL MOVIMIENTO Y
BORRAREMOS UNA PARTE CON EL PINCEL O BORRADOR PARA QUE NUESTRO ELECTRON
TENGA UN PRINCIPIO Y UN FINAL

Manual de flash cs5
er

78
LUEGO PONEMOS LAS GUIAS DE MOVIMIENTO PARA ELLO NOS SITUAMOS EN EL FOTOGRAMA
80

AHORA PONES EL ELCTRON AL PRINCIPIO EN EL FOTOGRAMA 1 Y AL FINAL EN EL FOTOGRAMA
80 Y COPIAMOS LA CAMA DEL CIRCULO, CREAMOS OTRA CAPA Y PEGAMOS CON CTRL+SHI+V

AHORA VAMOS A ESCONDER POR UN MOMENTO LAS CAPAS DEL ELCTRON MENOS LA CAPA
NUEVA QUE CREEMOS PARA PONER CERRAR LOS PUNTOS QUE HACEN FALTA PARA ELLOS
USAMOS LA HERRAMIENTA LINEA

AHORA HACEMOS CLICK EN ESCENA 1 Y ARRASTRAMOS NUESTRO SIMBOLO CREADO
Manual de flash cs5
er

79

CREAMOS UNA CAPA Y SOLO COPIAMOS L SIMBOLO EN DISTINTAS CAPAS PARA CREAR
NUESTRO ATOMOS PRESIONANDO CTRL+SHIV+V

21. Publicar pelculas en la web ejemplo

Manual de flash cs5
er

80

Manual de flash cs5
er

81

Manual de flash cs5
er

82

22. USO DEL ACTION SCRIPT 0.3
Creamos un documento de 400 x 400 PX

Manual de flash cs5
er

83

Manual de flash cs5
er

84

Ingresaremos el siguiente cdigo

23. Crea un documento de 600 x 600 PX

Manual de flash cs5
er

85

Manual de flash cs5
er

86

Manual de flash cs5
er

87

Manual de flash cs5
er

88

Manual de flash cs5
er

89

Manual de flash cs5
er

90
Actionscript 2.0
1. Crear un documento de 500 x500px

Manual de flash cs5
er

91

Manual de flash cs5
er

92

Manual de flash cs5
er

93

Manual de flash cs5
er

94

Manual de flash cs5
er

95

Manual de flash cs5
er

96

Manual de flash cs5
er

97
2. Crear un documento en ActionScript 2 de 300 x 300px
Creacin Botn Desplegable

Manual de flash cs5
er

98

Manual de flash cs5
er

99

Creamos un nuevo smbolo insertar nuevo smbolo nombre :button1_mc

Manual de flash cs5
er

100

Manual de flash cs5
er

101

Manual de flash cs5
er

102

Seleccionamos el primer fotograma presionamos F9

Manual de flash cs5
er

103

Creamos el retangulo y lo convertimos en smbolo y le onemos de combre INVISIBLE
BUTTON DE TIPO BOTON

Manual de flash cs5
er

104

Manual de flash cs5
er

105

Manual de flash cs5
er

106

3. BANER PUBLICITARIO
CREAMOS UN NUEVO DOCUMENTO DE 500PX X150PX EN ACTIONSCRIPT 2.0

INPORTAMOS A BIBLIOTECA 2 DIBUJOS UNA QUE SERA EL ESCENARIO PUEDE SER UN
PAISAJE Y LA OTRA UN PEQUEO DIBUJO DE UN PATO , O ALGUN OTRO DIBUJO

Manual de flash cs5
er

107
A LA PRIMERA CAPA LE PONEMOS DE NOMBRE ESCENARIO Y ARRASTRAMOS DESDE
BIBLIOTECA AL ESPACIO DE TRABAJO EL DIBUJO DEL PAISAJE SELCIONADO

CREAMOS UNA CAPA TEXTO Y DIGITAMOS ALGO PARECIDO A LA FIGURA

AHORA EN LA CAPA ESCENARIO ARRASTRAMOS DE LA BIBLIOTECA EL DIBUJO DEL PATITO Y
LO CONVERTIMOS EN SIMBOLO

Manual de flash cs5
er

108
AHORA DEMOS DOBLE CICK Y CREAMOS EL MOVIMIENTO DEL PATO CREAMOS 4 DE ELLOS
PARA DARLE ANIMACION

AHORA VAMOS A CREAR UNA NUEVA CAPA DE NOMBRE PUNTERO PARA ELOS
DIBUJAMOS CON LA HERRAMIENTA RECTANGULO HASTA QUE NO QUEDE ALGO SIMILAR

LO CONBERTIMOS EN SIMBOLO Y AHORA EN SUS PROPIEDADES LE DAMOS UN NOMBRE
DE INSTANCIA LE PONEMOS PUNTERO

LUEGO CREAMOS OTRA CAPA DE NOMBRE AS O SCRIPT Y AADIMOS EL SIGUIENTE
CODIGO PRESIONANDO F9 EN EL FOTOGRAMA 1 DE LA CAPA AS Y CODIFICAMOS
Manual de flash cs5
er

109

AHORA VAMOS A SELECCIONAR EL PATITO DOBLE CLICK CREAMOS OTRA CAPA Y
DIGITAMOS LO SIGUIENTE

EL DODIGO SERA ESTE

Manual de flash cs5
er

110
PROBAMOS LA PELICULA PRESIONANDO CTRL+ENTER

AHORA VAMOS A ANIMAR LA OPCION QUE CUANDO ATRAPEMOS 5 PATITOS NOS
APARESCA UN MENSAJE DE: GANASTE HAS CLICK PARA RECIBIR PREMIO ESTO SERI AUN
EJEMPLO
AHORA EMPESAMOS
SELCIONAMOS EL SEGUNDO FOTOGRAMA DE LAS CAPAS E INSERTAMOS FOTOGRAMA
CLAVE

EN ESTA OPCION ELIMINAMOS TODOS LOS OBJETOS MENOS EL ESCENARIO
Manual de flash cs5
er

111

EN EL FOTOGRAMA 2 DE LA CAPA PUNTERO DIGITAMOS EL SIGUIENTE TEXTO

AHORA SELECIONAMSO AMBOS CONVERTIMOS A SIMBOLO

Manual de flash cs5
er

112

DAMOS DOBLE CLICK PARA INGRESAR NUEVAMENTE CONVERTIMOS A SIMBOLO Y LE
DAMOS ALFA Y UNA LINEA DE TIEMPO PARA QUE NOS QUEDE ALGO SIMILAR A LA DE LA
IMAGEN

6 AHORA EN EL FOTOGRAMA SIGUIENTE PRESIONAMOS F9 Y DIGITAMOS Stop();

REGRESAMOS A NUESTRA ESCENA Y PRESIONAMOS F9 Y DIGITAMOS Stop();
Manual de flash cs5
er

113

CREAMOS OTRA CAPA DE NOMBRE BOTON CREAMOS UNRECTANGULO EN TODA LA
ESCENA Y CONVERTIMOS A SIMBOLO DE N OMBRE BOTON Y DE TIPO BOTON ACEPTAMOS
Y LE DAMOS ALFA Y PROSEGUIMOS A CODIFICAR EL URL

DE ESTE MODO CODIFICAREMOS EL BOTON PARA DAR UN EJMPLO USARE LA URL DE
GOOGLE Y LISTO TERMINO NUESTRO BANNER
Manual de flash cs5
er

114

4. Portal web
Crear un documento de 400 x 400px
Primeramente realizamos un botn

A continuacin convertiremos en smbolo de tipo Botn le daremos doble clic y en la opcin o
fotograma sobre presionamos F6 y cambiamos de color ahora arrastramos hasta Zona
Activa dentro de botn creamos otra capa de nombre imagen y ponemos la imagen en el
fotograma dos sobre

Tal como muestra l imagen
Manual de flash cs5
er

115

En la opcin sobre de la imagen, convertimos en smbolo a la imagen de tipo clip de pelcula, a
continuacin le daremos doble clic y en le daremos una interpolacin de movimiento hasta el
fotograma 40 o mas o menos hasta donde le parezca en el primer fotograma seleccionamos la
imagen y le daremos en EFECTO DE COLOR, ALFA AL 0% y en el fotograma 40 seleccionado
presionamos F9 y digitamos el siguiente cdigo stop(); ahora solo aremos los mismo pasos
para el resto de botones q crearemos

5. JUEGO DE DISPARO EN FLASH CS5
Abrimos un nuevo documento en ActionScript 2.0
Manual de flash cs5
er

116

creamos 4 CAPAS Y PONEMOS LOS SIGUIENTES NOMBRES

ahora seleccionamos la capa MIRA y vamos a dibujar una mira similar a esta

una vez creado la mira presionamos F8 y lo convertimos en smbolo y de nombre le
ponemos mira de tipo clip de pelcula y ponemos el siguiente cdigo

este cdigo lo que hace es que la mira siga al cursor ahora ponemos otro cdigo para
que el cursor se convierta en la mira
Manual de flash cs5
er

117
Seleccionamos la capa Accin y en el primer fotograma presionamos F9 y ponemos
el siguiente cdigo

ahora vamos a crear la barra de Vida del enemigo para ellos seleccionamos la capa
HP y dibujaremos un rectngulo con 10 compartimiento hasta que nos quede algo
as

ahora convertimos la figura en smbolo presionamos F8 y de nombre Hp tipo Clip de
pelcula una ves convertido a smbolo en propiedades le ponemos un nombre de
instancia en este caso HP

ahora ingresamos con doble clic en el smbolo creado y vamos a descontar la vida
creamos 11 fotogramas y vamos descontando 1 en cada fotograma as:
Manual de flash cs5
er

118

As sucesivamente hasta llegar a que todo se ponga de color blanco

Ahora vamos a poner en el principio el cdigo Stop(); y al final EL SIGUIENTE CODIGO
Manual de flash cs5
er

119

Ahora en la capa ENEMIGO vamos a dibujar un personaje simple

ahora lo convertimos en smbolo y le ponemos de nombre enemigo de tipo clip de
pelcula ahora vamos animar el enemigo creamos dos capas dentro del smbolo
creado

a la cabeza lo convertimos en smbolo de tipo Botn nombre cabeza y ponemos este
cdigo

vamos a crear movimientos al enemigo ponemso un fotograma en el 25
Manual de flash cs5
er

120

luego un fotograma en el 35

vamos a crear la muerte del enemigo en esta parte

15 vamos a crear los movimientos adecuados en la parte de la cabeza en el fotograma
36 damos el efecto que pierda su cabeza
Manual de flash cs5
er

121

vamos a crear unos cdigos en el fotograma 50

y en el fotograma 35 de la capa cuerpo insertamos el cdigo siguiente

Vamos al fotograma 25 presionamos F9 y digitamos el cdigo que muestra la imagen
Manual de flash cs5
er

122

Ahora Vamos dibujar en el fotograma 26 de la capa cuerpo unas luces que den la
sensacin de que el enemigo nos dispara y quedara algo similar a la figura 2

Ahora vamos a codificar para que nos ataque a nosotros
Volvemos a escena 1 y en la capa 2 clic derecho y fotograma clave
Manual de flash cs5
er

123

Eliminamos todos menos la mira

EN LA CAPA ENEMIGO DEL FOTOGRAMA 2 DIBUJAMOS CON EL PINCEL ALGUNAS
LETRAS COMO ESTA Y UN BOTON
Manual de flash cs5
er

124

AHORA VAMOS A CONVERTIR EN SIMBOLO DE TIPO BOTON NOMBRE REINICAR

SELECIONAMOS EL BOTON Y DIGITAMOS EL SIGUIENTE CODIGO

Manual de flash cs5
er

125
AL FOTOGRAMA 2 DE LA CAPA ACION SOLO PONEMOS EL CODIGO STOP(); Y LISTO YA
ESTA EL JUEGO
6. REBOTE
Crear un documento de 150 x 150 y creamos dos capas con los siguientes nombres

A continuacin en la capa objeto dibujamos un circulo

Luego en la capa Acciones digitamos el siguiente cdigo presionando F9

sumarX = 3;
sumarY = 4;

bola_mc.onEnterFrame = function(){
this._x += sumarX;
this._y += sumarY;

if (this._x > 145){
sumarX = sumarX * -1;
}
else if (this._x < 5){
sumarX = sumarX * -1;
}
Manual de flash cs5
er

126

if (this._y > 145){
sumarY = sumarY * -1;
}
else if (this._y < 5){
sumarY = sumarY * -1;
}
}

7. Crear un documento de 300 x 400 px
En la cual creara las siguientes capas

En la capa botones creamos un botn y de nombre le pondremos botn y nombre de
instancia las siguientes

Manual de flash cs5
er

127
En la capa Mov Clip dibujaremos un rectngulo y dentro de el algunas letras

A continuacin en mascara dibujaremos un rectngulo maso menos como muestra la imagen

Ahora daremos clic derecho en la capa mascara y seleccionaremos mascara

Observamos que oculto algunas de las partes del rectngulo
Manual de flash cs5
er

128

Ahora para terminar en la cama AS realizamos el siguiente cdigo presionamos F9 y
digitamos este cdigo

8. REPRODUCTOR SENCILLO
abrimos un nuevo documento en Ac 2.0

nuestro documento ser de 350px X 200 px Y CREAMOS DOS CAPAS REPRO Y ACTION
Manual de flash cs5
er

129

ahora insertaremos la biblioteca de botones

luego en la ventana de botones de la biblioteca buscamos la siguiente opcin

a continuacin buscaremos los botones de para colocar en nuestra escena
PLAY
STOP
PAUSE
Manual de flash cs5
er

130

ahora a cada botn le daremos un nombre de instancia

PLAY btnplay
STOP btndetener
PAUSE btnpausar
Ahora pondremos el siguiente cdigo EN LA CAPA ACTION

var pos:Number = 0;

var mp3:Sound = new Sound ();
mp3.loadSound("imcomplete.mp3",false);

btnatras.onRelease = function ()
{
}

btnpausar.onRelease = function ()
{
pos = mp3.position;
// esta posicion es en milisegundos
mp3.stop();

}
btnplay.onRelease = function ()
Manual de flash cs5
er

131
{
mp3.start(pos/1000);
// esta posicion es en segundos no en milisegundos
// lo que asemos es dividir la posicion en esta caso POS
// a mil para q sea en segundos
}
btndetener.onRelease = function ()
{
mp3.stop();
pos = 0;
}

btnadelante.onRelease = function ()
{
}
9. Reproductor
1.- Bueno comenzare creare un documento flash con las medidas de un aproximado
de 500 de acho x 300 pixeles de alto con un fondo de colore negro, creamos una
nueva capa a la cual le pondremos el nombre de script.

2.- Seleccionamos la capa script, presionamos F9 y pegamos el siguiente cdigo
action script.

Cdigo Action Script Para Copiar:
Manual de flash cs5
er

132
3.- Minimizamos Acciones para luego pasar a crear un nuevo smbolo.

4.- Al cual le pondremos el nombre de display, tipo: Clip de pelcula y aceptar.

5.- Una ves localizados en el clip de pelcula display pasamos a dibujar un
rectngulo con un degrado de negro a granate y con un borde personalizado bueno
eso es al gusto para dar un simple diseo a nuestro reproductor de mp3.

6.- Bueno ahora pasaremos a bloquear nuestra Capa 1 con el candadito, para luego
crear una nueva capa con el nombre de Botones.

7.- Seleccionamos la capa botones y dibujamos nuestro botn play con la
herramienta pluma haciendo 3 puntos, para luego convertirlo en botn presionando
F8 con el nombre de play.
Manual de flash cs5
er

133

8.- Nos dirigimos al botn play ya creado en nuestra biblioteca, para luego insertar
un fotograma clave en el estado de sobre.

9.- Cambiamos el color del botn del estado Sobre a un color rojo o cualquier otro
color que deseas que se diferente al del estado Reposo

10.- Regresamos al Clip de Pelcula display que lo encontramos en nuestra
Biblioteca, para luego dibujar nuestro botn play insertando dos rectngulos del
mismo tamao y seleccionar los dos juntos para luego convertirlo en botn
presionando F8 y hacer los mismo pasos como el del botn play. ( Guardar el botn
Manual de flash cs5
er

134
con el nombre de Pause )
11.- Creamos nuestros botones siguiente y atrs, para eso solo insertaremos dos
textos y lo convertimos en botn a cada uno( seleccionamos el texto y presionamos
F8 para convertirlo en botn a cada uno le damos el nombre del texto siguiente y
atrs.)
12.- Ahora daremos nombre de instancia a cada uno de nuestros botones creados.

13 Color a cada botn un nombre de instancia.
Botn Play = btn_play
Botn Pause = btn_pause
Botn Siguiente = btn_siguiente
Botn Atrs = btn_atras
14.- Buena ves insertado a todo los botones el nombre de instancia correspondiente
pasamos a regresar a la escena 1 en el cual arrastraremos el clip de pelcula display
que se encuentra en nuestra biblioteca

15.- Una ves arrastrado el clip de pelcula hacia el fondo de igual forma
colocaremos un nombre de distancia a nuestro clip de pelcula display le pondremos
nombre de instancia display.
Manual de flash cs5
er

135

14.- Ahora pasaremos a crear nuestro tiempo, insertamos un texto dinmico de color
blanco con el nombre de instancia de tiempo y var: display sombree el clip de
pelcula display en la escena 1.
Nombre de Instancia: tiempo
Var: display

15.- Seleccionamos el texto dinmico creado y convertirlo en clip de pelcula con la
tecla F8 y con el nombre de tiempo, para luego ponerle un nombre de instancia de
tiempo
Manual de flash cs5
er

136

16.- Perfecto ahora solo nos queda probar si funciona para eso agarramos un blog de
notas y agregamos nuestra xml escribiendo este cdigo en el blog de notas

17.- Guardamos el blog de notas con el nombre de lista.xml y en tipo todo los
archivos

18.- Editamos la lista.xml con un blog de notas de igual forma, agregare una msica
que tengo en mi pc lo pegare en el escritorio es la msica de Sandoval A Quien Tu
Decidiste Amar copio el nombre del mp3 y lo agrego en la lista.xml de esta manera
lista=Sandoval A Quien Tu Decidiste Amar.mp3 y en titulo pongo el nombre
que deseas puede ser el de la misma cancin normal cosa que nos quedara de esta
manera.

Manual de flash cs5
er

137

(OJO EL MP3 Y EL ARCHIVO .FLA TIENEN QUE ESTAR JUNTOS EN EL
ESCRITORIO)
19.- Bueno paso a guardar ahora pasare a probar si funciona presiono Control +
Enter para probar mi reproductor flash.

10. Burbujas
Para realizar estas burbujas solo tendremos que crear un capa al cual llamaremos AS
ser un documento de 750 x 600 PX

En el fotograma 1 presionamos F9 y realizamos el siguiente cdigo

MovieClip.prototype.creaburbu = function(nivel, radio) {
nuevo = this.createEmptyMovieClip("bola"+nivel, nivel);
with (nuevo) {
angfinal = 360;
lineStyle(0, 0xcccccc, 0);
matrix = {matrixType:"box", x:-4, y:-10, w:radio, h:radio, r:0};
beginGradientFill("radial", [0xffffff, 0xCBECFE], [100, 60], [0, 0xff],
matrix);
radian = Math.PI/180;
segm = 60;
moveTo(radio, 0);
for (var s = 0; s<=360; s += segm) {
c_x = radio*Math.cos(s*radian);
c_y = radio*Math.sin(s*radian);
a_x = c_x+radio*Math.tan(segm/2*radian)*Math.cos((s-
90)*radian);
a_y = c_y+radio*Math.tan(segm/2*radian)*Math.sin((s-
90)*radian);
Manual de flash cs5
er

138
curveTo(a_x, a_y, c_x, c_y);
}
endFill();
_y = random(20)*10+200;
_x = random(40)*20;
}
this.nuevo.onEnterFrame = function() {
velocidad = random(6)+1;
direccion = random(8)+1;
movimiento = random(6)+1;
this._y = this._y-velocidad;
this._alpha = this._y-5;
if (direccion == 1) {
this._x = this._x-movimiento;
}
if (direccion == 4) {
this._x = this._x+movimiento;
}
if (this._y<5) {
this.removeMovieClip();
}
};
ult += 20;
};
//esto es fuera del proto
for (i=0; i<50; i++) {
_root.creaburbu(i, random(6)+10);
}
11. EFECTO RAYO X EN FLASH (MISMA PUBLICIDADES)
CREAMO UN DOCUMENTO DE 550 X 400 PX USAREMOS TRE SIMAGENES LAS CUALES
SERAN APRACIDAS A ESTA

Se debe tener en cuanta q para este efecto las imgenes 1 y dos tienes q ser las mismas con
algunas diferencias mientras el celular ser de tipo PNG para poder notar la transparencia
Lo primero sera inportar las tres imgenes a la biblioteca
Manual de flash cs5
er

139

Y luego usaremos la primera imagen arrastramos a nuestro espacio de trabajo
Par hacerlo ms sencillo iremos al editor del documento y seleccionamos Contenido

Ahora creamos una capa nueva y colocamos el celular

Manual de flash cs5
er

140
Lo convertimos en smbolo de nombre celular

Y de nombre de instancia celular

Bien ahora le damos doble clic al celular y dentro creamos otras capas en la capa chica 2
arrastramos desde biblioteca la fotografa dos de la chica

Bien continuando en la capa mascara vamos a dibujar un recuadro alrededor de la pantalla del
celular y rellenamos de algn color
Manual de flash cs5
er

141

Ahora vamos a la capa mascara clic derecho y seleccionamos mascara

Luego selecciono la capa chica 2 y convierto en smbolo nombre imagen2
Manual de flash cs5
er

142

Y le ponemos un nombre de instancia de rayosx

Seleccionada la imagen presiono F9 y digito el siguiente cdigo

Manual de flash cs5
er

143
Luego regreso a escena1

Dentro de la escena creamos una capa nueva y a esa capa le presionamos F9 y digitamos el
cdigo siguiente

Ejercicios Flash Manual

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Ejercicios Flash Manual

Загружено:

Авторское право:

Доступные форматы

Manual de flash cs5

Av. Fitzcarrald N 320 3

Вам также может понравиться