Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Flashmx2 PDF
Flashmx2 PDF
de
Informática
Presentaciones
Profesionales en
Flash
Manual del
Participante
Presentaciones Profesionales en Flash
PRESENTACIÓN
IMSS | Módulo I 2
Presentaciones Profesionales en Flash
MODULO IV ANIMACIONES:
IMSS | Módulo I 3
Presentaciones Profesionales en Flash
Tabla de contenido
Módulo I Explicación de la interfaz ................................................................................... 8
1.1 Interfaz de Flash .............................................................................................................. 9
1.1.1 Barra de Título: ....................................................................................................... 10
1.1.2 Barra de Menú:....................................................................................................... 10
1.1.3 Caja de Herramientas: ............................................................................................ 11
1.1.5 Panel de capas: ....................................................................................................... 14
1.1.6 Panel de Propiedades: ............................................................................................ 14
1.1.7 Zona de Paneles:..................................................................................................... 14
1.2 Configuración del Documento ....................................................................................... 15
1.2.1 Dimensiones ........................................................................................................... 15
1.2.2 Color de fondo ........................................................................................................ 15
1.2.3 Numero de fotogramas por segundo ...................................................................... 16
1.2.4 Unidades de medida ............................................................................................... 16
1.3 Crear, Guardar, Cerrar, Publicar y Visualizar .................................................................. 17
1.3.1 crear nuevos documentos....................................................................................... 17
1.3.2 Guardar Documento ............................................................................................... 17
1.3.4 Cerrar documento .................................................................................................. 18
1.3.5 Publicar .................................................................................................................. 18
1.3.6 Visualización de la película...................................................................................... 19
Módulo II Manejo de Línea de Tiempo y Capas .............................................................. 19
2.1 Presentación con texto .................................................................................................. 21
2.1.1 Explicación de la Línea de Tiempo ........................................................................... 21
2.1.2 Inserción de fotogramas ......................................................................................... 21
2.1.3 Inserción de capas .................................................................................................. 21
2.1.4 cambiar el nombre a la capa ................................................................................... 22
2.1.5 Inserción de texto ................................................................................................... 22
2.1.6 Propiedades de texto .............................................................................................. 22
IMSS | Módulo I 4
Presentaciones Profesionales en Flash
IMSS | Módulo I 5
Presentaciones Profesionales en Flash
IMSS | Módulo I 6
Presentaciones Profesionales en Flash
Objetivo General:
Dirigido A:
Perfil de Ingreso:
IMSS | Módulo I 7
Presentaciones Profesionales en Flash
Objetivo:
Introducción:
IMSS | Módulo I 8
Presentaciones Profesionales en Flash
IMSS | Módulo I 9
Presentaciones Profesionales en Flash
Ver: Además de los típicos Zooms, te permite moverte por los fotogramas y
por las escenas. También incluye la posibilidad de crear una cuadrícula y
unas guías. Esto se puede seleccionar desde los submenús Cuadrícula y
Guías desde donde también se pueden configurar sus opciones.
IMSS | Módulo I 10
Presentaciones Profesionales en Flash
Ayuda: Desde aquí podemos acceder a toda la ayuda que nos ofrece
Macromedia, desde el manual existente, hasta el diccionario de Action
Script, pasando por tutoriales, lecciones guiadas etc.
Selección
Sub selección
Línea
Lazo
Pluma
Texto
Ovalo Cuadro
Lápiz Pincel
Transformación libre
Transformación relleno
Bote de pintura
Cubo de pintura
Cuenta gotas
Borrador
IMSS | Módulo I 11
Presentaciones Profesionales en Flash
IMSS | Módulo I 12
Presentaciones Profesionales en Flash
Mano Zoom
Color trazo
Color relleno
Ajustar a objetos
Suavizar Enderezar
1.1.4 Panel Línea de Tiempo: En este panel podrá manipular los tiempos
de duración de una animación así como el número de fotograma en que
uno está posicionado.
Línea de tiempo
IMSS | Módulo I 13
Presentaciones Profesionales en Flash
1.1.5 Panel de capas: En este panel podrás tener control sobre el número
de capas que van a contener los símbolos y la misma escena.
Bloquear/Desbloquear Capas
Mostrar/Ocultar Contornos
Mostrar/Ocultar capas
Insertar
Insertar Eliminar
capa
carpeta Capa
Insertar
GuíaCapa capas
IMSS | Módulo I 14
Presentaciones Profesionales en Flash
1.2.1 Dimensiones
Clic en el menú modificar
Clic en documento
Clic en documento
IMSS | Módulo I 15
Presentaciones Profesionales en Flash
Clic en documento
Clic en documento
NOTA: Las unidades de medida por defecto son los pixeles, y la velocidad es de 12 fps
IMSS | Módulo I 16
Presentaciones Profesionales en Flash
Clic en nuevo
IMSS | Módulo I 17
Presentaciones Profesionales en Flash
Clic en cerrar
1.3.5 Publicar
Cuando se publica un documento de Flash
se crean tres archivos el .fla el .swf y el .HTML, el
primero de estos es el archivo editable, el segundo
es el archivo ejecutable y el último crea código
HTML y se muestra en el navegador.
IMSS | Módulo I 18
Presentaciones Profesionales en Flash
Clic en publicar
Ctrl + enter
Objetivo:
Introducción:
Crearemos una capa por cada uno de los textos que vamos a
introducir y daremos algunos formatos como el tipo de fuente, el color, la
alineación entre otros.
Dar enter
Seleccionar el texto
Ir al panel de propiedades
2.1.7 Ejercicio 1
Con ayuda del instructor realizar el siguiente ejercicio
¿Que hacer?
Reproducir la película
Clic en polígono
Dibujar la estrella
Dibujar la figura
Ir al panel color
Dibujar el círculo
Dibujar la línea
2.2.7 Ejercicio 2
Con ayuda del instructor realizar el siguiente ejercicio
¿Que hacer?
Capa 1: Círculo
Capa 2: Cuadrado
Capa 3: Estrella
Capa 4: Línea
Capa 1: Cara
Visualizar la película.
Cabe mencionar que al igual que las figuras dibujadas en flash las
imágenes que se importan a la biblioteca tienen las propiedades de alto,
ancho y sus coordenadas, las cuales para ser modificadas hay que ir al
panel de propiedades y darle los nuevos valores.
2.3.3 Ejercicio 3
Ahora bien con lo realizado en los ejercicios anteriores usted será
capaz de realizar este pequeño ejercicio, siga las instrucciones que se dan
a continuación:
¿Que hacer?
Reproducir la película
Objetivo:
Introducción:
Gráfico
Clip de película
Botones
3.1 Gráficos
Cuando hablamos de los símbolos gráficos es necesario identificar
primeramente su icono y posteriormente saber que, un símbolo gráfico
va ser un contenedor de una imagen importada a nuestra biblioteca, de
esta forma usted podrá dar animación a dicha imagen.
De esta forma nuestro símbolo gráfico está listo para usarse cuando y las
veces que sea necesario.
NOTA: Es recomendable anteponerle al nombre del gráfico el prefijo “GR” para que de esta
forma se pueda distinguir mejor que se trata de un símbolo gráfico, claro además de su
ícono.
Ponerle el nombre
3.3 Botones
Utilice símbolos de botón para crear botones interactivos en la
película que respondan a los clics y desplazamientos del ratón, o demás
acciones. Defínalos gráficos asociados con varios estados del botón y, a
continuación, asigne acciones a una instancia del botón.
Los botones son símbolos que van programados, los cuales nos
pueden llevar a algún determinado lugar como una dirección URL o bien
algún lugar dentro de la escena o en su defecto a otra escena; para ello
necesitamos programarlos, en el módulo de action script se verá la forma
de hacerlo, por el momento nos dedicaremos a la creación de los botones.
Clic en botón
Ponerle el nombre
Ahora veamos la forma en la cual se vera una vez que se haya creado el
botón, ponga atención en los fotogramas de los estados.
Módulo IV Animaciones
Objetivo:
Introducción:
Animación alfa
IMSS | Módulo IV 47
Presentaciones Profesionales en Flash
Animación brillo
Animación tinta
IMSS | Módulo IV 48
Presentaciones Profesionales en Flash
4.1 Animaciones
Ahora bien veamos como crear cada una de las animaciones antes
mencionadas, esto se hará mediante prácticas sencillas para cada una y al
finalizar el módulo usted hará su propia animación combinando dos o más
de las animaciones, eso dependerá de nuestra creatividad.
IMSS | Módulo IV 49
Presentaciones Profesionales en Flash
IMSS | Módulo IV 50
Presentaciones Profesionales en Flash
Ir al fotograma 24
IMSS | Módulo IV 51
Presentaciones Profesionales en Flash
Regresar al fotograma 24
Clic en separar
Clic en separar
Clic en separar
Clic en separar
Regresar al fotograma 24
IMSS | Módulo IV 52
Presentaciones Profesionales en Flash
IMSS | Módulo IV 53
Presentaciones Profesionales en Flash
IMSS | Módulo IV 54
Presentaciones Profesionales en Flash
IMSS | Módulo IV 55
Presentaciones Profesionales en Flash
IMSS | Módulo IV 56
Presentaciones Profesionales en Flash
IMSS | Módulo IV 57
Presentaciones Profesionales en Flash
IMSS | Módulo IV 58
Presentaciones Profesionales en Flash
IMSS | Módulo IV 59
Presentaciones Profesionales en Flash
IMSS | Módulo IV 60
Presentaciones Profesionales en Flash
IMSS | Módulo IV 61
Presentaciones Profesionales en Flash
IMSS | Módulo IV 62
Presentaciones Profesionales en Flash
800 x 600
IMSS | Módulo IV 63
Presentaciones Profesionales en Flash
IMSS | Módulo IV 64
Presentaciones Profesionales en Flash
IMSS | Módulo IV 65
Presentaciones Profesionales en Flash
IMSS | Módulo IV 66
Presentaciones Profesionales en Flash
Objetivo:
Introducción:
IMSS | Módulo V 67
Presentaciones Profesionales en Flash
IMSS | Módulo V 68
Presentaciones Profesionales en Flash
5.3 Operadores
Entrando un poco más a fondo en la sintaxis y el manejo del Action
Script, vamos a comenzar hablando de los operadores, por ser la parte
más elemental de una acción de Action Script (y de muchísimos otros
lenguajes de programación).
IMSS | Módulo V 69
Presentaciones Profesionales en Flash
x = 3 ; --> Es una expresión cuyo resultado será asignarle a la variable ' x '
el valor 3 (que es una constante)
IMSS | Módulo V 70
Presentaciones Profesionales en Flash
if ( edad_usuario == 20 ) {
dar_mensaje_1; }
else { dar_mensaje_2; }
IMSS | Módulo V 71
Presentaciones Profesionales en Flash
" " : Comillas. En Action Script, todo lo que va entre comillas, pasa a
considerarse una cadena de caracteres, por lo que las funciones y acciones
que afectan exclusivamente a las cadenas de caracteres pasan a afectar
también al elemento entre comillas. Así por ejemplo, mientras que x
representa una variable con un valor determinado, si escribimos "x",
estamos escribiendo en realidad el carácter o la letra "x". Por tanto,
podremos añadirlo a una palabra, compararlo con otras letras, escribirlo
por pantalla etc.. pero ya no será una variable.
IMSS | Módulo V 72
Presentaciones Profesionales en Flash
Sintaxis:
Stop();
No tiene Parámetros
Ejemplo:
IMSS | Módulo V 73
Presentaciones Profesionales en Flash
IMSS | Módulo V 74
Presentaciones Profesionales en Flash
Sintaxis:
on (press) {
nextScene();
Ejemplo:
IMSS | Módulo V 75
Presentaciones Profesionales en Flash
IMSS | Módulo V 76
Presentaciones Profesionales en Flash
5.6 gotoAndPay()
Cuando decimos que deseamos ir a un fotograma en específico es
necesario programar un botón para que este nos lleve a un determinado
lugar, esto nos va servir para crear nuestro menú interactivo. Estas
acciones se emplean, como su nombre indica, para controlar el flujo de
nuestra película, esto es, para indicar a Flash en todo momento qué
fotograma tiene que mostrar, cuándo tiene que parar, dónde seguir etc...
Veámoslas y lo entenderemos mejor:
Sintaxis:
gotoAndPlay(fotograma):
Ejemplo:
IMSS | Módulo V 77
Presentaciones Profesionales en Flash
Ir a la escena 1
5.7 gotoAndStop
Al igual que en el ejemplo anterior este se utiliza cuando deseamos i
a un fotograma en específico, pero en este pequeño pedazo de código le
estamos indicando que vayqa a x fotograma y que se detenga con esto nos
ahorramos el stop.
Sintaxis:
gotoAndStop(25);
}
IMSS | Módulo V 78
Presentaciones Profesionales en Flash
Ejemplo:
Y reprogramemos el botón
on (press) {
gotoAndStop(25);
5.8 getURL
En esta ocasión lo que se va a ver es como al programar un botón,
este nos va a llevar a una dirección URL es decir, va a abrir el navegador
de Internet Explorer en la página que se le haya indicado en nuestro
código veamos ahora la sintaxis.
Sintaxis:
IMSS | Módulo V 79
Presentaciones Profesionales en Flash
Ejemplo:
on (press) {
getURL("http://www.cncyc.com.mx","_blank");
Objetivo:
Introducción:
IMSS | Módulo VI 80
Presentaciones Profesionales en Flash
6.1.1 Introducción
Crear la introducción y programar el botón para que nos lleve a la
siguiente escena, siguiendo los pasos que se detallan a continuación.
IMSS | Módulo VI 81
Presentaciones Profesionales en Flash
IMSS | Módulo VI 82
Presentaciones Profesionales en Flash
Insertar una nueva capa y llamarla línea, arrastrar esta capa por
debajo de la capa que es la máscara, en la capa llamada línea
seleccionar la herramienta de trazado de línea y dibujar una en
forma vertical de color blanco y con un grosor de 34 pts.
IMSS | Módulo VI 83
Presentaciones Profesionales en Flash
on (press) {
nextScene();
stopAllSounds();
Listo con esto está terminada la introducción, ahora bien hay que
continuar con el siguiente paso que es la creación de la presentación con
su menú interactivo, pasemos al siguiente punto.
IMSS | Módulo VI 84
Presentaciones Profesionales en Flash
IMSS | Módulo VI 85
Presentaciones Profesionales en Flash
Hagamos lo siguiente:
IMSS | Módulo VI 86
Presentaciones Profesionales en Flash
rojo, ponerle las coordenadas (0,0), copiar el fotograma clave a los dos
siguientes estados.
Capa3=introbtn
Capa4=rappelbtn
Capa5=alpinismobtn
Capa6=paracaidismobtn
Capa7=raftingbtn
Capa8=surfingbtn
IMSS | Módulo VI 87
Presentaciones Profesionales en Flash
Ahora bien hagamos lo mismo pero con los textos sobrantes en nuestro
documento, es decir hay que crear los clips de película con sus respectivos
nombres y textos, dando la misma animación que a los anteriores.
on (press) {
gotoAndStop(36);
Con esto queda programado nuestro primer botón el cual nos llevara al
fotograma 36 que es donde esta la animación del texto introducción,
hagamos lo mismo con los demás botones pero, hay que poner suma
atención en el numero de fotograma que quiero que se muestre, es decir,
que este va a estar cambiando hasta llegar al fotograma 41.
Notas finales
Deseamos que el presente material de apoyo le haya facilitado el
aprendizaje de los temas que componen cada módulo de este evento y que
le sea útil para futuras consultas.
IMSS | Módulo VI 90
Presentaciones Profesionales en Flash
Bibliografía
Elaborado por:
Alejandro Flores Ocampo
IMSS | Módulo VI 91