MACROMEDIA FLASH 8: EJERCICIOS DE PRCTICA

ANIMACIN FOTOGRAMA A FOTOGRAMA (FRAME-BY-FRAME

ANIMATION)

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: AnimacionFotogramaFotograma

ReboteSave

3. Mostrar las rejillas en el escenario:

ViewGridShow Grid (Ctrl+)

4. Hacer que se vean los fotogramas en la Lnea de Tiempo de forma real/actual:

Frame View pop up menu ( )Preview in Context

5. Dibujar un grfico (valo) en el escenario del primer fotograma clave:

Panel de HerramientasSeleccione la herramienta Oval u valo ( )Zona de

Color (Colores)clic sobre el icono Stroke color o Color de trazo ( )clic
sobre el icono cuadrado ( )escoger el icono de no color ( )clic sobre el icono
de Fill color o Color de relleno ( )clic sobre el icono cuadrado (
)escoger el color azul ( )Dibujar un crculo cerca de la porcin superior del
escenario, manteniendo presionada la tecla de [Shift] mientras arrastre el ratn para
crear un valo perfecto.

6. Convertir el grfico creado previamente en un smbolo:

 Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta
Arrow, Flecha o de Seleccin ( )Seleccione el grfico (crculo u
valo)ModifyConvert to Symbol (F8)Name: BlaType: GraphicOK

7. Crear un segundo fotograma clave:

En la Lnea de Tiempo, seleccionar el fotograma 2InsertTimelineKeyframe

(F6)En el fotograma 2, seleccione el valoArrastrarlo hacia la porcin inferior del
escenario Seleccionar fotograma 2

Presionado las
teclas: [Shift]+
[Tecla de flecha
hacia abajo]
acelera el
movimiento hacia
abajo del objeto

Insertar fotograma clave

Arrastrar la bola para reposicionarlo

8. Crear un tercer fotograma clave:

 En la Lnea de Tiempo, seleccionar el fotograma 3InsertTimelineKeyframe
(F6) En el fotograma 3, seleccione el valoArrastrndolo hacia el medio del
escenario Seleccionar fotograma 3

Insertar fotograma clave

Arrastrar la bola para reposicionarlo

9. Previsualizar la acccin:

MTODO 1: WindowsToolbarsControler

Ir al ltimo fotograma
Mover hacia delante el fotograma

Reproducir

Mover hacia atrs el fotograma

Rebobinar

Detener
MTODO 2: FilePublish PreviewFlash (F12)
10. Cambiar la versin detectada:
 Abrir tu documento de FlashFilePublish Settings (Ctrl+Shift+F12)Desde la
ventana de Publish Settings, clic a la pestaa rotulada como FlashDesde el men
vertical rotulado como Version, escoger la versin 7: Flash Player 7OK

ANIMACIN INTERPOLADA (MOTION TWEENING)

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: AnimacionInterpoladaRebote Save

3. Mostrar las rejillas en el escenario:

ViewGridShow Grid (Ctrl+)

4. Hacer que se vean los fotogramas en la Lnea de Tiempo de forma real/actual:

Frame View pop up menu ( )Preview in Context

5. Abra la animacin anterior (AnimacionFotogramaFotograma Rebote):

 FileOpen (Ctrl+O)Look in: AnimacionFotogramaFotogramaReboteOpen

6. Abra la Biblioteca:

WindowLibrary (Ctrl+L)

7. Active/abra la Biblioteca de la animacin anterior

(AnimacinFotogramaFotogramaRebote), manteniendo seleccionado la pestaa
de la animacin actual (AnimacionInterpoladaRebote):

Primer mtodo:

Dirigirse al panel de la BibliotecaClic al men vertical o de cascadaSeleccionar:

AnimacinFotogramaFotogramaRebote

Segundo mtodo:

FileImportOpen Externar Library (Ctrl.+Shift+O)Look In:

AnimacinFotogramaFotogramaReboteOpen

8. Inserte el smbolo de la librera en el escenario de la animacin actual:

 Dirjase hacia el panel de la Biblioteca
AnimacinFotogramaFotogramaReboteSeleccione el smbolo rotulado:
bolaArrstrelo con el ratn hacia el escenarioPosicinelo hacia la parte superior
del escenario

9. Crear un segundo fotograma clave, donde se duplique el contenido de fotograma

clave anterior (primero):

En la Lnea de Tiempo, seleccionar el fotograma 5InsertTimelineKeyframe

(F6)seleccione el valoArrastrarlo hacia la porcin inferior del escenario

10. Crear un tercer fotograma clave, donde se duplique el contenido del fotograma
clave anterior (segundo):

