Professional Documents
Culture Documents
Macromedia Flash
Temario
1. Introducción
1.1.Crear una película en Flash
1.2.Modificar
1.3.velocidad
1.4.Dimensiones
1.5.Color de fondo
2. Concepto básicos
2.1.Uso del Timelines
2.2.Fotograma
2.3.Fotograma clave
2.4.Interpolación
2.5.capa
2.6.Escena
2.7.Película
3. Crear una animación
3.1.Uso de múltiples capas
4. Barra de herramientas
4.1.Puntero
4.2.Subselección
4.3.Línea
4.4.Lazo
4.5.Pluma
4.6.Texto
4.7.Ovalo
4.8.Rectángulo
4.9.Lápiz
4.10.Pincel
4.11.Bote de pintura
4.12.Cubo de tinta
4.13.Cuentagotas
4.14.Borradores
4.15.Mano
4.16.Zoom
5. Rellenos degradados
5.1.Contornos
5.2.Animación morphing
5.3.Efectos Alpha
5.4.Efectos tinta
5.5.Efectos brillo
5.6.Efecto Avanzado
5.7.Creación de clips de películas
5.8.Creación de clips de gráficos
5.9.Creación de clips de botones
6. Ventana de acciones
6.1.Go to
6.2.Stop
6.3.Get URL
6.4.On Mouse event
6.5.Startdrag
6.6.Stop drag
6.7.Play
6.8.Load movie
7. Uso de diferentes escenas
8. Inserción de sonido MP3, WAV
9. Transformar objeto
9.1.Rotar
9.2.Escalar
9.3.Girar: CCW, CW
9.4.Reflejar
9.5.Efectos personalizados
9.6.Máscaras
9.7.Seguir ratón
9.8.Movimiento con trayectoria
10.Publicar una página
10.1.Generar ejecutable SWF
10.2.Configurar navegador
www.icam.co
m.mx
Macromedia Flash
1.Introducción
Al final del capítulo el alumno será capaz de...
formas:
Animación en Flash
1.2. Modificar
Referencia
Rápida Para crear una película nueva y establecer sus
propiedades:
Nueva película
Seleccionar 2 Elija Modificar > Película. Aparecerá el cuadro de
ArchivoNuevo diálogo Propiedades de película.
3 En la sección Velocidad de fotogramas, introduzca el
Seleccionar
número de fotogramas de animación que deben
Modificar
ModificarPelícula
Instituto de Computación Avanzada de México S.C. 6
MACROMEDIA FLASH
Cuestionario
1. Cual es la aplicación de Macromedia Flash
a. Creación de presentaciones y paginas Web
b. Creación de Gif animados
c. Reducir el trafico en la red
2. Macromedia Flash permite el tratamiento
de imágenes
a. Falso
b. Verdadero
3. Macromedia Flash permite la ejecución de
código Java
a. Falso
b. Verdadero
4. Macromedia Flash permite la inserción de
objetos de Fireworks y Freehand
a. Falso
b. Verdadero
5. Macromedia Flash permite la importación
de archivos de películas
a. Falso
b. Verdadero
Respuestas
1) a, 2) a, 3) b, 4) a, 5) a
www.icam.co
m.mx
Macromedia Flash
2.Conceptos básicos
Al final del capítulo el alumno será capaz de...
Para ir a un fotograma:
2.4 Interpolación
2.5 Capa
2.6 Escena
2.7 Película
Cuestionario
1.Que es el Timelines
a.Contenedor en tiempo de Objetos y Acciones
b.Una plantilla
c. Una Herramienta de Diseño
Instituto de Computación Avanzada de México S.C. 17
MACROMEDIA FLASH
www.icam.co
m.mx
Macromedia Flash
3.Crear una animación
Al final del capítulo el alumno será capaz de...
1. ArchivoNuevo
2. Crear Objeto
3. F5 asta cubrir cierto numero de fotogramas
4. F6
5. Mover el Objeto Creado
6. Clic derecho sobre el primer y ultimo fotograma clave
7. Seleccionar crear Interpolación de movimiento
Botón agregar
capa
1. ArchivoNuevo
2. Crear Objeto
3. F5 asta cubrir cierto numero de fotogramas
4. F6
5. Mover el Objeto Creado
6. Clic derecho sobre el primer y ultimo fotograma clave
7. Seleccionar crear Interpolación de movimiento
8. Dar clic al icono de agregar capa
9. Regresamos en el punto 2 de este procedimiento
www.icam.co
m.mx
Macromedia Flash
4.Barra de Herramientas
Al final del capítulo el alumno será capaz de...
Barra de herramientas
Las herramientas de la paleta de herramientas le permiten dibujar, pintar,
seleccionar y modificar las ilustraciones, así como cambiar la visualización del
Escenario. La paleta de herramientas se divide en cuatro secciones:
La sección Herramientas contiene las herramientas de dibujo, pintura y
selección.
La sección Ver contiene herramientas para ampliar y reducir,
así como para realizar recorridos de la ventana de la aplicación.
La sección Colores contiene modificadores de los colores de
trazo y relleno.
La sección Opciones muestra los modificadores de la
herramienta seleccionada, los cuales afectan a las operaciones
de pintura o edición de dicha herramienta.
Línea
4.4 Herramienta Lazo
Esta herramienta permite la selección de áreas determinadas
para aplicarle otra herramienta.
Lazo
Para dibujar trazados precisos como líneas rectas o bien como suaves
curvas fluidas, puede utilizar la herramienta Pluma. Puede crear
segmentos de líneas rectas o curvas, y ajustar el ángulo y la longitud
de los segmentos rectos, así como la pendiente de los segmentos
curvos.
Al dibujar con la herramienta Pluma, puede hacer clic para crear
puntos en los segmentos de las líneas rectas o bien hacer clic y
arrastrar para crear puntos en los segmentos de las líneas curvas.
Puede ajustar los segmentos de las líneas curvas y rectas ajustando
los puntos de las líneas. Puede convertir líneas curvas en líneas
rectas y viceversa. También puede mostrar los puntos de las líneas
creadas con otras herramientas de dibujo de Flash, como las
herramientas Lápiz, Pincel, Línea, Óvalo o Rectángulo, para ajustar
estas líneas.
Dibujo de líneas rectas con la herramienta Pluma
Para dibujar segmentos de líneas rectas con la
herramienta Pluma, hay que crear puntos de anclaje,
puntos de la línea que determinan la longitud de cada
Herramienta uno de los segmentos de línea.
Pluma Para dibujar rectas con la herramienta Pluma:
1 Seleccione la herramienta Pluma.
2 Seleccione los atributos de trazo y relleno.
3 Coloque el puntero en el Escenario, en el inicio de la línea
recta y haga clic para definir el primer punto de anclaje.
4 Vuelva a hacer clic para indicar dónde desea que termine el
primer segmento de la línea recta. Haga Mayús-clic para
limitar la herramienta a los ángulos múltiplos de 45° .
5 Siga haciendo clic para crear más segmentos rectos.
Referencia
6 Para terminar el trazado como una forma abierta o
Rápida
cerrada, utilice uno de los siguientes procedimientos:
Para terminar un trazado abierto, haga doble clic en el
último punto, haga clic en la herramienta Pluma de la
Anular Acción
Edición Anular caja de herramientas o bien haga Control-clic (Windows)
Selección .
Para cerrar un trazado, coloque la herramienta Pluma
sobre el primer punto de anclaje. Al colocar
correctamente la herramienta, aparecerá un pequeño
bucle cerca de la punta de la pluma. Haga clic o arrastre
para cerrar el trazado.
Para terminar la forma tal cual, seleccionando Edición
> Anular selección de todo o bien elija otra herramienta
Instituto de Computación Avanzada de México S.C. 27
MACROMEDIA FLASH
Herramienta
Texto
Flash muestra un selector cuadrado en la esquina inferior
derecha de los cuadros de texto que pueden editarse que indica
la posibilidad de modificar el tamaño del cuadro en vertical y en
horizontal según la cantidad de texto que deba introducirse.
Para elegir una fuente, tamaño de tipo, estilo y color con el panel
Carácter:
1 Si aún no se visualiza el panel Carácter, elija Ventana > Paneles >
Carácter.
2 Haga clic en el triángulo situado junto al campo Fuente y
seleccione una fuente de la lista o introduzca un nombre de
fuente.
Nota: Las fuentes _sans, _serif y typewriter son fuentes
de dispositivo. La información de estas fuentes no se
incorpora a los archivos SWF de Flash.
Referencia
Rápida
Tecla Shift para crear
Figuras simétricas
Cuestionario
Respuestas
1) b, 2) b, 3) c, 4) b, 5) b
www.icam.co
m.mx
Macromedia Flash
5.Rellenos degradados
Al final del capítulo el alumno será capaz de...
Crear degradados
Personalización de contornos
Crear efecto Morphing, y Efectos de color
Crear símbolos
Rellenos degradados
Referencia
Rápida
Seleccionar
Ventana
Paneles
Rellenos
5.1 Contornos
El panel Trazo permite cambiar el color, estilo y altura de línea del trazo de un
determinado objeto. Para el estilo de trazo, puede elegir entre los estilos
predefinidos que incluye Flash o bien crear un estilo personalizado.
Para seleccionar el color, estilo y altura del trazo mediante el panel Trazo:
1 Seleccione Ventana > Paneles > Trazo.
2 Para seleccionar un color, haga clic en el triángulo situado junto al
cuadro de color Trazo y utilice uno de los siguientes procedimientos:
Seleccione una muestra de color de la paleta.
Escriba el valor hexadecimal del color en el cuadro de texto.
Haga clic en el botón Sin color para aplicar un trazo transparente.
Nota: Puede aplicar un trazo transparente a un nuevo objeto, pero no a uno ya
existente. En su lugar, seleccione el trazo existente y elimínelo.
Haga clic en el botón Selector de color y seleccione un color del
selector.
Referencia
Rápida
Seleccionar
Insertar
Nuevo símbolo Para crear un símbolo vacío nuevo:
Para que un botón sea interactivo en una película, coloque una instancia
del símbolo del botón en el Escenario y asigne acciones a la instancia.
Las acciones deben asignarse a la instancia del botón en la película y no
Cuestionario
1. Que es un Degradado
a. Un color Base
b. La combinación de dos o mas colores base
c. Un relieve
2. La animación Morphing se crea
a. Interpolando movimiento
b. Utilizando Interpolación de forma
c. Vectorizando
3. El efecto Alpha permite
a. Deformar una figura
b. Aplicar Transparencia a un objeto
c. Rotar una Imagen
4. El efecto Tinta permite
a. Aplicar en animación otro color a la imagen
b. Deformar la figura
c. Aplicar transparencia a un objeto
5. Los tres diferentes tipos de símbolos
a. Alpha, Tinta y Brillo
b. Clip de Película, Botón y Grafico
c. Instancia, Script y Botón
Respuestas: 1) b, 2) b, 3) b, 4) a, 5) b
www.icam.co
m.mx
Macromedia Flash
6.Ventana de Acciones
Al final del capítulo el alumno será capaz de...
Ventana de Acciones
6.1 Goto
6.2 Stop
A menos que se indique lo contrario, una vez que se inicia una película
se reproduce por todos los fotogramas de la Línea de tiempo. Puede
detener e iniciar una película a intervalos específicos mediante las
acciones Reproducir y Detener. Por ejemplo, puede detener una
película al final de una escena antes de continuar con la siguiente
escena. Una vez detenida, una película debe iniciarse de nuevo de
forma explícita, mediante la acción Reproducir.
Nota: Los paréntesis vacíos que aparecen detrás de una acción indican
que es un método (capacidad) que no tiene parámetros ni argumentos.
6.3 getURL
Sintaxis
getURL(url [, ventana [, variables]]);
Argumentos
url La URL de la cual obtener el documento. La URL debe estar
en el mismo subdominio que la URL donde reside actualmente
la película.
Descripción
Acción; carga un documento de una URL específica en una
ventana o pasa variables a otra aplicación en una URL definida.
Para probar esta acción, asegúrese de que el archivo que se va
a cargar se encuentra en la ubicación especificada. Para utilizar
una URL absoluta (por ejemplo, http://www.myserver.com),
necesita una conexión de red.
Reproductor
Flash 2 o posterior. Las opciones GET y POST están disponibles
solamente en Flash 4 y versiones posteriores del Reproductor.
Ejemplo
Este ejemplo carga una nueva URL en una ventana del
navegador vacía. La acción getURL destina la variable
incomingAd como el parámetro url para que pueda cambiar la
on(release) {
getURL(incomingAd, "_blank");
}
on (release)
on (keyPress "<Space>")
on (rollOver)
El parámetro Liberar indica que el usuario presionó y liberó el botón del ratón.
Se puede especificar el evento de ratón que desencadena una acción de botón
mediante el panel Acciones.
Para configurar las opciones de evento del ratón:
1 Seleccione el botón al que quiere asignar una acción.
2 Para mostrar las acciones básicas, haga clic en la categoría Acciones básicas
en la lista de la Caja de herramientas situada en la parte izquierda del panel
Acciones.
3 Seleccione una de las siguientes opciones:
Seleccione la acción On Mouse Event.
Seleccione una acción en la categoría Acciones básicas.
4 En la sección Parámetros, para Evento, seleccione un evento de teclado o de
ratón que desencadenará la acción:
Presionar: desencadena la acción al presionar el botón del ratón mientras el
puntero se encuentra sobre el botón.
Liberar (predeterminado): desencadena la acción al liberar el botón del
ratón mientras el puntero se encuentra sobre el botón. Esto configura el
comportamiento estándar de hacer clic.
Liberar fuera: desencadena la acción al liberar el botón del ratón cuando el
puntero no se encuentra sobre el botón.
Presión de tecla: desencadena la acción al presionar la tecla especificada. Si
selecciona esta opción, debe introducir la tecla en el cuadro de texto.
Situar sobre objeto: desencadena la acción al desplazar el puntero sobre el
botón.
Situar fuera de objeto: desencadena la acción al desplazar el puntero fuera
del botón.
Arrastrar sobre: desencadena la acción al presionar el botón del ratón
mientras el puntero se encuentra sobre el botón, se desplaza fuera del botón
y, a continuación, vuelve a desplazarse sobre el botón.
Arrastrar fuera: desencadena la acción cuando el botón del ratón se
presiona con el puntero sobre el botón y, a continuación, el puntero se
desplaza fuera del botón.
6.5 StartDrag
Sintaxis
startDrag(destino);
startDrag(destino,[bloqueado]);
startDrag(destino [,bloqueado [,izquierda , arriba , derecha,
abajo]]);
Argumentos
Descripción
Ejemplo
on(press) {
startDrag("",true);
}
on(release) {
stopDrag();
}
6.6 StopDrag
Sintaxis
stopDrag();
Argumentos
Ninguno.
Descripción
Reproductor
Flash 4 o posterior.
Ejemplo
on(press) {
startDrag("mc");
}
on(release) {
stopdrag();
}
6.7 Play
Sintaxis
play();
Argumentos
Ninguno.
Descripción
Acción; desplaza la cabeza lectora hacia delante en la Línea
de tiempo.
Reproductor
Flash 2 o posterior.
Ejemplo
El código siguiente utiliza la sentencia if para comprobar el
valor de un nombre que introduce el usuario. Si el usuario
introduce Steve, se llama a la acción play y la cabeza lectora
avanza en la Línea de tiempo. Si el usuario introduce
cualquier cosa diferente de Steve, la película no se reproduce
y aparece un campo de texto con el nombre de variable alert.
stop();
if (name = "Steve") {
play();
} else {
alert = "You are not Steve!";
}
6.8 LoadMovie
Sintaxis
loadMovie(url [,ubicación/destino, variables]]);
Argumentos
url Una URL absoluta o relativa para el archivo SWF que se va a
cargar. Una ruta relativa debe ser relativa respecto al SWF. La
URL debe estar en el mismo subdominio que la URL donde
reside actualmente la película. Para utilizarlos en Flash Player o
para realizar pruebas en el modo de prueba de película en el
entorno de creación de Flash, todos los archivos SWF tienen
que guardarse en la misma carpeta y los nombres de archivo
no pueden incluir especificaciones de carpeta ni de unidad de
disco.
Descripción
Reproductor
Flash 3 o posterior.
Ejemplo
on(release) {
loadMovie("products.swf",_root.dropZone);
}
Cuestionario
a. El Timelines
b. El Stage
c. La ventana Acciones
a. Ir a otro fotograma
b. Arrastrar un clip de película
c. Detener el deslizamiento de un clip de película
Respuestas 1) b, 2) c, 3) b, 4) a, 5) b
www.icam.co
m.mx
Macromedia Flash
7.Uso de diferentes escenas
Al final del capítulo el alumno será capaz de...
Escena.
www.icam.co
m.mx
Macromedia Flash
8.Inserción de sonido
Al final del capítulo el alumno será capaz de...
Cuestionario
1. Formatos de Archivos que Flash nos permite importar
a. Mid y Wav
b. JPG, GIF y MOV
c. MP3, WAV, AU
a. Falso
b. Verdadero
a. Morphing
b. Interpolación de Movimiento
c. Desvanecimientos
a. Falso
b. Verdadero
a. Falso
b. Verdadero
Respuestas: 1) c, 2) b, 3) c, 4) a, 5) b
www.icam.co
m.mx
Macromedia Flash
9.Transformar objeto
Al final del capítulo el alumno será capaz de...
9.1 Rotar
9.2 Escalar
9.3 Reflejar
Los objetos pueden reflejarse según su eje horizontal o
vertical sin mover su posición relativa en el Escenario.
la capa enmascarada.
1. Crear Objeto
2. F8
3. Seleccionar Clip de película
4. Clic derecho sobre el Objeto
5. Seleccionar Paneles Instancia
6. Dar Nombre
7. Agregar Capa nueva
8. Crear Objeto
9. F8
10.Seleccionar Botón
11.Clic Derecho sobre el Objeto
12.Seleccionar Acciones
13.On Mouse event
14.Activar solo Situar sobre el objeto
15.Startdrag
16.Dar Mismo Nombre anteponiendo /
Películas interactivas
1. Crear Objeto
2. F8
3. Seleccionar Clip de película
4. F8
5. Seleccionar Botón
6. Clic derecho sobre el Objeto
7. Seleccionar Acciones
8. On Mouse event
9. Activar Presionar y Liberar
10.Star Drag
11.Dar un Nombre anteponiendo /
12.Dar clic a {
13.Stop Drag
14.Dar clic a Escena 1
15.Clic derecho sobre el Objeto
16. Seleccionar Paneles Instanciar
17. Dar el mismo Nombre anteriormente pero sin /
Cuestionario
1. En una animación de movimiento podemos aplicar Alpha y
rotación simultáneamente
a. Falso
b. Verdadero
a. Falso
b. Verdadero
a. Falso
b. Verdadero
a. 1
b. 2
c. 2 y 3
a. Goto
b. On Mouse event
c. Get URL
Respuestas1) b, 2) b, 3) b, 4) c, 5) b
www.icam.co
m.mx
Macromedia Flash
10.Publicar una pagina
Al final del capítulo el alumno será capaz de...
Cuestionario
Respuestas b, 2) b, 3) a, 4) b, 5) b
Diseño: