FLASH CS6

• Las Capas

• Las capas ayudan a organizar las

ilustraciones de los documentos.
Los objetos de una capa pueden
dibujarse y editarse sin que
afecten a objetos de otras capas.
En las zonas del escenario en las
que no hay nada en una capa,
pueden verse a través de ella las
capas situadas debajo.
Para ayudar a crear efectos
sofisticados, utilice capas de guía
especiales para facilitar el dibujo y la
edición y crear capas de máscara.
Existen cinco tipos de capas que se
pueden utilizar en Flash:

• Las capas normales.

• Las capas de máscara.
• Las capas de guía.
• Las capas de interpolación de
movimiento.
• Las capas de esqueleto
• Para organizar un documento por
temas, puede utilizar escenas. Por
ejemplo, puede utilizar escenas
diferentes para una introducción, un
mensaje de carga y los créditos.

• Aunque el uso de escenas presenta

algunas desventajas, hay
situaciones en las que no son
muchas, como cuando se crean
animaciones largas. Cuando utilice
escenas, evite tener que administrar
un gran número de archivos FLA, ya
que cada escena está contenida en
un solo archivo FLA.
Cuando se publica un archivo SWF, la línea de
tiempo de cada una de las escenas se
combina en una sola línea de tiempo en el
archivo SWF. Una vez compilado el archivo
SWF, éste se comporta como se si hubiera
creado el archivo FLA con una sola escena.
Esta es la causa de algunas de las
desventajas del uso de escenas:

• Las escenas pueden crear confusión a la

hora de editar documentos, especialmente
en entornos de varios autores.
• Las escenas suelen producir archivos SWF
de gran tamaño.
• Las escenas obligan a los usuarios a
descargar progresivamente todo el archivo
SWF.
• Un fotograma representa el contenido de la película en un instante
de tiempo. Por tanto, una animación no es más que una sucesión
de fotogramas. Todo esto se puede controlar desde la Línea de
Tiempo, pero no todos los fotogramas tienen el mismo
comportamiento ni se tratan igual. Veamos qué tipos de
fotogramas hay y cuáles son sus rasgos.
• Fotogramas claves: Es aquel que
se define cambios de animación.

• Fotograma vacío: Es aquél que

está en blanco , no tiene
ninguna instrucción para la
animación.

• Fotograma intermedio: Es aquél

que se encuentra entre dos
fotogramas claves.
• Para insertar un fotograma nuevo, seleccione Insertar - Línea de tiempo
- Fotograma (F5).

• Para crear un nuevo fotograma clave, elija Insertar - Línea de tiempo -

Fotograma clave (F6), o bien, presione clic derecho en el fotograma
donde desee colocar un fotograma clave y seleccione Insertar
fotograma clave en el menú contextual.

• Para crear un nuevo fotograma clave vacío, elija Insertar - Línea de

tiempo - Fotograma clave vacío, o bien presione clic derecho en el
fotograma donde desee colocar el fotograma clave y seleccione Insertar
fotograma clave vacío en el menú contextual.
1. Abrimos Adobe Flash Cs6, ahora procedemos a crear un nuevo
archivo para esto damos clic en el menú Archivo  Nuevo.
2. En la pestaña “General” escogemos el tipo ActionScript 3.0 y de
parámetros elegimos un tamaño estándar para banner, 728 pixeles
de ancho por 90 pixeles de alto, 30 cuadros(Fotogramas) por
segundo, color de fondo negro y damos clic en “Ok”.
• Selecciona tu espacio de trabajo apropiado en el botón superior
derecho.
• Recuerda que puedes crear tu propio
espacio de trabajo
Espacio recomendado “Clásico”
3. Generamos seis capas y
dando doble clic sobre el nombre
de la capa podemos
renombrarlas con los siguientes
títulos:
“Estrella1”, “Estrella2”, “Logo”,
“Café”, “Botón” y “Frase”.

4. Después agrupa las estrellas

en una carpeta
5. Crea una nueva Escena por
medio del menú Insertar
Escena.
6. Por ultimo renombra las
escenas:

• PROMO
• ENTRADA
7. En la escena “Promo” creamos cuatro capas con los siguientes
títulos: “Botón”, “Texto2”, “Texto1”y “Fondo”.

8. Cambia el tamaño del banner por: 972 de ancho y 95 de alto

9. Importa todas las imágenes a usar para esta practica

Ovalo con relleno

