Creación de Animaciones en Firework

  • View
    216

  • Download
    1

Embed Size (px)

DESCRIPTION

manual de creacin de animaciones en firework 2015

Transcript

CREACIN DE ANIMACIONESIntroduccinTrabajo con smbolos de AnimacinCreacin de smbolos de AnimacinEdicin de smbolos de AnimacinEdicin de imgenes de smboloUtilizacin de FotogramasInterpolacinPresentacinExportacinCreacin de una AnimacinActividad prctica

INTRODUCCINEn Macromedia Fireworks MX se puede crear animaciones con anuncios en titulares, logotipos y vietas en movimiento.Un mtodo para generar animaciones en Fireworks es mediante la creacin de smbolos y la modificacin de sus propiedades en el tiempo para crear la ilusin del movimiento.Unsmboloes como un actor del que se coreografan los movimientos.La accin de cada smbolo se almacena en unfotograma. Laanimacinse consigue al reproducir todos los fotogramas en secuencia.Se puede aplicar distintas configuraciones al smbolo para cambiar de forma gradual el contenido de los fotogramas sucesivos. Es posible crear un smbolo que se mueva por el lienzo, que aparezca o desaparezca de forma paulatina, que aumente o disminuya de tamao, o que gire.Puesto que un archivo puede contener varios smbolos, se puede crear animaciones complejas en las que sucedan varias acciones a la vez.Fireworks puede exportar animaciones en forma de archivos GIF Animado o Flash SWF. Tambin puede importar directamente las animaciones de Fireworks en Macromedia Flash para modificarlas.Regresar

TRABAJO CON SMBOLOS DE ANIMACINLossmbolos de animacinllevan a cabo las acciones en un archivo de Fireworks como si fueran los actores de una pelcula. Por ejemplo, en una animacin en la que aparecen tres gansos volando, cada ganso es un personaje.Un smbolo de animacin puede ser cualquier objeto creado o importado y se pueden guardar varios en un nico archivo. Cada smbolo tiene sus propiedades particulares y su animacin es independiente de los otros. Se pueden crear smbolos que se desplacen por la pantalla mientras otros desaparecen o disminuyen de tamao.No es necesario utilizar smbolos en cada momento de la animacin. Sin embargo, al utilizar smbolos e instancias para los grficos que aparecen en varios fotogramas conseguir un archivo de animacin de reducido tamao, adems de otras ventajas descritas en este mismo captulo.Las propiedades del smbolo de animacin se pueden cambiar en cualquier momento a travs del cuadro de dilogo Animar o desde el Inspector de propiedades. Tambin se pueden modificar las ilustraciones del smbolo en el editor de smbolos. El editor de smbolos permite editar el smbolo sin alterar el resto del documento. Tambin se puede desplazar el trazado de movimiento de un smbolo para cambiar el movimiento.Puesto que los smbolos de animacin se guardan de forma automtica en la biblioteca, se puede volver a utilizar para crear otras animaciones.Regresar

CREACIN DE SMBOLOS DE ANIMACINUna vez creado un smbolo de animacin se puede establecer propiedades que determinen el nmero de fotogramas de la animacin y el tipo de accin, como cambio de escala o rotacin. De forma predeterminada, el smbolo de animacin nuevo tiene cinco fotogramas, cada uno con una demora de 0,07 segundos.Para crear un smbolo de animacin:1. ElijaEditar > Insertar > Nuevo smbolo.2. En el cuadro de dilogo Propiedades de smbolo, escriba un nombre para el smbolo nuevo.3. ElijaAnimaciny haga clic enAceptar.4. En el editor de smbolos, utilice las herramientas de texto o de dibujo para crear un objeto nuevo. Se puede dibujar objetos vectoriales o de mapas de bits.5. Cierre la ventana del editor de smbolos. Fireworks guarda el smbolo en la biblioteca y coloca una copia en el centro del documento.Se puede aadir fotogramas nuevos al smbolo con el control deslizante Fotogramas del Inspector de propiedades. ElijaVentana > Propiedadespara abrir el Inspector de propiedades, si no estuviera ya abierto.Para convertir un objeto en un smbolo de animacin:1. Seleccione el objeto.2. ElijaModificar > Animar > Animar seleccin.3. Introduzca el valor deseado en el cuadro de dilogo. Para ms informacin sobre los valores vea el tema deEdicin de smbolos de animacin.

Aparecen controles de animacin en el recuadro delimitador del objeto y se aade una copia del smbolo a la biblioteca.Regresar

EDICIN DE SMBOLOS DE ANIMACINEs posible manipular las propiedades de los smbolos de animacin para que su sitio web cobre vida. Se puede cambiar varias de las propiedades de un smbolo, desde la velocidad de animacin a la opacidad y rotacin. Mediante la manipulacin de estas propiedades se puede conseguir que un smbolo gire, acelere, aparezca o desaparezca de forma gradual, o cualquier combinacin de todo lo anterior.Una propiedad esencial para cualquier smbolo de animacin es el nmero de fotogramas. Define los pasos que tarda el smbolo en terminar la animacin. Cuando se establece el nmero de fotogramas de un smbolo, Fireworks aade de forma automtica al documento la cantidad de fotogramas necesaria para llevar a cabo la accin. Si el smbolo necesita ms fotogramas de los existentes en la animacin, Fireworks le pregunta si desea aadir fotogramas adicionales.Cambio de las propiedades de animacinLas propiedades de la animacin se pueden cambiar a travs del cuadro de dilogo Animar o desde el Inspector de propiedades.

