practicas intermedias de adobe flash cs3.pdf

UNIVERSIDAD NACIONAL DE SAN AGUSTÍN

FACULTAD DE INGENIERIA DE PRODUCCIÓNY SERVICIOS

ESCUELA DE POSGRADO

LABORATORIO Nro 4. ADOBE FLASH CS3

Mg. Augusto Revilla Cruz

TIPOS DE TEXTO (TEXTO ESTATICO, INTRODUCCIÓN DE TEXTO Y

TEXTO DINAMICO)

En la siguiente práctica utilizaremos la herramienta texto estático para crear

un mensaje y luego adicionar un texto que puede ser un nombre y luego nos

devuelva el nombre.

1. Active la

herramienta

texto

2. Escriba

un texto

3. Realice un

rectángulo con

la herramienta

texto

4. Cambien las

propiedades a

“Introducción

de texto”

5. Haga clic en

el campo de

“Var”

6. Haga clic en

configuración

de publicación



ESCUELA DE POSGRADO

7. Haga clic en

Flash

8. Elija la opción

Actión Script 2.0 y

ACEPTAR.

9. Escriba el texto

“nombre” en el cuadro

de Var.

10. Haga clic en

“Mostrar borde

alrededor”



ESCUELA DE POSGRADO

Realice el siguiente reto:

11. Crear otro

rectángulo con la

herramienta Texto

12. Cambien la

propiedad a “Texto

dinámico”.

13. En Var, escriba

“nombre”

14. Active la opción de

“mostrar borde

alrededor del texto”



ESCUELA DE POSGRADO

INTERPOLACION DE FORMA CON TEXTO

Un nombre que se transforme en otro nombre, o una frase que se

convierta en otra frase (Interpolación de forma).

1. Active la herramienta texto

2. En propiedades active “Texto estático”

3. Escriba el titulo de su Proyecto

4. Inserte un fotograma clave en el lugar 10 de la capa1

5. Haga clic en MODIFICAR y luego en SEPARAR, dos veces. Observe que desaparece n las líneas de color azul del texto



ESCUELA DE POSGRADO

6. Haga clic derecho en el fotograma clave

7. Haga clic “Crear interpolación de forma”

8. Inserte un fotograma clave en el lugar 25 de la capa 1

9. Borre el texto “Contaminación”



ESCUELA DE POSGRADO

13. Presione Ctrl + Enter

10. Active la herramienta texto

11. Escriba la segunda parte de su Título

12. Haga clic en MODIFICAR luego en SEPARAR dos veces



ESCUELA DE POSGRADO

IMPORTAR SONIDOS.

Para acompañar a nuestras presentaciones animadas de sonidos como: música y

voz, tenemos que importar a la biblioteca de Macromedia Flash, ello es muy

importante, cuando tengamos que modificar o controlar este sonido

1. Haga clic en Archivo

2. Haga clic en Importar 3. Haga clic en Importar a

biblioteca

4. Selecciones 2 o 3

canciones, ayúdese con la

tecla Ctrl

5. Haga clic en abrir



ESCUELA DE POSGRADO

6. Haga clic en abrir

7. Haga clic en biblioteca,

también puede presionar

la tecla F11

8. Haga clic en el sonido

que desee y arrastre al

escenario



ESCUELA DE POSGRADO

Otra forma es:

1. Seleccione el

fotograma

2. Haga clic en sonido o

despliegue

3. Seleccione el

sonido deseado



ESCUELA DE POSGRADO

CONTROLAR SONIDO

Trabajar con sonido, es decir, controlar la duración del sonido, de tal modo que

se ejecute SOLO EN LOS FOTOGRAMAS QUE DESEAMOS.

La película con sonido .WAV “música”, la calidad es buena, además, ocupa casi 5

veces menos que si el sonido fuera .mp3 recomendada.

La película con sonido .WAV “de voz ”, aunque ocupe casi 7 veces menos que si

fuera el sonido .mp3 la calidad NO es buena.

La película con sonido .mp3 “de voz ”, aunque ocupe casi 7 veces MAS que si el

sonido fuera el sonido .wav la calidad es buena – Recomendada.

1. Seleccione el sonido a

controlar

2. Despliegue y debe

elegir Flujo, ahora se

detendrá cuando

encuentre un

fotograma vacio.



ESCUELA DE POSGRADO

INTERPOLACIÓN CON GUIA DE MOVIMIENTO

Con la interpolación de movimiento se crean movimientos rectos con un objeto,

pero ahora podemos hacer que objeto siga un ruta determinada, ello con

interpolación con guía de movimiento.

1. Importe una imagen