En la Lnea de Tiempo, seleccionar el fotograma 10InsertTimelineKeyframe

(F6) seleccione el valoArrastrarlo hacia la parte superior del escenario (la misma
posicin que el fotograma clave 1)

11. Configurar la propiedad de la extensin (span property) para la primera

mitad de animacin interpolada:

En la Lnea de Tiempo, seleccionar cualquiera de los fotogramas entre los fotogramas

claves 1 y 5Escoger la pestaa de: Properties (Frame Properties tab) del Inspector
de PropiedadClic sobre el men de contextual de TweenSeleccionar Motion
12. Configurar la propiedad de la extensin (span property) para la segunda
mitad de animacin interpolada:

En la Lnea de Tiempo, seleccionar cualquiera de los fotogramas entre los fotogramas

claves 5 y 10Escoger la pestaa de: Properties (Frame Properties tab) del inspector
de propiedadClic sobre el men de contextual de TweenSeleccionar Motion

13. Previsualizar la animacin interpolada:

FilePublish PreviewFlash (F12)

ANIMACIN INTERPOLADA DE FORMA (SHAPE TWEENING)

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: InterpolacionFormaTextoSave

3. Dibujar un grfico (valo) en el escenario del primer fotograma clave:

Panel de HerramientasSeleccione la herramienta Oval u valo ( )Zona de

Color (Colores)clic sobre el icono Stroke color o Color de trazo ( )clic
sobre el icono cuadrado ( )escoger el icono de no color ( )clic sobre el icono
de Fill color o Color de relleno ( )clic sobre el icono cuadrado (
)escoger el color azul ( )Dibujar un valo en el medio del escenario.

5. Crear un segundo fotograma clave:

En la Lnea de Tiempo, seleccionar el fotograma 40InsertTimelineKeyframe

(F6)Desde el fotograma 40, seleccione el valoPresione la tecla de [Delete]
6. Escribir un texto en el escenario del fotograma clave 40:

Panel de Herramientas Zona de Tools (Herramientas)Seleccione la herramienta

de Text o Texto ( )Zona de Color (Colores)clic sobre el icono Stroke color o
Color de trazo ( )clic sobre el icono cuadrado ( )escoger el icono de no
color ( )clic sobre el icono de Fill color o Color de relleno ( )clic sobre
el icono cuadrado ( )escoger el color azul ( )Clic sobre el escenarioEscribir
el texto: Magnifica Dorkas en el centro del escenario

7. Cambie las propiedades del texto desde el panel del Inspector de Propiedad:

Seleccione la pestaa rotulada como PropertiesFuente: Arial Black, Tamao: 50,

Alineacin: Centralizada

8. Centralice el texto en el escenario:

Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta

Arrow, Flecha o de Seleccin ( )Clic sobre el texto (Magnifica
Dorkas)Arrastrarlo hacia el medio del escenario

9. Separe el texto para convertirlo en un grfico:

ModifyBreak Apart (Ctrl+B)Botn derecho del ratn sobre el texto

agrupadoBreak Apart
10. Configurar la propiedad para la animacin interpolada de forma:

En la Lnea de Tiempo, seleccionar el primer fotograma claveEscoger la pestaa de:

Properties (Frame Properties tab) del Inspector de PropiedadClic sobre el men de
contextual de TweenSeleccionar Shape

11. Previsualizar la animacin interpolada:

FilePublish PreviewFlash (F12)

12. Si desea detener el bucle (loop) de la animacin interpolada de movimiento:

Clic fotograma clave 40WindowsActions (F9)Desde el panel de Actions,

clic al icono de cruz azul ( )Del men vertical o de cascada, seleccionar Global
FunctionsTimeline Controlstop (Esc+st)

BOTN BSICO

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: MiBotnBsicoSave

3. Crear el smbolo del botn:

InsertNew Symbol...(Ctrl+F8)Name: MiBotnBsicoType: ButtonOK

4. Crear el estado Arriba (Up) del botn:

Seleccionar el fotograma UpPanel de HerramientasSeleccione la herramienta

Rectangle o Rectngulo ( )Zona de Color (Colores)clic sobre el icono Stroke
color o Color de trazo ( )clic sobre el icono cuadrado ( )escoger el icono
de no color ( )clic sobre el icono de Fill color o Color de relleno ( )clic
sobre el icono cuadrado ( )escoger el color azul ( )Dibujar el rectngulo en el
centro del escenario, en el medio de la cruz de la registracin.
5. Crear el estado Sobre (Over) del botn:

Seleccionar el fotograma OverInsertTimelineFotograma clave (F6)Clic