Las propiedades de smbolo de animacin en el Inspector de propiedadesEs posible editar cualquiera de las propiedades siguientes de un smbolo de animacin:Fotogramases el nmero de fotogramas que desea incluir en la animacin. Aunque el control deslizante permite establecer un mximo de250, en el cuadro de texto Fotogramas puede introducir cualquier nmero. El valor predeterminado es5.Moveres la distancia en pxeles que debe recorrer cada objeto. Esta opcin slo est disponible en el cuadro de dilogo Animar. Los valores estn comprendidos entre 0 a 250 pxeles, el valor predeterminado es 72. El movimiento es lineal y no existen fotogramas clave (a diferencia de Macromedia Flash y Director).Direccinestablece los grados en que se debe mover el objeto. El rango de valores es de 0 a 360 grados. Esta opcin slo est disponible en el cuadro de dilogo Animar.Tambin puede modificar los valores de Mover y Direccin si arrastra los tiradores de animacin del objeto. Consulte Edicin de trazados de movimiento de smbolos.Escalaes el cambio de tamao, expresado como un porcentaje, desde el principio al final. Los valores estn comprendidos entre 0 a 250, el valor predeterminado es 100%. Para escalar un objeto de 0 al 100%, el objeto original debe ser muy pequeo; se recomienda utilizar objetos de vectores.Opacidades el grado de aparicin o desaparicin paulatina (fundido) de principio a fin. Los valores estn comprendidos entre 0 a 100, el valor predeterminado es 100%. Para crear un fundido se requieren dos instancias del mismo smbolo: una para que aparezca y otra para que desaparezca.Rotares el giro del smbolo, en grados, de principio a final. El rango de valores es de 0 a 360 grados. Puede introducir valores ms altos si desea que el smbolo realice ms de una rotacin. El valor predeterminado es 0 grados.Derecha e Izquierdason las direcciones en que rota el objeto. Derecha equivale al sentido de las agujas del reloj e Izquierda indica el sentido contrario a las agujas del reloj.Para cambiar las propiedades de smbolo de animacin:1. Seleccione un smbolo de animacin.2. ElijaModificar > Animacin > Configuracinpara abrir el cuadro de dilogo Animar oVentana > Propiedadespara abrir el Inspector de propiedades, si no estuviera ya abierto.

3. Cambie las propiedades que desee.Eliminacin de animacionesEs posible eliminar animaciones al suprimir el smbolo de animacin de la biblioteca o al eliminar la animacin del smbolo.Para eliminar un smbolo de la biblioteca:1. En el panel Biblioteca, seleccione el smbolo de animacin que desea eliminar.2. Arrastre el smbolo hasta el icono de papelera situado en la esquina inferior derecha.Para eliminar la animacin de un smbolo de animacin seleccionado: ElijaModificar> Animacin > Eliminar animacin.El smbolo se convierte en smbolo grfico y deja de estar animado. Si ms adelante se vuelve a convertir en animacin, el smbolo recupera la configuracin anterior.Regresar

EDICIN DE IMGENES DE SMBOLOSe puede cambiar la imagen grfica en que se basa un smbolo, as como sus propiedades. Las imgenes de smbolo se modifican en el editor de smbolos. El editor de smbolos permite utilizar herramientas de dibujo, texto y color para modificar el grfico. Durante el trabajo en el editor de smbolos slo se altera el smbolo seleccionado.Puesto que el smbolo es un elemento de la Biblioteca, si modifica el aspecto de una de las instancias, el resto de las instancias cambia.Para cambiar los atributos grficos de un smbolo seleccionado:1. Siga uno de estos procedimientos para abrir el editor de smbolos:

Haga doble clic en el objeto de smbolo.

ElijaModificar > Smbolo > Editar smbolo.

Haga clic en el botnEdicindel cuadro de dilogo Animar.

2. Modifique el smbolo de animacin y cambie el texto, los trazos, los rellenos y los efectos deseados.3. Cierre el editor de smbolos.Edicin de trazados de movimiento de smbolosCuando se selecciona un smbolo de animacin, este cuenta con un recuadro delimitador y un trazado de movimiento que indica la direccin de desplazamiento del smbolo.El punto verde del trazado de movimiento indica el punto de partida y el rojo el del final. Los puntos azules representan los fotogramas. Por ejemplo, un smbolo con cinco fotogramas debe contar con un punto verde, tres puntos azules y uno rojo en su trazado. La posicin del objeto en el trazado indica el fotograma actual. Si el objeto aparece como en el tercer punto, el fotograma actual es el 3.Para cambiar la direccin de movimiento se puede modificar el ngulo del trazado.

Para cambiar el movimiento o la direccin: Arrastre alguno de los tiradores de inicio o de final de animacin del smbolo a una nueva posicin. El punto verde indica el punto de partida y el rojo el del final.Para restringir la direccin de movimiento a incr