2. Presione la tecla F8 para

convertir en símbolo tipo

Clip de película.

3. Haga clic en el primer

fotograma

4. Haga clic en “Crear

Interpolación de

movimiento”

5. Haga clic debajo del

número 20, en la recta de la

capa 1

6. Insertar /Linea de tiempo

/ Fotograma clave



ESCUELA DE POSGRADO

7. Mueva el objeto al otro

extremo de fotograma.

9. Haga clic encima de la

palabra “Capa 1”

10. Haga clic en “Añadir

guía de movimiento”

8. Haga clic en el primer fotograma de la Capa1

(esto es muy importante)

11. Haga clic en la

herramienta “Lápiz”

12. Despliegue las opciones

del lápiz

13. Haga clic en

“Suavizar”.

14. Lleve el cursor (lápiz)

hasta el círculo que tiene el

objeto y de allí trace una

ruta curva



ESCUELA DE POSGRADO

15. Haga clic en el último

fotograma de la Capa 1

16. Mueva el objeto y haga

coincidir el círculo con la

línea

17. Observe que el objeto

sigue la guía o ruta que

hemos trazado.



ESCUELA DE POSGRADO

CAMBIAR EL TAMAÑO DE UN OBJETO CON UN BOTON

1. Con la herramienta

“rectángulo” construya

dos rectángulos.

2. Con la herramienta

“texto” escriba en uno de

los rectángulos, este será

nuestro botón.

3. Con la herramienta “Selección” y haga un

rectángulo imaginario alrededor de texto y

rectángulo azul para seleccionarlos


convertirlo en símbolo. 5. Escriba

nombre

“boton1”

6. Elegir en Tipo

“botón” y

Aceptar.



ESCUELA DE POSGRADO

7. Seleccione el otro

rectángulo y presione

la tecla F8.

8. Escriba el nombre

“r1”.

9. En Tipo elegir “Clip

de película” y

Aceptar.

10. En nombre de instancia escriba “r1”, esto es muy importante para acceder a sus propiedades.

11. Seleccione el botón1. 12. Presione la tecla F9

para activar “Acciones”

13. Verifique que está activado en botón1

14. Escriba estos 8 renglones así como observa. Luego presione CRTL + ENTER



ESCUELA DE POSGRADO

TRABAJANDO CON MASCARAS.

1. En esta capa dibuje un círculo

2. En esta capa copie y pegue un niño, Otra forma es Archivo / Importar / Importar a escenario, buscar y abrir.

3. Haga clic derecho en el primer fotograma clave.

4. Haga clic en “Crear interpolación de movimiento”.



ESCUELA DE POSGRADO

5. Haga clic en el este espacio (debajo del número 10)

6. Haga clic Insertar /Línea de tiempo / Fotograma clave. Otra forma es presionando la tecla F6

7. Arrastre el círculo al otro extremo, pero más abajo

9. Haga clic en el este espacio (debajo del número 20)

10. Haga clic Insertar /Línea de tiempo / Fotograma clave. Otra forma es presionando la tecla F6

8. Arrastre el círculo al otro extremo, pero más abajo



ESCUELA DE POSGRADO

11. Haga clic en el este espacio (debajo del número 20) pero ahora en la capa “niño”

12. Haga clic Insertar /Línea de tiempo / Fotograma . Otra forma es presionando la tecla F5.

13. Haga clic derecho en la palabra “circulo” (nombre de esta capa).

14. Haga clic en “Mascara”



ESCUELA DE POSGRADO

15. Observe que ahora las capas están de color verde y tienen un candado así como la imagen se ha ocultado.



ESCUELA DE POSGRADO

ANIMACIONES DE LINEAS

1. Cambie las propiedades del documento flash, fondo: negro.

2. Inserte una capa por cada línea (un cuadrado tendrá 4 capas), cambien el

nombre de cada una de las capas.

3. Con la herramienta “Línea” dibuje una línea en cada una de las capas.

4. Haga clic en el primer fotograma, luego presione el botón izquierdo no lo

suelte, ahora haga clic en el último fotograma. Observe que están

seleccionados todos los fotogramas.

5. En la parte seleccionada, haga clic derecho, elegir “Crear interpolación

de movimiento”.



ESCUELA DE POSGRADO


número 20 de la línea de

tiempo.

7. Haga clic en el último

fotograma.

8. Haga clic en Insertar/ línea

de tiempo/ fotograma clave.

9. Mueva las líneas hasta

formar un cuadrado

10. Escriba un texto en la

primer fotograma de la capa

“TEXTO”

11. Haga clic debajo del número 35 de la

línea de tiempo. Repita los pasos 7 y 8.