blanco
ActionScript
Stop();
Play (); - Activa la escena.
GotoAndPlay (); - Navega hacia un Frame, fotograma o escena y
activa la escena.
GotoAndStop (); - Navega hacia un Frame, fotograma o escena y
detiene la escena.
Stop (); - Detiene la escena.
1. Selecciona el botón y conviértelo en botón con el nombre de
botonsiguiente

2. Presiona Ctrl + Enter  Para ver resultado

1. Crear un archivo nuevo de ActionScrib 2.0 con el tamaño de:
500 de ancho x 700 de alto
2. Color de fondo negro
3. Fotogramas x segundo: 30
4. Crear las siguientes capas con su respectivo nombre.
5. Importa las imágenes a usar a la biblioteca
 • Ahora convierte la capa
FONDO ROSA y CELULAR en
símbolos de tipo clip de
Aplica mascara a la película
capa de fondo rosa
Clic derechoMascara
Recuerda que para mostrar esta venta acciones debes presionar F9 y seleccionar cada uno de los
objetos convertidos en símbolos para ingresar el código siguiente.
1. Crea un nuevo documento de flash con las siguientes medidas:
• ActionSript 2.0
• 600 de ancho
• 400 de alto
2. Crea dos capas con el nombre de Fondo y la otra con el nombre
Figura.
• Para esta practica se usa una figura creada a partir de formas
básicas pero toma en cuenta que para futuras aplicaciones puedes
usar también imágenes.
1. Sobre tu escena 1Capa FiguraCrear un circulo y agregar un
color de relleno.

2. Selección tu circulo y da clic derecho convertir en símbolo

3. Agrega el nombre de “Pelota”
De tipo clip de película  presionar Aceptar

Nombre

Clip de película

4. Da doble clic al circulo para entrar a la edición del símbolo 

Nota que en la barra de la línea de tiempo este en Pelota
Símbolo
5. Ahora en la línea de tiempo busca la capa 1 y renómbrala como:
Efecto Pelota.
6. Y agrega un tiempo de 30 fotogramas a la capa Efecto Pelota.

Cuadro 1 Cuadro 30

7. Selecciona el primer cuadro  agrega un color diferente y

después el cuadro 30 y también
Recuerda que para colorear
selección el panel muestras
8. Da clic en escena 1  Esto para regresar al inicio y aplicar la
acción de arrastrar y soltar.

9. Selecciona tu circulo o forma y presiona F9 para agregar el

siguiente código.
• Código
On(press)  Ejecuta el evento presionar botón
{  Indica el bloque de inicio de código
StartDrag(this); Indica el inicio tomar objeto para poder moverlo a otro lugar
Mouse.hide(); Esta línea se encarga de ocultar el puntero del ratón cuando el objeto
es tomado con clic izquierdo sostenido. Para arrastrarlo.

} Termina bloque de código

On(release, releaseOutside)  Ejecuta el evento soltar botón o dejar de presionar
clic izquierdo
{  Indica el bloque de inicio de código
StopDrag(); Indica que debe detenerse y soltar el
objeto.
Mouse.show(); Esta línea se encarga de mostrar el
puntero del ratón cuando el objeto
es soltado.
} Termina bloque de código
1. En Flash, se ejecuta código ActionScript cuando se produce un
evento: por ejemplo,
• cuando se carga un clip de película, cuando se entra en un
fotograma clave de la línea de tiempo o cuando el usuario hace
clic en un botón.
2. Los eventos puede accionarlos el usuario o el sistema. Los
usuarios hacen clic en botones y presionan teclas; el sistema
acciona eventos cuando se cumplen condiciones específicas o
finalizan procesos.
• Eventos de ratón y teclado: Un usuario que interactúa con la
aplicación o el archivo SWF desencadena eventos de ratón y
de teclado

• Eventos de clip: Dentro de un clip de película, puede

reaccionar a una serie de eventos de clip que se
desencadenan cuando el usuario entra o sale de la escena o
interactúa con la misma mediante el ratón o el teclado.

• Eventos de fotograma: En una línea de tiempo principal o de

clip de película, un evento de sistema tiene lugar cuando la
cabeza lectora entra en un fotograma clave (esto se conoce
como evento de fotograma). Los eventos de fotograma son
útiles para desencadenar acciones en función del paso del
tiempo (el avance por la línea de tiempo) o para interactuar
con elementos que actualmente están visibles en el
escenario.
1. Crea un documento de flash con las siguientes características:
ActionScript: 3.0
Ancho: 800px
Alto: 450px
Fondo: Negro
 1. Ir a Archivo  Importar  Importar a biblioteca
