Introduction to Flash Animation

CS 318

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

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

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/MajorProject/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

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/

¿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

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

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

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

Flash Development Environment

Propertiespanel

Toolbox

"Stage"

Otherpanels

Layers Timelines

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

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

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

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

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

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

Working With Layers

Active layer

Hide layerLock layer

Insert layer Delete layer

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

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

TimelinesPlayhead

Frames

Keyframe

Colored area and arrowindicates animation

Un ___ especifica la apariencia de una capa en un momento dado.

a. Marco de línea de tiempo de fotograma clave cabeza lectora etapa

A __________ specifies the starting or ending point of an animation sequence.

a. Timeline

b. Frame

c. Keyframe

d. Playhead

e. Layer

A __________ specifies the appearance and movements of one part of a Flash movie.a. Timeline

b. Frame

c. Keyframe

d. Playhead

e. Layer

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

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""

Create thelayer

Create thekeyframes

Create thetween

Create theinitial shape

With the endingkeyframeselected, create the final shape

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

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

__________ 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

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

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

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

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

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...

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...