12. Cambie la posición de las

líneas, es decir, la línea que

estaba arriba muévala a la

derecha y la línea de la

derecha muévala para abajo,

continúe con las que faltan,

siempre formando un

cuadrado



ESCUELA DE POSGRADO

13. Inserte una capa y

cambie de nombre a

“fondo”


fotograma 50 de la línea de

tiempo y repita los pasos 7 y 8

14. Importe una imagen para

el fondo (Archivo / Importar /

importar a escenario, luego

seleccione su imagen y haga

clic en Abrir)

16. Arrastre un botón de la

biblioteca botones y

agréguele código:

on (release){

play();}



ESCUELA DE POSGRADO

CAMINANDO

2. Menu Archivo/Importar/importar a biblioteca 3. De la biblioteca, arrastrar al fotograma el fondo 4. Arrastre la imagen del “zombi” al fotograma 1 5. Con el “Zombi” seleccionado, presionar la tecla F8, para convertir en simbolo

1. Archivo Flash Action Script 2.0

6.Escribir el nombre “zombi”

7.Elegir “Clip de película”

8.Aceptar



ESCUELA DE POSGRADO

9. Haga doble clic en el clip de película “zombi”

10. Selecciona un sector de la imagen 11. Presiona la tecla F8, para convertir en simbolo 12. Escribir un nombre “pieizquierdo”/Clip de película/Aceptar 13. Repetir los pasos 10, 11y 12 para otro sector de la imagen, por ejemplo “piederecho”, “manos”, “cabeza”, etc.

14. Seleccione todos los simbolos

15. Distribuir en capas



ESCUELA DE POSGRADO

16. Observe que estén seleccionados todos los fotogramas. Haga clic derecho.

17. Haga clic en “Crear interpolación de movimiento”

18. Debajo del Nro 10 de la línea de tiempo; Seleccione los lugares de las 4 capas. 19. Presione la tecla F6 para insertar fotogramas claves .

20. Haga clic en el “pieizquierdo” y gírelo hacia atrás; repita con el “piederecho” y la “cabeza”

21. Debajo del Nro 20 de la línea de tiempo; Seleccione los lugares de las 4 capas. 22. Presione la tecla F6 para insertar fotogramas claves .



ESCUELA DE POSGRADO

25. En la segunda capa Importe un fondo, debe ocupar todo el escenario.

26. Arrastre el clic de película “zombi” al escenario.

23. Haga clic en el “pieizquierdo” y gírelo hacia delante; repita con el “piederecho” y la “cabeza”. Debe quedar recto como el original

24. Haga clic en la

flecha de color azul

para regresar a la

Escena principal



ESCUELA DE POSGRADO

REALIZANDO UN EXAMEN

Realizar un examen con tres preguntas y al contestarlas nos muestre la nota

final.

2. Cambien en

propiedades a

“texto estático”

1. Haga clic en la herramienta texto

3. Escriba sus

preguntas

5. Realice tres rectángulos con la

herramienta texto y en VAR

escriba una letra para cada

rectángulo, en primero será

“a”, el segundo “b” y el tercero

“c”.

4. Cambien en

propiedades a

“Introducción de

texto”



ESCUELA DE POSGRADO

9. Presione la tecla F9 y

escriba STOP ( );

10. Inserte un fotograma

clave, Presione la tecla

F9 y escriba STOP ( );

7. Realice un cuadrado, con la

herramienta texto y en VAR

escriba la letra “d” sin las

comillas.

6. En propiedades cambien

a “Texto dinámico”

8. Cree un botón con el texto estático “Vea

su Nota”



ESCUELA DE POSGRADO

13. Borre el botón del último fotograma para que no vuelva a rectificar sus

respuestas.

14. Puede agregar un cuadro de texto (Introducción de texto VAR=e) para

pedir que escriban sus apellidos y nombres y otro cuadro de texto (texto

dinámico VAR=f) para que muestre sus apellidos cerca de la nota.

11. Seleccione el botón y

presione la tecla F9

12. Escriba lo siguiente código:

on (press) {if (a=="INCENTIVAR" || a=="Incentivar" || a=="incentivar"){a=7} else {a=0};}

on (press) {if (b=="b"){b=7} else {b=0};} on (press) {if (c=="c"){c=6} else {c=0};} on (release) {d=Number(a)+ Number(b)+Number(c); } on (release) {f=e;} on (release) {gotoAndPlay(15); }



ESCUELA DE POSGRADO



ESCUELA DE POSGRADO

CUESTIONARIO INTERACTIVO TIPO EXAMEN PARA E-LEARNING

1. Haga Clic en Cuestionario