2. Selecciona tus imágenes que usaras Máximo 7
3. En la capa de fondo coloca la imagen de cortinas y adáptala al
tamaño de la escena

En esta capa va la imagen

de cortinas o cualquier
imagen a usar como fondo Fondo
4. Selecciona la capa de Fotos  coloca las 7 imágenes en la
escena.
5. Cambiales el tamaño, orientación distribuirlas en la escena de tal
forma que queden como la imagen

En esta capa van las

imágenes usadas en
nuestro álbum
6. Selecciona la de Fotos  notaras que todas las fotos se
seleccionaron.
7. Después da clic derecho sobre las Fotos  Selecciona la opción
“Distribuir en capas”
8. Notaras que se crearon nuevas capas con su respectivo nombre
9. Ahora agrupa las capas en una nueva
Carpeta y colócale el nombre de Capas
nuevas
FOTOS según el
numero de
Fotos
10. Selecciona todas las capas de cada FOTO, excepto la de FONDO.
y arrástralas dentro de la capa creada Carpeta “FOTOS”

Fotos dentro de la
Capa carpeta FOTOS
Capas seleccionadas
11 Selecciona todas las fotos con ayuda de la tecla Shift
12. Da clic derecho sobre las fotos o presiona (Ctrl+B) para separar
13. A continuación notaras que las fotos se ponen como punteadas
esto indica que ya están separadas

Si acercas veras que se

ven unos putos blancos
14. Da clic fuera de la Escena para deseleccionar las fotos  Ve a la
caja de herramientas y Busca bote de tinta.
15. Ir a panel de propiedades y en trazo colocar el valor de 6 
color de trazo blanco  Extremo: cuadrado y unión: inglete

Color de
trazo Trazo

Extremo
Union
16. Ahora sobre cada foto da clic izquierdo para colocar un borde de
color blanco ya que esto simulara el marco de una foto.

Borde de Foto.
 17. Da doble clic izq. a una foto para seleccionarla junto con su borde y después
 clic derecho “Convertir en símbolo”  tipo Botón  nombre: img1
Por ultimo
Aceptar

Para esta imagen se

le colocara img1 y
para las demás img2,
img3, img4, img5 y Tipo: Boton
así sucesivamente

Foto
seleccionada
18. Repite el paso 17 paras las 6 imágenes restantes  solo verifica
seleccionar cada imagen correctamente  y de colocar el nombre:
img2, img3, etc. y que sea símbolo de tipo Botón

Símbolos
creados de
tipo Botón
19. Selecciona cualquier imagen  Dar doble clic izq.  Notaras que entraras
al símbolo Botón.

Doble clic Estados de Botón

20. Crea los 3 estados de botón  con solo presionar F6

Clic para seleccionar primer

estado y presionar F6 Estados de Botón creados
21. Da clic en el Fotograma Sobre  clic derecho sobre la Foto 
convertir en símbolo.
22. Ahora asigna el Nombre de “img1-Animada”  De Tipo Clip de
película  Aceptar

Seleccionar
Fotograma

Foto
seleccionada
23. A la imagen convertida en símbolo  Da doble clic izq.  veras
que entras al símbolo de img1-Animada.
24. Selecciona la Capa 1  Fotograma 1  después clic derecho sobre
Fotograma 1  crear Interpolación clásica
25. Ir a Fotograma 15  presionar F6

26. Selecciona el Fotograma 15  después da un clic a la Foto activa  y

aumenta su tamaño dando clic izq. Sostenido. En una de las esquinas.

NOTA: EL AUMENTO DE TAMAÑO TIENE QUE SER MUY POCO.

27. Clic izq. sostenido
Foto ampliada.
para ampliar.

Recuerda que para ampliar la foto de

forma proporcional en ancho y alto
puedes hacer uso de la tecla
SHIFT+Clic izq.
28. Para ver el resultado solo presiona Enter  Veras que la foto se
hace un poco grande.
29. Después colócate en el Fotograma 1  panel de Propiedades 
Busca la sección Interpolación  y en Aceleración coloca el valor de
100

Fotograma 1
Aceleracion
30. Ahora colócate en el Fotograma 15  panel de Propiedades 
Busca la sección Interpolación  y en Aceleración coloca el valor de 100

Fotograma 15

31. En el mismo Fotograma 15 da clic izq.

 presiona F9  coloca el código: stop();

Aceleración
32. Regresa a la Escena Principal  presionar CTRL + ENTER 
para ver el resultado.

Clic en la Escena 2. En su caso

