Animaciones web

Fireworks

Firework.- Programa diseñado por macromedia Systems para la creación y edición de imagénes y gráficos vectoriales y mapa de bits mediante la utilización de una amplia gama de herramientas.
Fireworks forma parte junto con Dreamweaver, flash, contribute , flash paper y el paquete estudio 8 de macromedia.
Característocas fundamentales de fireworks

• Creación de elementos gráficos
• Creación de elementos web
• Edición de gráficos
• Optimización
• Exportación de documentos

Requerimientos mínimos de Fireworks (versión mas reciente de software)

• Procesador Intel a 300 Mhz.
• Windows 98 SE, ME, NT4, (Service Pack 6 ),2000 o XP.
• 64 Mb de RAM ( aunque se recomienda 128 Mb) mas 80 Mb de espacio disponible en disco duro.
• Monitor de 256 colores con resolución de 800X a 600 pixeles o superiores.
• Adobe Type Manager Versión 4 o superior, para utilizar funciones Type 1
• Unidad de CD-ROM.

Entorno de Trabajo de Fireworks

• Panel herramientas .- Contiene comandos necesarios para crear, seleccionar y modificar objetos.
• Barra de menús .-Presenta las siguientes opciones : Archivo, Edciòn, Ver, Seleccionar, Modificar, Texto, Comandos, Filtros, Ventana. Ayuda.
• Inspector de propiedades .- Muestra las propiedades de selección opción de las herramientas seleccionadas y propiedades predeterminadas del documento.
• Lienzo .-Es al área de trabajo.
• Ventana del documento.-Contiene la Barra de Titulo, Abajo aparecen 4 botones de visualización : Original, Vista previa, la opción 2 copias y 4 copias. En original se despliega un documento PNG las 3 restantes pueden verse versiones de exportación de documentos.
• La Barra de Herramientas Estándar .- Contiene botones para realizar acciones comunes en las aplicaciones que se ejecuten.
• Paneles.-Trabajan con fotogramas, capas, símbolos muestras de color y otros elementos.

Fireworks permite crear diferentes operaciones con vectoriales y mapa de bits utilizando el panel herramientas que son:

• Vector contiene:

Las Herramientas formas básicas ofrece medios esenciales para el dibujo.

La Herramienta línea permite crear trazos.

La Herramienta pluma permite trazos versátiles.

La Herramienta texto Crea texto.

La Herramienta Estilos contiene: Estilo libre(es posible empujar cualquier parte del trazo.) y la Herramienta cuchillo.

• Seleccionar contiene:

-Herramienta Puntero permite selecionar objetos al hacer clic en ellos o arrastrar un área se selección alrededor de un conjunto de objetos en el lienzo.

-La Herramienta seleccionar detrás se utiliza para seleccionar un objeto oculto por otros objetos.

Herramienta Recortar y Herramienta Exportar Área.

Herramienta Subselección se emplea para desplazar o modificar puntos de un trazo vectorial.

Herramienta Escala , Inclinar Distorsionar se utilizan con la trasformación de los controladores de esquinas.

• Mapa de bits contiene:

Herramienta Lazo, Lazo poligonal .Herramienta Recuadro, recuadro oval.Pincel.Barita Magica.Herramienta Borrador. Lápiz. Herramienta sello, Reemplazar color, Eliminación de objetos rojos. Herramienta Desenfocar, Perfilar, Aclarar, Obscurecer, Difuminar.

• Web contiene:

Herramienta Zona Interactiva rectangular, Circular, Poligonal. Herramienta división.

• Colores contiene:

Herramienta opciones de relleno , Opciones de trazo, Sin trazo, Sin relleno.

Diferencias de Selección, Trasformación, Mapa de bits Y texto de Fireworks, Corel Draw y Corel Photopaint en Gráficos Vectoriales y Mapa de bits.

• Selección en Corel Photopaint.

La Herramienta de menú lateral selección.- permite acceder a las herramientas selección de objetos y trasformacón de máscaras.