2. Elegir un estilo de cuestionario

3. Haga Clic en aceptar



ESCUELA DE POSGRADO

1. Ahora ya está en el escenario la plantilla de cuestionario que lo

utilizaremos como un examen.

2. Haga clic en Archivo, luego en guardar como y escriba de nombre:

cuestionario y haga clic en guardar.

6. Haga Clic en el

ícono desbloquear,

tiene la forma de

un candado

7. Haga doble clic

para cambiar el texto

del título



ESCUELA DE POSGRADO

8. Haga clic en el

segundo

fotograma

9. Haga clic en el

Menú Modificar

10. Haga clic en

separar. Sólo

una vez



ESCUELA DE POSGRADO

MODIFICAMOS LA CANTIDAD DE PREGUNTAS QUE MOSTRARÁ

NUESTRO CUESTIONARIO.

11. Haga clic en

Opciones de

Cuestionario. Debe

mostrar un cuadro

azul

12. Haga clic en

el menú

Ventana

13. Haga clic en

Inspector de

componentes, puede

presionar Alt+F7

14. Si activa esta opción debe

aparecer las preguntas mezcladas

aleatoriamente

15. Aquí se indica la cantidad de

preguntas que el estudiante debe

resolver, puede haber más, pero

solo se mostrará al estudiante esta

cantidad

16. Aquí se escribe la página web

que servirá de Base de datos para

recoger los resultados, si no tiene,

se deja en blanco

17. Active para ver las

notas al final, luego

cierre esta ventana



ESCUELA DE POSGRADO

PARA MODIFICAR LAS PREGUNTAS.

19. Haga clic en Modificar

20. Haga clic en separar,

solo una vez.

18. Haga clic en cuadro

Interactivo de arrastrar y

colocar.

21.Seleccione todos los

fotogramas de una

columna, luego presione la

tecla F5

22.Copie el fotograma clave

y pegue en el nuevo



ESCUELA DE POSGRADO

23. Seleccione y borre los

objetos que no interesan

con SUPR.

24. Dibuje o copie el dibujo.

25. Presiones F8 y lo convierte en

Símbolo (Clip de película), puede

ponerle cualquier nombre: n1, n2,

n3, n4. “origen”

27. Escriba el nombre de instancia a cada uno de los

símbolos creados anteriormente. Los de “origen” son:

n1, n2, n3 y n4 y para los de “llegada son: t1,t2, t3 y t4

26. Dibuje o realice un duplicado,

para las imágenes de “llegada”;

conviértalo en Símbolo (Clip de

película) y escriba su nombre:

t1,t2,t3,t4.



ESCUELA DE POSGRADO

28. Active ventana de la

pregunta “Interacción

arrastrar y colocar

29. Haga clic en el menú

ventana

30. Haga clic Inspector de

componentes

31. Escriba el nombre de instancia de

los objetos de “origen”: n1, n2, n3, n4

32. Escriba el nombre de instancia de

los objetos de “llegada”, t1, t2, t3, t4,

los demás hay que borrarlo, en este

caso son cuatro de origen y cuatro de

llegada



ESCUELA DE POSGRADO

33. Repita el procedimiento para las demás preguntas, es decir, desde el paso

21 hasta el 32.

34. Guarde su cuestionario.

35. Continúe con las demás modificaciones.

CREACIÓN DE UNA ANIMACION COMPLETA CON EFECTOS.


insertar un fotograma clave.


insertar un fotograma

normal,

6. Repita el paso 4 y 5 en las

otras capas


insertar un fotograma clave,

luego escriba “BIENVENIDOS” y lo

conviertes en gráfico. Haga lo

mismo con las demás.

1. Inserte varias capas y

cambien de nombre


insertar un fotograma clave.



ESCUELA DE POSGRADO

10. Haga clic en

Menú Edición. 11. Haga clic en

Pegar in situ

12. Observe que hemos

pegado el símbolo en el

mismo sitio, es decir tiene las

mismas coordenadas que el

anterior.

13. Repita los pasos 7,

8, 9, 10 y 11, pero con

el número “2” que será

un símbolo.


8, 9, 10 y 11, pero con

el número “1” que será

un símbolo.

7. Seleccione el primer

fotograma y escriba el

número 3

8. Seleccione el número 3 y

presione la tecla F8 para

convertir en símbolo tipo

gráfico.

9. Haga clic derecho en el

número 3 y elegir “copiar”



ESCUELA DE POSGRADO

15. Seleccione el

fotograma clave

16. Despliegue

17. haga clic en

“Movimiento”

18. Repita los pasos

15, 16 y 17 para los