podría ser Escena 1

33. Repetir los Pasos 19,20,21,..,31 para el resto de las imágenes.

 600px
Nuevo ActionScript 2.0

400px

30fps

Color al gusto
Crea documento con las
siguientes características

OK
1. Crea las siguientes capas.

2. Verifica que los textos y rectángulos

coincidan con las capas.
3. Recuerda que los colores o rellenos
textos y el relleno pueden ser
modificados a tu gusto Rectángulos de texto
Textos normales con relleno blanco
4. Selecciona la herramienta texto  y dibuja un rectángulo sobre el
rectángulo creado anteriormente del usuario.
Rectángulo de texto
Asegúrate de que cuando dibujes los
rectángulos de texto estés en la capa
de TEXTO ENTRADA
5. En panel de propiedades  Selecciona la lista  Tipo de texto  y
selecciona “Introducción de texto”
6. Y en Nombre del la instancia coloca  “usuario”
Nombre de la instancia

Tipo de texto
 7. Repite el paso 4  Dibuja el rectángulo de texto ahora sobre el
rectángulo de contraseña.
Rectángulo de
Asegúrate de que cuando dibujes los texto 1
rectángulos de texto estés en la capa Rectángulo de
de TEXTO ENTRADA texto 2

Mueve la capa TEXTO

Capa
ENTRADA hasta parte
movida
superior.
Resultado de los pasos anteriores.
8. Ahora crearemos el mensaje de texto ya que este validara al
usuario si coloca un dato incorrecto se le mostrara “Contraseña o
usuario invalido…”
Para esto asegúrate de estar en la capa de “Mensaje”

Mensaje
9. Selecciona la herramienta Texto
10. Traza un rectángulo grande por encima de usuario y contraseña.

Rectángulo de texto

11. Sin dejar el rectángulo de texto anterior  Ve al panel de propiedades y

Selecciona la lista  Texto estático, cámbialo por  Texto dinámico
12. Notaras que al deseleccionar el rectángulo se torna punteado,
esto indica que estas bien.

13. Ahora crea y diseña un botón a tu gusto… También puedes usar

una imagen como botón.
14. Ahora crearemos el botón  verifica que estés en la capa Boton

Capa Boton

Selecciona la capa Botón y en esta realizaras el diseño del botón a crear

15. Ir a menú Insertar  Nuevo símbolo  Dar el Nombre: Boton o cualquier
otro nombre.
16. Tipo:  Botón.  Presionar Aceptar

17. Si el botón lo vas crear crea 2 capas: una para el texto y otra para el
rectángulo del botón  por ultimo diseña tu botón. Dándole los 3 estados.

Recuerda que tu botón puede ser

de cualquier forma. Ejemplo.
18. Regresa a la Escena  y selecciona el botón creado.
19. Después ir al panel de propiedades  Nombre de la instancia
 coloca el nombre “valida”
Nombre de la
instancia
20. Selecciona el Rectángulo de texto 1 y en propiedades agrega el
Nombre de instancia: “usuario”
21. Selecciona rectángulo de texto 2 y en propiedades agrega el
Nombre de instancia: “contrasenia”
Rectángulo
de texto 1
Rectángulo
de texto 2
22. Selecciona el rectángulo de texto mensaje  En propiedades
asigna el Nombre de instancia: “mensaje”

Rectángulo de
texto mensaje

23 .Ve resultado final

Ahora puedes cambiar
algunas propiedades
como: color de letra,
tamaño, tipo de letra,
relleno, etc.
24. Para finalizar ahora selecciona la capa “CODIGOS”
25. Selecciona el Fotograma 1, dar clic  Presionar F9 y agrega el
siguiente código…

Fotograma 1
Introduciendo datos Introduciendo datos correctos
incorrectos
1. Inicie el documento “BannerIntel.fla”, encontramos que existen
siete capas, las capas contienen clips de película listos para animar
por código.
2. Antes de comenzar, es necesario asignarles un nombre de
instancia para poder referenciarlos en nuestro código,
comenzaremos con el Carro3D. Seleccionamos nuestra imagen del
carro y nos vamos al panel de propiedades, en el recuadro donde
dice nombre de instancia escribimos “Carro3D”.
3. Ahora seleccionamos nuestro logo y nos vamos al panel de
propiedades, en el recuadro donde dice nombre de instancia
escribimos “Logo”.
4. Después seleccionamos nuestro texto y nos vamos al panel de
propiedades, en el recuadro donde dice nombre de instancia
escribimos “Texto”.
5. En la capa de acciones seleccionamos nuestro fotograma ubicado
en el Fotograma 1, abrimos nuestra ventana de Acciones clic en el
menú “Ventana – Acciones” o presionamos “F9”.
6. En la ventana de acciones lo primero que necesitamos hacer es
importar nuestras clases (instrucciones) al documento y lo podemos
hacer con el siguiente código.
1. Crear un nuevo documento con las siguientes propiedades
• ActionScript: 2.0
• Ancho: 600px
• Alto: 450px
• Cuadros por segundo: 30fps
• Fondo: El deseado incluso puede ser una imagen de fondo
2. Crear las siguientes capas:

