1. Introduction to
Flash Animation
CS 318

2. Topics
 Introducción a Flash y Animación Flash el
desarrollo medio ambiente creando
animaciones capas plazos crear
animaciones Flash añadiendo sonido
animaciones en la Web de editorial
páginas usando Flash para crear
multimedia incrustado

3. What is Flash?
 Estándar de facto para crear secuencias
de animación compleja en el uso de la
páginas Web de GIFs animados para
animación simple, Flash para secuencias
más complejas secuencia de destellos de
ejemplo

4. Uso apropiado de la animación
 Utilizar la animación para: explicar conceptos abstractos
simulación química crear sutil efectos especiales o transiciones
http://www.cbe.wsu.edu/~jsv/ agregar creatividad/alegría a un
sitio http://www.greenolive.co.uk/home.html explicar una serie de
eventos o un proceso que sigue una línea de tiempo específico
de llamar la atención a un detalle en una imagen haciéndola
mover
http://irv.cs.uwec.edu:8080/CS318/JMorrison/KAATKL/MajorProje
ct/index.html no: Animación Utilice sólo por el hecho de hacerlo
una sentada de usuario a través de una secuencia de ajuste de la
fuerza (siempre proporcionar una salida o la forma de
desactivarlo) animación atrasado por lo que toma lejos de los
objetivos de su sitio

5. Análisis crítico de la animación
 Ejemplos de animación pobre:
http://www.3cgraphics.com/
http://manducatis.com/
http://www.alser.co.uk/alserweb_001.htm ¿qué
piensas de salpicadura pantallas que los
usuarios deben hacer clic antes de entrar en un
sitio web? Ejemplo:
http://www.kendrarenzoni.com/

6. ¿Qué puede incluir una animación
Flash?
 Gráficos basados en vectores tiene la capacidad
de "tween" genera automáticamente fotogramas
entre un principio y una final imagen gráficos de
mapa de bits se pueden mover de relleno &
giradas Embedded fuentes se puede mover,
sonido redimensionado, sesgado, rotado,
coloreado puede sincronizar sonidos con
cuadros de animación

7. Flash Environments
 Entorno de diseño medio ambiente
(herramientas de gráficos) en secuencias de
comandos de edición de Flash (crear el código
del programa) se puede descargar una versión
de prueba gratuita en http://www.adobe.com/es/
usuarios de Flash player este instalado en su
puesto de trabajo si no está presente,
automáticamente incitado a instalar cuando
empiezan la animación deben tener

8. Flash Files ("Movies")
 Creación de la extensión de archivo .fla este
archivo crea el diseño no se puede editar la
versión de la animación publicada extensión
.swf (archivo "swiff") puede jugar en la mayoría
de sistemas operativos bastante pequeños
archivos

9. Topics
 Introducción a Flash y Animación Flash el
desarrollo medio ambiente creando
animaciones capas plazos crear
animaciones Flash añadiendo sonido
animaciones en la Web de editorial
páginas usando Flash para crear
multimedia incrustado

10. Flash Development Environment
Properties
panel
Toolbox
"Stage"
Other
panels
Layers Timelines

11. Important Components
 Etapa: donde la acción tiene lugar seguro para
establecer las dimensiones de la tarima antes
de hacer cualquier desarrollo determina tamaño
de la animación en su página Web capas
permiten separar y pila objetos todas las capas
que cubren toda la superficie de la etapa como
piezas transparentes de papel apilarse sobre
otros objetos de la animación se mueven dentro
de una capa

12. Important Components
 Plazos cada capa tiene una línea de tiempo
separado, que línea de tiempo se divide en
cuadros que corresponden a diferentes
momentos en la animación cuando se
selecciona un marco, el escenario muestra lo
que aparece en esa capa en aquel momento
que la cabeza lectora indica el fotograma actual
que se está reproduciendo

13. Topics
 Introducción a Flash y Animación Flash el
desarrollo medio ambiente creando
animaciones capas plazos crear
animaciones Flash añadiendo sonido
animaciones en la Web de editorial
páginas usando Flash para crear
multimedia incrustado

14. Crear una película Flash
 Diseño de la película en el papel
Determine el tamaño altura y ancho en
píxeles cree el archivo Flash y configurar
el color de fondo del tamaño de
propiedades de etapa

15. Designing a Flash Movie
 Capas de diseño elementos que
permanecen estáticos a lo largo de la
película van en una capa de fondo
elementos que tienen movimientos
independientes cada uno va en su propia
capa sonidos ir en otro análisis de la capa
de la capa: Luna sobre Lago Nanagook

16. Agregar una nueva capa
 Haz clic en el botón Insertar capa en el
panel Línea de tiempo renombrar la capa
(haga doble clic entonces escriba nombre
nuevo) Añadir el contenido a la capa
nueva orden de la capa determina cómo
los elementos se apilan mutuamente en
película

