manual pa subir
TRANSCRIPT
![Page 1: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/1.jpg)
Introduction to Flash Animation
CS 318
![Page 2: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/2.jpg)
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
![Page 3: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/3.jpg)
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
![Page 4: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/4.jpg)
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
![Page 5: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/5.jpg)
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/
![Page 6: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/6.jpg)
¿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
![Page 7: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/7.jpg)
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
![Page 8: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/8.jpg)
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
![Page 9: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/9.jpg)
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
![Page 10: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/10.jpg)
Flash Development Environment
Propertiespanel
Toolbox
"Stage"
Otherpanels
Layers Timelines
![Page 11: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/11.jpg)
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
![Page 12: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/12.jpg)
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
![Page 13: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/13.jpg)
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
![Page 14: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/14.jpg)
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
![Page 15: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/15.jpg)
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
![Page 16: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/16.jpg)
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
![Page 17: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/17.jpg)
Working With Layers
Active layer
Hide layerLock layer
Insert layer Delete layer
![Page 18: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/18.jpg)
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
![Page 19: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/19.jpg)
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
![Page 20: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/20.jpg)
TimelinesPlayhead
Frames
Keyframe
Colored area and arrowindicates animation
![Page 21: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/21.jpg)
Un ___ especifica la apariencia de una capa en un momento dado.
a. Marco de línea de tiempo de fotograma clave cabeza lectora etapa
![Page 22: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/22.jpg)
A __________ specifies the starting or ending point of an animation sequence.
a. Timeline
b. Frame
c. Keyframe
d. Playhead
e. Layer
![Page 23: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/23.jpg)
A __________ specifies the appearance and movements of one part of a Flash movie.a. Timeline
b. Frame
c. Keyframe
d. Playhead
e. Layer
![Page 24: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/24.jpg)
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
![Page 25: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/25.jpg)
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""
![Page 26: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/26.jpg)
Create thelayer
Create thekeyframes
Create thetween
Create theinitial shape
With the endingkeyframeselected, create the final shape
![Page 27: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/27.jpg)
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
![Page 28: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/28.jpg)
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
![Page 29: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/29.jpg)
__________ 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
![Page 30: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/30.jpg)
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
![Page 31: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/31.jpg)
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
![Page 32: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/32.jpg)
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
![Page 33: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/33.jpg)
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
![Page 34: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/34.jpg)
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...
![Page 35: Manual pa subir](https://reader036.vdocuments.net/reader036/viewer/2022081417/5569c32dd8b42a5c5d8b4b68/html5/thumbnails/35.jpg)
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...