3. Ahora Inserta un Nuevo símbolo  Tipo clip de película  Nombre

ecualizador  Aceptar
4. Dentro del Símbolo Ecualizador  Crear las 2 capas siguientes:

5. En la capa de Barras Ver dibuja unas barras verticales

6. Una vez terminado las barras selecciona
la capa Barras Ver  después clic derecho
sobre las barras  Convertir en símbolo 
Dar el nombre de Barras musicales  Tipo
Clip de película
7. Ahora distribuye todas las barras en capas.  Teniendo la capa 1
activa  Da clic derecho sobre las barras  Distribuir en capas.
8. Todas la capa resultantes animar cada 10 Fotogramas de tal
forma que quedara 10, 20, 30 y 40.  y aplica interpolación de
moviente clásica.
1. Crea Nuevo documento y aplica los siguientes ajustes.
• ActionScript: 2.0
• Alto:400px
• Ancho: 750px
• Velocidad de fotogramas: 30fps
• Fondo: El que gustes
2. Ahora crea las siguientes capas con el orden especificado.
Nota: Puedes variar el orden pero toma en cuenta que los
colores y el personaje este siempre visibles.

Capas creadas
3. Para esta practica se necesitaran:
• Un Cursor
• Fondo
• Imagen a pintar
• Botones para la paleta de colores
4. Para crear los botones puedes usar un botón sencillo o buscar en
internet “splashes” para usarlos como paleta de colores.

5. Importa o vectoriza una paleta de colores en ILLustrator 

Colocarla en la capa paleta.
6. Coloca sobre tu capa colores  cada uno de los botones que
definen el color a rellenar
7. Ahora coloca sobre la capa FONDO la imagen a usar como fondo
de tu animación.
8. Busca en internet y descarga una imagen para colorear  Abre Illustrator  importa
la imagen descargada  Busca la opción en la barra de propiedades “Calco de
imagen”

9. Despliega la lista y selecciona  la opción “Logotipo en blanco y negro”.

10. Ahora presionar el botón “Expandir”

11. Una vez expandida la imagen da clic derecho sobre esta  y elige la opción
“Desagrupar”  Guarda la imagen con otro Nombre y como archivo de Tipo: Adobe
Illustrator (*.AI)
12. Ahora importa el archivo de Illustrator a la biblioteca de Flash 
Actica la primera casilla “Capa 1” para seleccionar todos los
elementos de la imagen y Por ultimo “Aceptar”.
13. Busca en la biblioteca la imagen de Illustrator importada  Su
icono debería lucir de la siguiente forma.
14. Ahora sobre la capa “IMG VECTORIZADA”, arrastra la imagen con
extensión “.ai” a la escena principal.
 15. Y ahora para terminar esta sección da clic derecho sobre la
imagen vectorizada  y selecciona “Separar”.
16. Notaras que se formaron rectángulos de diferentes tamaños
esto significa que todo esta correcto.

Da clic fuera para Imagen sin

deseleccionar todo y ahora fondo blanco
quítale el fondo al pájaro
para que solo se muestra el
contorno del mismo
 17. Ahora selecciona cada parte de la imagen  y conviértela en un
símbolo de Tipo botón. Ejemplo: BTNALAS

ACEPTAR
Clic derecho 
Convertir en
símbolo
TIPO: BOTON NOMBRE: BTNALAS

NOTA: Cada elemento que conviertas en símbolo relaciónalo con la extremidad ejemplo:
BTNALAS, BTBPATAIZQ, BTNPATADER, BTNOJOIZQ, BTNOJODER, BTNPICO, BTNVARITA, ETC.
 18. Después selecciona cada elemento de la imagen convertida en
símbolo. Ejemplo seleccionar “BTNALAS”  ir a panel de
propiedades y en Nombre de la instancia colocar “ALAS”, sin
comillas.

Nombre de
extremidad o
parte