17. Working With Layers
Active layer
Hide layer
Lock layer
Insert layer Delete layer

18. Drawing With Flash
 Asegúrese de seleccionar la capa
correcta dibujar el elemento y colocarlo en
el escenario para seleccionar un elemento
y su contorno, haga doble clic...
Configurar sus propiedades similares a
fuegos artificiales

19. Timelines
 Consisten en capas divididas en marcos marco:
lugar y tiempo que un símbolo o un gráfico en una
capa aparece por defecto: 12 ms/marco un
elemento no aparece en una película en un
momento determinado, a menos que su capa tiene
un marco en aquel momento cabeza lectora indica
el marco actual se muestra en la etapa marco de
fotograma clave que define un objeto en un
momento dado se utiliza para definir la animación
inicial y final puntos círculo vacío – un fotograma
clave con ningún contenido Círculo lleno – un
fotograma clave con contenido cuando hagas una
nueva capa, automáticamente tiene un fotograma
clave en el fotograma 1

20. Timelines
Playhead
Frames
Keyframe
Colored area and arrow
indicates animation

21. Un ___ especifica la apariencia de una
capa en un momento dado.
a. Marco de línea de tiempo de fotograma
clave cabeza lectora etapa

22. A __________ specifies the starting or
ending point of an animation sequence.
a. Timeline
b. Frame
c. Keyframe
d. Playhead
e. Layer

23. A __________ specifies the
appearance and movements of one
part of a Flash movie.
a. Timeline
b. Frame
c. Keyframe
d. Playhead
e. Layer

24. Creating Flash Animation
 Tipos de animación: forma: formas de usos
creas en Flash puede cambian la posición de la
forma y/o animación straight-line de
propiedades crea entre una posición inicial y
posición final puede utilizarse únicamente con
imágenes vectoriales movimiento: utiliza
símbolos crear o importar a Flash (mapas de
bits) pueden crear straight-line animación entre
una posición inicial y posición final puede
cambiar la posición o rotación de un símbolo
"kind of" puede hacer un morph de símbolo en
un símbolo diferente

25. Creating a Shape Animation
 Crear una nueva capa de dibujar la forma
en la posición inicial crear un fotograma
clave a la hora de crear un fotograma
clave a la hora de finalización con el
extremo fotograma clave seleccionado,
modificar la forma a su tamaño final,
posición, & propiedades seleccionar
cualquier fotograma entre el comienzo y el
final de los fotogramas clave y luego
crean una interpolación de""

26. Create the
layer
Create the
keyframes
Create the
tween
Create the
initial shape
With the ending
keyframe
selected, create
the final shape

27. Adding Sounds
 Crear una capa de sonido crea un fotograma
clave cuando desee el sonido jugar con destino
fotograma clave seleccionado, arrastre el sonido
de la etapa

28. You use a __________ tween to
animate vector images, and a
__________ tween to animate bitmaps.
a. Shape, symbol
b. Motion, shape
c. Shape, motion
d. Symbol, shape
e. None of the above

29. __________ tweens can be used to
morph one vector image into another.
a. Shape
b. Motion
c. Both a and b
d. None of the above

30. Topics
 Introduction to Flash and animation
 The Flash development environment
 Creating Flash animations
 Layers
 Timelines
 Creating animation
 Adding sound
 Publishing animations on Web pages
 Using Flash to create embedded multimedia

31. Publishing
 Guardar archivos de distribución archivo – vista
previa de publicación-Flash o HTML para
previsualizar archivos – configuración de
publicación para ver los tipos de archivo .swf,
.html, .gif, etc.. Seleccione ajustes deseados
archivo – publicar realmente guardar archivos
HTML de uso para crear un nuevo documento
uso Flash (.swf) archivo HTML para insertar en
un documento HTML existente en
Dreamweaver, insertar-medios - Flash

32. Topics
 Introducción a Flash y Animación Flash el
desarrollo medio ambiente creando
animaciones capas plazos crear
animaciones Flash añadiendo sonido
animaciones en la Web de editorial
páginas usando Flash para crear
multimedia incrustado

33. Using Flash to Create
Embedded Multimedia
 Puede incrustar archivos de audio y video
en documentos de Flash y luego
publicarlos en páginas Web ventajas:
mayoría de la gente tiene un reproductor
Flash instalado en su computadora le da
más control sobre el aspecto del objeto

34. Creating Embedded Flash
Audio
 Importar el archivo de audio a un
documento de Flash crear una línea de
tiempo para detener el audio también
puede crear botones para iniciar y detener
y añadir comandos para que no se
reproduce automáticamente...

35. Creating Embedded Flash
Video
 Archivo – importación – importar vídeo
usted puede importar un archivo o una
dirección URL de un servidor de
streaming también puede crear botones
para iniciar y detener y añadir comandos
para que no se reproduce
automáticamente...