Unidad 3

217 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
217
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Unidad 3

  1. 1. 3.-Aplicar Animacion al DibujoPara crear una animación en flash tienes que saber cuáles son lasherramientas y como se utilizaran:Una animación puede hacer que un objeto se desplace a lo largo delescenario, aumente o disminuya de tamaño, gire, cambie de color, aparezca odesaparezca progresivamente, o cambie de forma. Los cambios puedenocurrir por separado o combinados entre sí. Por ejemplo, puede hacer queun objeto gire a medida que aparece y se desplaza por el escenario.Existen dos métodos para crear una secuencia de animación en Flash: laanimación interpolada y la animación fotograma por fotograma.En la interpolación de movimiento, se definen propiedades tales como laposición, el tamaño y la rotación de una instancia, un grupo o un bloque detexto en un instante específico, y después estas propiedades se puedencambiar en otro momento. También se puede crear una interpolación demovimiento a lo largo de un trazado.
  2. 2. En la interpolación de formas, se dibuja una forma en un instante específicoy después se modifica o se dibuja otra forma en otro instante. Flashinterpola los valores o formas de los fotogramas intermedios para crear laanimación.La animación fotograma por fotograma cambia el contenido del escenario encada fotograma y es ideal para las animaciones complejas en las que laimagen cambia en cada fotograma en lugar de moverse por el escenario.Este tipo incrementa el tamaño del archivo con mayor rapidez que laanimación interpolada. En la animación fotograma por fotograma, Flashguarda los valores de los fotogramas completosRepresentaciones en Línea de TiempoLas interpolaciones de movimiento se indican mediante un punto negro alprincipio del fotograma clave; los fotogramas interpolados intermediostienen una flecha negra con un fondo azul claro.Las interpolaciones de formas se indican con un punto negro en el fotogramaclave inicial; los fotogramas intermedios tienen una flecha negra con unfondo verde claro.
  3. 3. Una línea discontinua indica que la interpolación se ha interrumpido o estáincompleta, por ejemplo, cuando falta el fotograma clave final.3.1.-aplicar moviento a un dibujoAbran un archivo nuevo en flash, ahora dibujemos un circulo, como semuestra en la imagen, utilizando la herramienta de ovalo (muestro lasherramientas en el tutorial de Flash por partes)A continuación nos dirigimos a la línea de tiempo, e insertamos otrofotograma clave / key frame aparte del que ya esta (ya saben, puede sercon F6, o clic derecho, new key frame), entonces tenemos dos key framesen la línea de tiempo, el primero es donde tenemos la bola como apareceráinicialmente, ahora damos clic en el segundo frame de modo que quedeseleccionado, nos dirigimos a la bola, y la movemos un poco a la derecha,vamos a la línea de tiempo e insertamos otro fotograma clave, y movemosotro poco la bola a la derecha, así repetimos esta acción como unas diezveces, hasta que nuestra bola quede del otro del escenario
  4. 4. Ahora si, tenemos nuestro primer movimiento cuadro a cuadro, acontinuación lo que tienes que hacer es presionar y mantener presionada latecla Control y presionar enseguida Enter (sin soltar control hasta que ayaspresionado enter) para ver tu película en acción, la película va a realizar unciclo, esto es que tu animación se va a estar repitiendo y repitiendo sin fin,después de ver tu animación, puedes presionar control + W para terminarla,o dar clic en la cruz superior de la derecha (hay dos cruces, es la de abajo).3.2.- Modificar tamaño al dibujo. Puede modificar las formas convirtiendo líneas en rellenos, expandiendola forma de un objeto relleno o suavizando los bordes de una forma rellenamodificando las curvas que la definen. La función Líneas a rellenos
  5. 5. transforma las líneas en rellenos, lo que permite rellenar las líneas condegradados o borrar parte de una línea. Las funciones Expandir forma y Suavizar bordes permite expandirformas rellenas y hacer borrosos los bordes de las formas. Estas funcionestrabajan mejor con formas pequeñas que no contengan demasiados detallespequeños. Si se aplica Suavizar bordes a formas con numerosos detalles, esposible que aumente el tamaño del archivo de una película para Flash Player.Convertir líneas en rellenos 1. Seleccione una o varias líneas. 2. Seleccione Modificar > Forma > Convertir líneas en rellenos. Las líneas seleccionadas se convertirán en formas rellenas. La conversión de líneas a rellenos incrementa el tamaño de los archivos,pero también puede acelerar el dibujo de algunas animaciones.Expandir la forma de un objeto relleno 1. Seleccione una forma rellena. Este comando funciona de forma óptima con formas rellenas de un sólo color sin trazo. 2. Seleccione Modificar > Forma > Expandir relleno. 3. En el cuadro de diálogo Expandir trazados, introduzca un valor en píxeles para la distancia y seleccione la dirección Expandir o Contraer. Expandir agranda la forma y Dimensiones la reduce.Suavizar los bordes de un objetoSeleccione una forma rellena. Este comando funciona de forma óptima conformas con un sólo relleno sin trazo.Seleccione Modificar > Forma > Suavizar bordes de relleno.Establezca las siguientes opciones:Distancia es la anchura en píxeles del borde suavizado.Número de escenarios controla la cantidad de curvas utilizadas para elefecto de suavizado de borde. Un mayor número de etapas produce un
  6. 6. efecto más suave pero incrementa el tamaño del archivo y hace más lento sudibujo.Expandir o Contraer controla si la forma se amplía o reduce al suavizar losbordes.3.3.- Manipular formas del dibujo. A continuación se te guiara paso a paso hasta llegar a conseguir una animación en la se involucre el cambio de color, la deformación de la forma vectorial y después hacer que la forma vectorial se traslade de un lugar a otro. Crear un documento de Propiedades ctrl. + J, dimensiones 500 * 200 píxeles de ancho y alto, color de fondo #CCFFFF y velocidad de fotogramas 15 fps. Luego de que hayas colocado las propiedades del documento, crear un símbolo ctrl. + F8, nombrarlo animación de forma, en la opción de Tipo seleccionar Clip de película
  7. 7. Ubicado en el símbolo dibujar un Óvalo (O) que no tenga borde y usarcomo color de relleno #000066 las dimensiones 98.0 * 198.0píxeles de ancho y alto, colocar la forma dibujada en coordenadas X:0.0 y Y: 0.0Insertar un fotograma clave F6 en el frame número 25. seleccionar elóvalo de este nuevo fotograma y cambiar el color de relleno a#FF0000
  8. 8. Seleccionar un fotograma entre el número 1 y el número 24. En elPanel de Propiedades seleccionar la opción de Animar: FormaRegresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. +L el símbolo animación de forma, después colocar el símbolo encoordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y observar comocambia de color gradualmente el óvalo
  9. 9. Regresar al símbolo animación de forma asiendo doble clic sobre elicono que representa al símbolo en el Panel de la BibliotecaNuevamente ubicado en el símbolo animación de forma, seleccionar laforma vectorial del fotograma número 25, tomar por uno de los
  10. 10. extremos a la forma y deformarla un poco. Las coordenadascambiaran al deformar el óvalo, si deseas puedes colocar nuevamentela forma vectorial en coordenadas X: 0.0 y Y: 0.0. Presionar una vezmás ctrl. + Enter y ahora se observara que el óvalo cambia de color yal mismo tiempo este se va deformado en otra cosaPara concluir con este objetivo regresar otra vez al símboloanimación de forma luego seleccionar el la forma vectorial delfotograma número 25 y cambiarla de coordenadas en el eje X, lanueva coordenada será X: 500.0. Con esta coordenada te asegurarasque la animación se trasladara hasta a fuera del Escenario.Presionar ctrl. + Enter y ver como queda la animación final en la cualestán incluidas tres tipos de animaciones.
  11. 11. Orta Aranda Olga Lidia 3ª informáticaPonce Ramírez Antonio Tadeo

×