TOMA EN CUENTA QUE EL SIMBOLO ESTA COMPUESTO POR BTNALAS

Por tanto selecciona cada parte de la imagen o extremidad y asígnale el nombre después de la palabra BTN al
nombre de la instancia dejemplo: BTNPICO, BTNPATADER, BTNPATAIZQ, ETC.
19. Ahora selecciona Fotograma 1 de la capa Acciones 1  Presiona
F9  Escribe el siguiente código.
12. Después selecciona Fotograma 1 de la capa Acciones 2 
Presiona F9  Escribe el siguiente código.
13. Selecciona el primer Botón de color  Presiona F9  Escribir el
siguiente código.

Código

Botón
Color
Hexadecimal

14. Y así selección el segundo, tercer, cuarto y quinto Botón (O los

que tengas). Y aplica el mismo código
15. Ahora selecciona cada extremidad de la imagen  Presiona F9  Escribir
el siguiente código.

Botón Nombre de la
BTNALAS instancia: ALAS

16. Realiza el paso 15 para cada parte de la imagen  solo cambia el nombre
de la instancia por la parte que hayas seleccionado.

Botón Nombre de la
BTNCUERPO instancia: CUERPO
1. Crear un nuevo documento de Flash con los siguientes
características.
• Ancho: 400
• Alto: 550
• Velocidad de Fotogramas: 30fps
• Color de Fondo: Al gusto
2.Ahora crea las siguientes capas

3.Selecciona la capa “Componentes de reproductor”  Realizaras el

agregado de los componentes siguientes “MediaPlayBack” y “List”.

NOTA: Dichos Componentes debe ir en la capa de “Componentes de

reproductor”
2. Ir a ventana  componentes  Media  MediaPlayBack  y arrastrarlo al
escenario.
MediaPlayBack

3. Teniendo seleccionado el componente “MediaPlayBack”  ir a panel de

propiedades  Nombre de instancia y colocar “ControladorDeAudio”

Nombre de
Instancia
4. Dentro de propiedades ahora selecciona el botón “Panel de
vinculaciones”
Panel de
vinculaciones

5. Se mostrara un Panel “Inspector de componentes”

 MediaPlayBack
6. Asegúrate que estés en Pestaña “Parámetros”
1. Pestaña parámetros

2. Activa MP3

2. Activa ON

Ajusta tamaño

Inspector de componente”
7. Ir a ventana  componentes  User Interface List y
arrastrarlo al escenario.

Componente
List

Ajusta el
tamaño de List
8. Teniendo seleccionado List  ir propiedades  nombre de la
instancia  colocar “ListaDeCanciones”.
9. Activa MultipleSeleccion.
Nombre de la
instancia
10. Colócate sobre la capa Fondo  aplica un fondo de imagen
deseado.

FONDO
11. Ahora colocaremos unas etiquetas donde se mostrara el nombre
del tema y la canción en reproducción.
Para esto busca los componentes “Label”  arrastra 2 Label al
escenario.

Componentes
“Label”

Selecciona y arrastra
la “Label” al
escenario
12. Selecciona la primer Label  ir a propiedades  Nombre de
instancia  colocar “LblCantidadDeCanciones”

También verifica
Label 1 PARÁMETROS DE
COMPONENTE y
estable los valores
aquí especificados
13. Selecciona la segunda Label  ir a propiedades  Nombre de
instancia  colocar “LblTitulo”
Label 1

También verifica
Label 2 PARÁMETROS DE
COMPONENTE y
estable los valores
aquí especificados
14. Ahora selecciona Capa “COMPONENTES DE REPRODUCTOR” 
Presiona F9 y agrega el siguiente código. Parte 1.
Parte 2.
15. Seleccionar el componente de Lista de canciones Presiona F9
 Agrega el siguiente código.
16. Ya para casi finalizar guarda el archivo de Flash o muévelo a una
carpeta con el nombre Reproductor (Nota: El nombre de la carpeta
puede ser cualquiera)
17. Y dentro de esta carpeta creada crea otra llamada Musica (Nota:
Esta carpeta si debe llamarse “Musica” ya que esta almacenara a
las canciones usadas)
18. Ahora dentro de la carpeta Música crea otra carpeta llamada “Pistas De
Audio” (Nota: No cambies el nombre de esta carpeta)

19. Abre un bloc de notas  Copia el siguiente código.

20. Guarda el bloc de notas dentro de la Carpeta Reproductor 
Musica  con el nombre de “Lista de canciones.asp”.

21. LISTO HAS TERMINADO