ejercicios flash manual
TRANSCRIPT
Manual de flash cs5 143
MOVIMIENTOS CON TEXTOS ACTION SCRIPT 0.31. 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 EJERCICIOREALIZAR 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
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
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
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
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
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
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%
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
7. Realizar el siguiente ejercicios
La lnea de tiempo ser el siguiente
8. Crea un documento de500 x 500 px
9. Lnea de movimiento crear un documento de 600 x 600 px
10. Transformar forma a textoCrear documento de 300 x 300px
11. Aplicacin de concejos de forma
12. Rotacin a la derecha antes que nada deber de poner en el modo CONCEPTOS BASICOS PARA ACTIVAR EL MODO DE ROTACION
13. Creacin rebote
14. Gua de movimiento perfecto
15. Transformar formas a letrasPrimero creamos dos capas en las cuales pondremos dos figuras distintas
16. Herramienta HuesoCREACION BRAZO MECANICOa) Crearemos una capa nueva a la cual le ponemos de nombre MECANICOa. 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 imagena. 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
17. Mascaras CREACIN DE LPIZ EN FLASH CS5a) 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
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
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
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
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
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)
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
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
Con la herramienta seleccin que mostramos en la imagen siguiente
Con dicha herramienta procedemos a eliminar las lneas que no concuerdan con el dibujo
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
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)
Una vez terminado las extremidades procederemos a pintar usando la herramienta BOTE PINTURA
19. Dibujando en flash MARIPOSA ANIMADA EN FLASHBUSCAMOS UNA IMAGEN QUE SE PARESECA A ESTA Y PROCEDEMOS A PINTAR
AHORA CREAMOS TRES CAPAS Y LAS LLAMAMOS COMO MUESTRA EN LA FIGURA
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
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
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
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
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
Y POR ULTIMO PRESIONAMOS CTRL+ENTER Y CREAMOS ALGUN DIBUJO PARA DARLE UN ASPECTO MAS REAL20. Crear tomo
tomoCreamos un nuevo Smbolo o presionamos F8 le ponemos de nombre ELECTRON
Ahora dibujaremos dentro del smbolo un esfera como esta en la misma posicin
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
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
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
22. USO DEL ACTION SCRIPT 0.3Creamos un documento de 400 x 400 PX
Ingresaremos el siguiente cdigo
23. Crea un documento de 600 x 600 PX
Actionscript 2.01. Crear un documento de 500 x500px
2. Crear un documento en ActionScript 2 de 300 x 300pxCreacin Botn Desplegable
Creamos un nuevo smbolo insertar nuevo smbolo nombre :button1_mc
Seleccionamos el primer fotograma presionamos F9
Creamos el retangulo y lo convertimos en smbolo y le onemos de combre INVISIBLE BUTTON DE TIPO BOTON
3. BANER PUBLICITARIOCREAMOS 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
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
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
AHORA VAMOS A SELECCIONAR EL PATITO DOBLE CLICK CREAMOS OTRA CAPA Y DIGITAMOS LO SIGUIENTE
EL DODIGO SERA ESTE
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 EJEMPLOAHORA EMPESAMOSSELCIONAMOS EL SEGUNDO FOTOGRAMA DE LAS CAPAS E INSERTAMOS FOTOGRAMA CLAVE EN ESTA OPCION ELIMINAMOS TODOS LOS OBJETOS MENOS EL ESCENARIO
EN EL FOTOGRAMA 2 DE LA CAPA PUNTERO DIGITAMOS EL SIGUIENTE TEXTO
AHORA SELECIONAMSO AMBOS CONVERTIMOS A SIMBOLO
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();
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
4. Portal webCrear un documento de 400 x 400pxPrimeramente 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
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 CS5Abrimos un nuevo documento en ActionScript 2.0
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 miraSeleccionamos 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:
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
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
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
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
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 nosotrosVolvemos a escena 1 y en la capa 2 clic derecho y fotograma clave
Eliminamos todos menos la mira
EN LA CAPA ENEMIGO DEL FOTOGRAMA 2 DIBUJAMOS CON EL PINCEL ALGUNAS LETRAS COMO ESTA Y UN BOTON
AHORA VAMOS A CONVERTIR EN SIMBOLO DE TIPO BOTON NOMBRE REINICAR
SELECIONAMOS EL BOTON Y DIGITAMOS EL SIGUIENTE CODIGO
AL FOTOGRAMA 2 DE LA CAPA ACION SOLO PONEMOS EL CODIGO STOP(); Y LISTO YA ESTA EL JUEGO6. 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;}if (this._y > 145){sumarY = sumarY * -1;}else if (this._y < 5){sumarY = sumarY * -1;}}
7. Crear un documento de 300 x 400 pxEn 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
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
Ahora para terminar en la cama AS realizamos el siguiente cdigo presionamos F9 y digitamos este cdigo
8. REPRODUCTOR SENCILLOabrimos un nuevo documento en Ac 2.0
nuestro documento ser de 350px X 200 px Y CREAMOS DOS CAPAS REPRO Y ACTION
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 escenaPLAYSTOPPAUSE
ahora a cada botn le daremos un nombre de instancia
PLAYbtnplaySTOPbtndetenerPAUSEbtnpausarAhora 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 (){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. Reproductor1.- 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: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.
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 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_playBotn Pause = btn_pauseBotn Siguiente = btn_siguienteBotn Atrs = btn_atras14.- 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.
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: tiempoVar: 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
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.
(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