demás.

19. Seleccione el final de la

primera animación

20. Seleccione el Símbolo o

haga clic en el objeto.

21. Despliegue y haga

clic en “Alfa”.

22. Cambie el valor por

“0” (cero).



ESCUELA DE POSGRADO

23. Seleccione el

Símbolo.

24. Active la herramienta

“Transformación libre” 25. Aumente el tamaño

del Símbolo

26. Repetir los pasos

23, 24 y 25.

27. Seleccione el comienzo de

animación.

28. Seleccione el Símbolo o

haga clic en el objeto.

29. Despliegue y haga

clic en “Alfa”.

30. Cambie el valor por

“0” (cero).


28, 29 y 30.



ESCUELA DE POSGRADO

ROMPECABEZAS DE IMAGENES

4. COPIE una imagen , sino puede otra forma es, Archivo / Importar / Importar a escenario.

5. En Flash, haga clic derecho luego otro clic en PEGAR.

3. Seleccione la imagen

2. Haga clic en Modificar

1. Haga clic en Separar



ESCUELA DE POSGRADO

6. Haga clic en la herramienta “Lazo”.

7. Seleccione una región de la imagen, para ello, presione el cursor y arrastre por una región de la imagen.

8. Observe que la región está seleccionada.

9. Luego, presione la tecla F8.

10. Haga clic en “Avanzado”

11. Haga clic en Exportar para Actión Script.

12. Haga clic en Aceptar.

13. Escriba el nombre Ejm “manos”.

14. Elegir “Clip de película”



ESCUELA DE POSGRADO

15. Haga clic en la herramienta “Selección”

16. Arrastre a un extremo del fotograma.

17. Active la herramienta “Lazo”.

18. Repita los pasos 7,8,9,10,12,13,14,15. Nombre “cabeza”.

19. Haga lo mismo del paso 17, para esta región. Nombre “patas”.



ESCUELA DE POSGRADO

20. Haga clic en el Menú “Ventana”

21. Haga clic en Comportamientos

22. Haga clic en el símbolo “manos”.

23. Haga clic en la cruz o signo “+”. 24. Haga clic en “Clip de

película”

25. Haga clic “Empezar a arrastrar el clic de película”. Y en lugar de la acción “liberado” cambiar por “al presionar”.



ESCUELA DE POSGRADO


27. Haga clic en la cruz o signo “+”.

28. Haga clic en “Clip de pelicula”

29. Haga clic en “Detener el arrastre del clip de película”

30. Haga clic en el siguiente símbolo y repita los pasos 22,23,24,25,26,27 y 28.

31. Repita los pasos con el éste siguiente simbolo. Luego

Crtl + enter.



ESCUELA DE POSGRADO

ROMPECABEZAS EDUCATIVAS CON ACTION SCRIPT.

1. Con la herarmienta “Texto”, escriba la pregunta.

2. Active la herramienta

“Rectangulo”

3. Dibuje un cuadrado. 4. Seleccionelo y

presione la tecla F8.

5. Escriba el

nombre Ejm

“cuadro1” 6. Elegir Clip de

película

7. Haga clic en

Avanzado, si dice

“Basico” este

paso no lo

considere. 8. Active Exportar para

Actión Script y haga clic

en Aceptar.



ESCUELA DE POSGRADO

9. Seleccione en Símbolo

“cuadro1”, utilice la herramienta

selección (flecha negra)

10. En propiedades. Despliegue

las opciones de Color y elija la

opción “Alfa”.

11. Cambien el valor

por cero (0).

Observe que se ha

vuelto transparente.

12. Repita los pasos 9, 10 y 11

con los otros símbolos o

cuadros.

13. Seleccione el

número o texto.

14. Escriba el nombre

Ejm. “rpta1”.

15. Elegir Clip de

película.

16. Active “Exportar

para actión Script.

17. Haga clic en

aceptar.

18. Seleccione el

siguiente número y

repita los pasos 13,

14,15, 16 y 17 sólo

que ahora tiene otro

nombre.



ESCUELA DE POSGRADO

19. Haga clic en el primer cuadro

que ahora es transparente.

20. Escriba un nombre de instancia. Ejm.,

“cuadro_uno”

21. Seleccione este cuadro y en

nombre de instancia escriba

“cuadro_dos”. Haga lo

mismo con los otros cuadros