sobre el botnZona de Color (Colores)clic sobre el icono de Fill color o Color
de relleno ( )clic sobre el icono cuadrado ( )escoger el color amarillo ( )

6. Crear el estado presionado (Down) del botn:

Seleccionar el fotograma DownInsertTimelineFotograma clave (F6)Clic

sobre el botnZona de Color (Colores)clic sobre el icono de Fill color o Color
de relleno ( )clic sobre el icono cuadrado ( )escoger el color azul marino (
)

7. Crear el estado golpe (Hit) del botn:

Seleccionar el fotograma HitInsertTimelineFotograma clave (F6)Clic sobre

el botnZona de Color (Colores)clic sobre el icono de Fill color o Color de
relleno ( )clic sobre el icono cuadrado ( )escoger el color rojo ( )
8. Regresar al documento de editar:

EditEdit Document (Ctrl+E)Desde la Biblioteca, seleccionar el botn

(MiBotnBsico)Arrastrarlo hacia el escenario

9. Previsualizar el documento:

FilePublish PreviewFlash (F12)

BOTN DESDE LOS COMPONENTES

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: MiBotnComponenteSave

3. Acceder los paneles de los Componentes, Inspector del Componente, Biblioteca y

la pestaa de Parmetros:

WindowsComponents (Ctrl+F7)
WindowsInspector Component (Alt+F7)
WindowsLibrary (Ctrl+L)
WindowsPropertiesParameters

Bajo el panel de Components, Clic sobre User InterfaceDesde la Biblioteca o panel

de Componentes, clic sobre el smbolo de botnArrastarlo hasta el escenario

4. Previsualizar la instancia del componente:

VER UN COMPONENTE LIMITADO:

ControlEnable Live Preview
 VER TODOS LOS PARMETROS Y ESTADOS DE UN COMPONENTE:
ControlTest Movie (Ctrl.+Enter)

5. Modificar las dimensiones del componente botn:

Desde el escenario, seleccionar la instancia MiBotnComponenteDesde el panel del

Inspector de Propiedad, seleccione la pestaa rotulada como Propertiesclic al icono
de candado ( )W: 150, L: 50Presione la tecla de [Enter]

6. Modificar los rtulos del componente botn:

Desde el escenario, seleccionar la instancia MiBotnComponenteDesde el panel del

Inspector de Componente (Componente Inspector), seleccione la pestaa rotulada
como ParametersClic al valor ButtonEscriba: PruebaComponentePresione la
tecla de [Enter], o clic fuera del campo de texto activo

7. Configurar un botn para que se comporte como un alternador (toggle):

Desde el escenario, seleccionar la instancia MiBotnComponenteDesde el panel del

Inspector de Componente (Componente Inspector), seleccione la pestaa rotulada
como ParametersClic al valor toggleCambiar a truePresione la tecla de [Enter],
o clic fuera del campo de texto activo
AADIENDO SONIDOS

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: MiPrimerSonidoSave

3. Importar el archive de sonido:

FileImportImport to Stage (Ctrl+R)Desde la caja de dilogo de import, en

Look in, buscar el archivo de audioOKDesde la Biblioteca, seleccionar el archivo
de msicaArrastrarlo hacia el escenario

FileImportImport to Library Desde la Biblioteca, seleccionar el archivo de

msicaArrastrarlo hacia el escenario

4. Insertar sonido en estado de Sobre (Over) de un botn:

Mtodo 1:

Clic sobre el fotograma del botn en el estado de OverDesde la Biblioteca,

seleccionar el smbolo de audioArrastarlo hacia el escenario donde se encuentre la
instancia del botn

Mtodo 1:

Clic sobre el fotograma del botn en el estado de Over Desde el panel del Inspector
de Propiedad, seleccione la pestaa rotulada como Propertiesclic al men vertical
rotulado como SoundSeleccionar un sonido

ANIMACIN A LO GARGO DE UNA VA O GUA

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: AnimacinGuiaSave

3. Crear una animacin interpolada de 10 fotogramas:

ViewGridShow Grid (Ctrl+)

Frame View pop up menu ( )Preview in Context

FileOpen (Ctrl+O)Look in: AnimacionFotogramaFotogramaReboteOpen

WindowLibrary (Ctrl+L)

Dirigirse al panel de la BibliotecaClic al men vertical o de cascadaSeleccionar:

AnimacinFotogramaFotogramaRebote

Dirjase hacia el panel de la Biblioteca

AnimacinFotogramaFotogramaReboteSeleccione el smbolo rotulado:
bolaArrstrelo con el ratn hacia el escenarioPosicinelo hacia la parte superior
izquierda del escenario