Herramienta selección de objetos.- permite seleccionar un objeto.

• Seleción Corel Draw

Selección.- permite seleccionar, cambiar y mover el tamañode los objetos con el ratón.

• Selección Fireworks

Subselección .- seleccciona puntos concretos.

Puntero.- selecciona alrededor de un conjunto de objetos en el lienzo o en la totalidad de ellos.

Selección detrás.- selcciona objetos ocultos por otros objetos.

• Trasformaciones de Fireworks

Las Herramientas que utiliza Firewoks para las Trasformaciones son: Distorsionar, Inclinar y Escalar.

• Trasformaciones de Corel Draw

Menú organizar /Trasformaciones/Posición-Rotación -Escala- Tamaño e iInclinación .- indica la trasformación del objeto.

• Organización de Fireworks

-Agrupamiento de los objetos

-selección independiente de los objetos de un grupo

- aplilamiento de los objetos y alineación de los objetos.

• Organización de Corel Draw

-Agrupamiento de los objetos .- une varios objetos de modo que se puedan seleccionar y manipular como uno solo.

-Desagrupamiento de objetos.-informa sobre varios niveles de agruapción de objetos.

• Mapa de bits de Fireworks

La utilización de la harramienta dibujo y pintura de las selección de Mapa de bits del panel herramientas.

-Cambio de color de píxeles

-Eliminación o adición de píxeles

- La duplicación de elementos de la imágen con la herramienta sello.

-El fundido de los bordes de la imágen, el recorte y trasformación de la imágen.

• Mapa de bits de Corel Draw

-Convierte un Mapa de bits los objetos vectoriales creados.

-Edita la imágen de mapa de bits haciendo la liga con Corel Phopopaint.

- Modifica el tamaño y la resolución de imágenes mapa de bits.

-Convierte la imágen a otro formato de color y utiliza una máscara de color sobre la imágen.

• Mapa de bits de Corel Photopaint

Utilizamos las herramientas :Máscara rectangular, Máscara elipse, Máscara mano alzada, Máscara lazo, Máscara Magnética, Máscara varita mágica y Máscara pincel. para editar áreas de selección de de objetos.

• Texto de Corel Draw

-Permite agregar tecto artistico o de párrafo.

-Modifica atributos del texto. Inserción de símbolos.

-Adaptar texto aun trayecto.

-Ajustar espacio entre carácteres para el texto sobre trayecto.

-Adaptar texto a un marco. Alinear con línea de base.

-Enderezar texto. Convertir texto artitico a texto de párrafo.

-Convertir texto a curva.

• Texto de Corel Photopaint

Permite añadir texto a uan imagen y modificar el texto existente.

• Texto de Fireworks

-Editor de texto. Dirección y orientación del texto.

-Aplicación de color del texto. Suavizado de los bordes del texto.

-Almacenamiento de los atributos del texto. Asociación del texto a un trazado.

-Trasformación del texto. Conversación de texto en trazado. Importación de texto.

-Revisión ortografica

• Ventajas

JPEG.- Emplea y desenfocado ligeramente la imágen para reducir el tamaño de archivo.

GIF.- Es el formato más utilizado ofrece una buena comprensión, pero si la imágen contiene más de 256 colores es posible que su calidad reduzca de manera significativa.

GIF.- Son idóneos para crear gráficos animados, logotipos y gráficoscon áreas trasparentes o animaciones.

JPEG.- Admite millones de colores 24 bits produce una calidad más alta para los datos de imágenes contrasiciones de color en degradado o cualquier imágen que presice mas de 256 colores.

PNG.- Formato de gráfico web más versátil.

SVG.-Describe gráficos vectoriales bidimencionales tanto estáticos como animados.

SVG.-Admite lenguajes XML y SMIL.

• Denventajas de PNG

PNG.- No todos los exportadores web pueden beneficiarse completamente de sus ventajas a menosque utilicen un plu-in.

PNG.- No es un archivo común para web.