(“cuadro_tres, “cuadro_cu”,

“cuadro_cinco”.

22. Haga clic en la primera

“rpta1”

23. Escriba un nombre de instancia. Ejm.,

“respuesta1”

21. Seleccione la segunda

“rpta2” y en nombre de

instancia escriba

“respuesta2”. Haga lo

mismo con los otros

(“respuesta3, “respuesta4”,

“respuesta5”.



ESCUELA DE POSGRADO

24. Haga clic en el primer fotograma de la capa 1 (es el punto negro).

25. Inmediatamente presione la tecla F9 para activar “Acciones”.

26. Escriba el código de Actión Script como

se muestran en los 11 renglones.



ESCUELA DE POSGRADO

26. Haga clic en la primera “rpta1”.

27. Inmediatamente presione la tecla

F9 para activar el panel de

Acciones.

28. Escriba el código Actión

Script como se

muestran en los 13

renglones.

29. Repita los pasos 26, 27

y 28 para las demás

respuestas.



ESCUELA DE POSGRADO



ESCUELA DE POSGRADO

USO DE BOTONES CON ACTION SCRIPT

0

1. En el primer fotograma dibujar un “circulo”. 2. Luego haga clic derecho aquí y elgir “Crear

interpolación de movimiento”.

3. Seleccione el lugar 20 de la capa 1 4. Presione la tecla F6 para insertar un

fotograma clave.

5. Arrastre el “circulo” al otro extremo del fotograma.

6. Haga clic en el Menu Insertar / Línea de tiempo / Capa.



ESCUELA DE POSGRADO

7. Haga doble clic en la palabra capa 2 , borre y escriba “botones”.

8. Haga cli en el primer fotograma de la capa “botones”,

9. Dibuje dos rectángulos con la herramienta “rectángulo”

10. Seleccione el primer “resctángulo”.

11. Presione la tecla F8 para convertir en símbolo.

12. Escriba el nombre Ejm. reproducir.

13. Elegir en Tipo “Botón”.




ESCUELA DE POSGRADO

15. Seleccione ahora este rectángulo.

16. Presiones F8 para convertirlo en símbolo.

17. Escriba el nombre Ejm. detener.

18. En Tipo debe elegir “botón” 19. Haga clic en Aceptar.

20. Seleccione este botón.

21. Presione la tecla F9 para abrir el panel de Acciones.

22. Haga clic y escriba estos tres renglones

23. Verifique que no salga aquí la letra “a”, de lo contrario borre el código y repita los pasos 21,22 y 23.



ESCUELA DE POSGRADO



27. Haga clic y escriba estos tres renglones. Ahora presione Ctrl + Enter.


28. Si desea puede agregar otra

fotograma con interpolación

de movimiento.

29. Agrege estos textos para

describir a los botones.

Pruebe su animación con Ctrl+

Enter.



ESCUELA DE POSGRADO

USO DE BOTONES ( GALERIA DE IMÁGENES )

1. Haga clic en Archivo /

Importar / Importar a

biblioteca.

2. Seleccione varias

imágenes, ayúdese con la

tecla Ctrl.

3. Haga clic en Abrir



ESCUELA DE POSGRADO

4. Presione la tecla F11 para abrir el panel de biblioteca.

5. Haga clic en el primer fotograma.

6. Haga clic en el ícono de la imagen y

arrastre al fotograma.

7. Haga clic en el primer fotograma y

presione la tecla F6 para insertar un

fotograma clave.

8. Haga clic en el ícono de la segunda

imagen y arrastre al fotograma.

9. Repita los pasos 7 y 8 para las otras

imágenes.



ESCUELA DE POSGRADO

10. Intertar /Linea de tiempo / Capa.

11.Seleccione el primer fotograma

12. Dibuje dos “rectángulos” con la

herramienta rectangulo.

13. Seleccione el rectángulo. 14. Presione la tecla F8 para

convertirlo en símbolo.

15. Escribir nombre Ejm.

“Siguiente”.

16 En tipo, elegir “Botón”.

15. Escribir nombre Ejm. “Siguiente”.





ESCUELA DE POSGRADO

18. Seleccione el rectángulo. 19. Presione la tecla F8 para

convertirlo en símbolo.

15. Escribir nombre Ejm.

“Siguiente”.


20. Escribir nombre Ejm. “Atras”. 21 En tipo, elegir “Botón”.








ESCUELA DE POSGRADO





30. Insertar /Linea de tiempo / Capa.

31. Seleccione el primer fotograma de la capa 3.

32. Presione la tecla F9 para activar “Accciones”.

33. Escriba este renglon, es decir:

Stop();



ESCUELA DE POSGRADO

34. Haga clic derecho en el primer fotograma de la capa 3. Debe tener la letra “a”.

35. Haga clic “Copiar fotogramas”

36. Haga clic derecho en el segundo fotograma de la capa 3.

37. Haga clic “Pegar fotogramas”

38. Selecione el tercer fotograma y clic derecho y pegar.Repetir con los que faltan. Todos deben tener la letra “a”.



ESCUELA DE POSGRADO



ESCUELA DE POSGRADO

CREACION DE UNA AREA DE TEXTO ( COMPONENTES )

1. Haga clic en el menu Ventana.

2. Haga clic en Componentes.

3. Haga clic en Insertar / Línea de tiempo / capa.

4. Haga clic en “User Interface”.

5. Haga clic en “TextArea”. 6. Con clic sostenido arrástrelo

al fotograma de trabajo.



ESCUELA DE POSGRADO

7. Haga clic en el componente “TextArea” es un rectángulo pequeño.

8. Haga clic en la herramienta

“Transformación libre”.

9. Lleve el cursor a uno de los extremos y cuando el cursor cambien de forma “flecha de doble sentido”, arrastre hacia arriba para aumentar su tamaño.

10. Haga clic en el componente para seleccionarlo

11. En propiedades haga clic en “Parámetros”.

12. En el campo de Text, tiene que escribir o copiar y pegar el contenido que desea. Luego presione Enter.



ESCUELA DE POSGRADO

13. Este es el componente Texto, observe que tiene una barra de desplazamiento, ésta aparece en forma automática cuando hay demasiado texto; si hay poco texto no se activa.



ESCUELA DE POSGRADO

IMPORTAR VIDEOS

1. Haga clic en Archivo.

2. Haga clic en Importar. 3. Haga clic en Importar

video.

4. Haga clic en

Examinar.



ESCUELA DE POSGRADO

5. Seleccione el video que

desee.

6. Haga clic en Abrir.

7. Haga clic en Siguiente.

8. Seleccione el video que

desee.



ESCUELA DE POSGRADO

9. Haga clic en

Configuración

avanzada.

10. Active la opción

“Cambiar tamaño de

video”.

11. Escriba el valor de

300 para el ancho.

12. Si desea recortar el

video.

12. Siguiente

13. Despliegue y

“ArcticExternalAll.swf

14. Siguiente

15. Finalizar



ESCUELA DE POSGRADO

16. Presione las teclas Ctrl+

Enter.



ESCUELA DE POSGRADO

18. En AutoPlay cambie a Falso, para que la película no se ejecute automaticamente, sino, después de de presionar play. Pruebe su animación.



ESCUELA DE POSGRADO

TRABAJANDO CON ESCENAS (DEBE TENER CONOCIMIENTOS BÁSICOS).

Cada Escena es un conjunto de capas que puede contener animaciones de todo tipo:

interpolaciones de forma, interpolaciones de movimiento, consejos de forma, símbolos,

textos, etc

1. Cuando empieza a trabajar, automática-mente lo está haciendo en la Escena 1.

2. En el último fotograma agregue un STOP();

3. Esta imagen tenemos que convertirla en Símbolo tipo botón y que tenga el siguiente código:

on (press) {gotoAndPlay("Escena 2", 1); }

4. Haga clic en Insertar

5. Haga clic en Escena



ESCUELA DE POSGRADO

7. En el último fotograma debe haber un STOP();

6. Trabaje sus animaciones en la

Escena 2. ESTE ES EL INDICE DE SUS ACTIVIDADES

8. Este símbolo botón tiene el siguiente código:

on (press) {gotoAndPlay("Escena 3",

1); }

9. Este símbolo botón tiene el

siguiente código: on (press) {gotoAndPlay("Escena 4",

1); }

10. Este símbolo botón tiene el

siguiente código: on (press) {gotoAndPlay("Escena 5",

1); }

11. Este botón tiene el siguiente código:

on (press)

{gotoAndPlay("Escena 1", 1); }

4. Haga clic en Insertar / Escena. Ahora es la Escena 3



on (press)




ESCUELA DE POSGRADO

18. Haga clic en Insertar / Escena. Ahora es la Escena 7. Para las Escenas que faltan repetir los pasos antes indicados.



on (press)


15. Haga clic en Insertar / Escena. Ahora es la Escena 4.



on (press)




ESCUELA DE POSGRADO

1. Haga clic en Ventana

2. Haga clic en Otros paneles

3. Haga clic en Escena

7. Haga doble clic para cambiar de nombre.

8. Para cambiar la Secuencia, sólo tiene que arrastrarlo a la parte inferior.

6. Para borrar la Escena, tiene que arrastrarlo al “Tacho”.

Para borrar una Escena, modificarla, cambiar de lugar, cambiar de nombre o duplicarla,

tenemos que ingresar a la ventan Escena, de la siguiente forma:



ESCUELA DE POSGRADO

TRABAJANDO CON PRESENTACIONES DE DIAPOSITIVAS.

1. Haga clic en Archivo.

2. Haga clic en Nuevo.

3. Haga clic en Presentación

de Flash.


5. Haga clic en la

primera diapositiva

llamada

“presentación”,

ahora los

fotogramas son

diapositivas. Aquí

debe estar el

FONDO DE TU

TRABAJO.



ESCUELA DE POSGRADO

8. Agregue la imagen y texto

que se repetirá en las otras

diapositivas.

9. Haga clic en la “cruz” para

insertar una nueva diapositiva.

10. Para cambiar de nivel a una diapositiva, arrastre la

diapositiva y vea una línea “azul” intensa que se mueve junto

a la diapositiva, cuando coloque al lugar preciso, suelte el

botón y listo. Observe que aparece los objetos anteriores.

6. Haga clic en la segunda diapositiva y agregue

todos los objetos, Símbolos, animaciones que

desee para el TITULO GENERAL DE SUS

ACTIVIDADES.

7. Haga clic en esta

“cruz” para adicionar otra

diapositiva. Y observe que

está en el mismo nivel



ESCUELA DE POSGRADO

11. Continúe con el contenido de las demás diapositivas. Cuando

realice la presentación presione la tecla “barra espaciadora” o la

tecla de cursor ”derecha” para avanzar por las diapositivas.



ESCUELA DE POSGRADO

ACTIVIDADES PARA RELACIONAR.

1. Dibujar los objetos necesarios como: - Esfera - Prisma - Cono - Cilindro Cada uno en una capa diferente.

2. Seleccionar el primer objeto.

3. Presionar F8 para convertir en símbolo.

4. Escribir nombre “esfera”, tipo Clip de película y Aceptar.

5. Escribir nombre de instancia “esfera”



ESCUELA DE POSGRADO

6. Seleccionar el primer objeto.

7. Presionar F8 para convertir en símbolo.

8. Escribir nombre “prisma”, tipo Clip de película y Aceptar.

9. Escribir nombre de instancia “prisma”

10. Insertar Capa y cambiar de nombre “texto11”

11. Escribir el mensaje, luego selecciónalo, presiona la tecla F8 para convertirlo en símbolo.

12. Escribir nombre “texto11”, Clip de película y Aceptar.

13. Escribir nombre de instancia “texto11”



ESCUELA DE POSGRADO

14. Insertar Capa y cambiar de nombre “texto1”

15. Escribir el mensaje, luego selecciónalo, presiona la tecla F8 para convertirlo en símbolo.

16. Escribir nombre “texto1”, Clip de película y Aceptar.

17. Escribir nombre de instancia “texto1” repetir para los otros símbolos.

18. Haga doble clic en el primer texto.

19. Inserte 4 capas y cambie los nombres

20. Agregue un STOP();

21. El nombre de instancia es “2”

23. Dibuje una línea, vea dibujo. Indica la relación

22. El mismo texto de color rojo

24. Texto de color negro.



ESCUELA DE POSGRADO

25. Haga doble clic en el segundo texto.

26. Inserte 3 capas y cambie de nombre.

27. Seleccione este texto y conviértalo en SÍMBOLO.

28. Escriba nombre “boton1”, elegir Botón y Aceptar.

29. Agregue un STOP();

30. El nombre de instancia es “blank”

31. Seleccione el BOTON1 luego presione la tecla F9 y escriba estos nueve renglones.



ESCUELA DE POSGRADO

32. Arrastre el texto11 encima del texto 1 con la finalidad de que veamos solo uno.

33. Pruebe la animación presionando las teclas

Ctrl + Enter REPETIR DESDE EL PASO 10 PARA

EL SIGUIENTE MENSAJE A RELACIONAR



ESCUELA DE POSGRADO

ACTIVIDADES PARA MAPA CONCEPTUAL.

Clip de película

“1_sobre”

Clip de película

“2_sobre”

Clip de película

“3_sobre”

Clip de película

“s3_sobre”

Clip de película

“s2_sobre”

Clip de película

“s1_sobre”

Clip de película

“p1_sobre”

Clip de película

“p2_sobre”

Clip de película

“p3_sobre”

Clip de película

“p4_sobre”



ESCUELA DE POSGRADO

Clip de película “stop();”

Clip de película “stop();”

Nombre de instancia. “blank”

Escribir

Texto



ESCUELA DE POSGRADO

Para “predicado”

Para “sujeto”

Para Modificador del sujeto

Para CIRCUNSTANCIALES

practicas intermedias de adobe flash cs3.pdf

Documents