En la Lnea de Tiempo, seleccionar el fotograma 10InsertTimelineKeyframe

(F6)seleccione el valoArrastrarlo hacia la porcin inferior derecha del escenario
 En la Lnea de Tiempo, seleccionar cualquiera de los fotogramas entre los fotogramas
claves 1 y 10Escoger la pestaa de: Properties (Frame Properties tab) del Inspector
de PropiedadClic sobre el men de contextual de TweenSeleccionar Motion

En la Lnea de Tiempo, seleccionar cualquiera de los fotogramas entre los fotogramas

claves 5 y 10Escoger la pestaa de: Properties (Frame Properties tab) del inspector
de propiedadClic sobre el men de contextual de TweenSeleccionar Motion

4. Configurar la animacin interpolada en piel de cebolla (onion skin), que se vean

todos los fotogramas en piel de cebolla y para que se puedan editar mltiples
fotogramas:

En la Lnea de Tiempo, dirigirse a la Barra de EstadoClic sobre el botn de Onion

Skin ( )En la Barra de Estado, clic sobre el botn de Modify Onion Markers(
)Desde el men contextual, seleccionar Onion AllEn la Barra de Estado,
seleccionar el botn de Edit Multiple Layers ( )
4. Aadir una capa para la gua del movimiento:

Clic sobre el fotograma 1Seleccionar la primera capaEn la parte inferior izquierda

de la Lnea de Tiempo, clic sobre el botn de Aadir una Gua deMovimento o Add
Motion Guide ( )

5. Generar el patrn del movimiento:

Desde el Panel de Herramientas, seleccione la herramienta de Lpiz o Pencil (

)Desde el Panel de Herramientas, en la zona de Options, deseleccionar el modo
de Dibujo del Objeto o Object Drawing ( )Zona de Color (Colores)clic sobre
el icono Stroke color o Color de trazo ( )clic sobre el icono cuadrado (
)escoger un color negror ( )Desde la Lnea de Tiempo, seleccionar la capa de
la gua de movimento ( )Seleccionado el primer
fotograma, dibuje un patrn en forma de ocho (8) sobre el escenario, el cual seguir
la animacinViewSnappingSnapping to Objects
Clic sobre el fotograma 1 Panel de HerramientasZona de Tools
(Herramientas)Seleccione la herramienta Arrow, Flecha o de Seleccin (
)Arrastrar la grfica interpolada por su punto de transformacin para colocarla
directamente sobre el patrn del movimientoClic sobre fotograma 10Arrastre
la grfica interpolada hacia su punto de trasformacin y directamente sobre el
extremo del patrn de movimiento

6. Previsualizar la animacin interpolada:

 FilePublish PreviewFlash (F12)

AADIENDO EFECTOS A LOS OBJETOS

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: AnimacinBlurSave

3. Escribir un texto en el escenario:

Panel de Herramientas Zona de Tools (Herramientas)Seleccione la herramienta

de Text o Texto ( )Zona de Color (Colores)clic sobre el icono Stroke color o
Color de trazo ( )clic sobre el icono cuadrado ( )escoger el icono de no
color ( )clic sobre el icono de Fill color o Color de relleno ( )clic sobre
el icono cuadrado ( )escoger el color azul ( )Clic sobre el escenarioEscribir
el texto: Magnifica Dorkas en el centro del escenario

4. Cambie las propiedades del texto desde el panel del Inspector de Propiedad:

Seleccione la pestaa rotulada como PropertiesFuente: Arial Black, Tamao: 45,

Alineacin: Centralizada

5. Centralice el texto en el escenario:

Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta

Arrow, Flecha o de Seleccin ( )Clic sobre el texto (Mi Primer Texto
Blur)Arrastrarlo hacia el medio del escenario

6. Aplique el efecto de blur al texto:

 Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta
Arrow, Flecha o de Seleccin ( )Posionarlo sobre el grfico (Mi Primer Blur)
Clic con el botn derecho del ratnDesde el men contextual, escoger Timelin
EffectsEffectsBlur

7. Ajuste los atributos del efecto de blur:

Desde la ventana de blur: Effect Duration: 10, Resolution: 10, Scale: .30OK

7. Previsualoizar la animacin de blur:

FilePublish PreviewFlash (F12)

AJUSTADO EL TAMAO DE LOS OBJETOS (INSTANCIAS) EN EL

ESCENARIO

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:
 FileSave As...(Ctrl+Shift+S)File name: AjusteInstanciaSave

3. Dibujar un grfico (rectngulo) en el escenario del primer fotograma clave:

Panel de HerramientasSeleccione la herramienta Rectangle o Rectngulo (

)Zona de Color (Colores)clic sobre el icono Stroke color o Color de trazo (
)clic sobre el icono cuadrado ( )escoger el icono de no color ( )clic
sobre el icono de Fill color o Color de relleno ( )clic sobre el icono cuadrado
( )escoger el color azul ( )Dibujar un rectngulo cerca de la central del
escenario, manteniendo presionada la tecla de [Shift] mientras arrastre el ratn para
crear un cuadrado perfecto.

3. Ajuste el tamao del cuadrado:

Mtodo 1:

Panel de HerramientasSeleccione la herramienta Free Transform ( )Clic sobre

el grfico (Cuadrado)Posicione el puntero del ratn sobre la agarradera (punto
negro) superior izquerdaMantener presionado el botn izquierdo del ratn, mientras
lo hacia fuera

Mtodo 2:

Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta

Arrow, Flecha o de Seleccin ( )Desde el escenario, clic sobre el grfico
(Cuadrado)Desde el panel del Inspector de Propiedad, seleccione la pestaa rotulada
como Propertiesclic al icono de candado ( )W: 150, L: 150Presione la tecla de
[Enter]

CREANDO OBJETOS CON GRADIENTES

1. Inicie Flash:

StartAll ProgramasMacromediaMacromedia Flash 8Create NewFlash

Document

2. Guarde el archivo:

FileSave As...(Ctrl+Shift+S)File name: ObjetoGradienteSave

3. Dibujar un grfico (rectngulo) en el escenario del primer fotograma clave:

Panel de HerramientasSeleccione la herramienta Rectangle o Rectngulo (

)Zona de Color (Colores)clic sobre el icono Stroke color o Color de trazo (
)clic sobre el icono cuadrado ( )escoger el color azul oscuro( )clic
sobre el icono de Fill color o Color de relleno ( )clic sobre el icono cuadrado
( )escoger el color azul ( )Dibujar un crculo cerca de la porcin central del
escenario un rectngulo.

3. Activar el paner de Mezcla de Colores (Color Mixer):

WindowsColor Mixer (Shift+F9)

4. Aplicar la Gradiente al Rectngulo

 Panel de HerramientasZona de Tools (Herramientas)Seleccione la herramienta
Arrow, Flecha o de Seleccin ( )Desde el escenario, clic al rectnguloDescde el
panel del Color Mixer, ir al men de TypeSeleccionar LinearClic en o debajo de
la barra para definicin de la Gradiente( ),para aadir un
puntador de Gradiente( )Clic al puntador de Gradiente

CONFIGURACIONES DE LOS TIPOS DE ARCHIVO PUBLICADOS EN FLASH

1. Cambiar la versin detectada:

Abrir tu documento de FlashFilePublish Settings (Ctrl+Shift+F12)Desde la

ventana de Publish Settings, clic a la pestaa rotulada como FlashDesde el men
contextual rotulado como Version, escoger la versin 7: Flash Player 7OK
2. Para que el archivo publicado para el Web (HTML) posea un fondo
transparente:

Abrir tu documento de FlashFilePublish Settings (Ctrl+Shift+F12)Desde la

ventana de Publish Settings, clic a la pestaa rotulada como HTMLDesde el men
contextual rotulado como Window Mode, escoger Transparent WindowlessOK

3. Para que el archivo publicado como una animacin GIF posea un fondo
transparente, y que se repita una sola vez:

Abrir tu documento de FlashFilePublish Settings (Ctrl+Shift+F12)Desde la

ventana de Publish Settings, clic a la pestaa rotulada como FormatClic a la caja de
cotejo rotulada como GIF Image (.gif) clic a la pestaa rotulada como GIFDesde
la zona rotulada como Playback, seleccionar el botn de radio rotulado como
AnimatedDesde la zona rotulada como Playback, seleccionar el botn de radio
rotulado como Repeat, en el campo prximo a ste, escriba 1 (1 time)Desde el
men contextual rotulado como Transparent, escoger TransparentOKPresionar el
botn de Publish
PARA VER LOS PARMETROS DE UN COMPONENTE DISPONIBLE
COMERCIALMENT

1. Abrir el documento de flash que contiene el componente

FileOpen (Ctrl+O)Bajo Look in, buscar el archivo Open

2. Activar la ventana del Inspector de los Componentes (Component Inspector)

WindowComponent Inspector (Alt+F7)

3. Visualizar los parmetros del componente:

Seleccionar el componente localizado en el escenarioDesde la ventana del

Inspector de los Componentes (Componente Inspector), clic a la pestaa de
Parameters