En este pequeño tutorial podremos adrentarnos a lo que es mundo de la animacion web, en nuestro caso sera enfocado hacia la utilizacionde fireworks( pues manos a la obra)
FIREWORKS es una herramienta enfocada a la creacion y edicion de imagenes y graficos, su flexibilidad lo hace apto para diseñadores graficos como patra los desarrolladores de paginas web, ya que permite la creacion de graficos vectoriales y de mapa de bits.
fireworks como se ha mencionado antes es una herramienta muy versatil que nos permite realizar tareas de distintas indoles como:
- creacion de elementos graficos
- creacion de objetos web
- ediccion de graficos
- optimizacion
- exportacion de archivos
fireworks se compone fundamentalmente del panel de herramientas, el inspector de propiedades,los menus y los paneles.
El panel de herramientas se situa en el lado izquierdo y el inspector de propiedades ( en la parte baja de la ventana) pueden trabajar simultanemente. La ventana de documento se encuentra en la parte central de la ventana mientras que los paneles estan inicialmente acoplados en grupos a lo largo de la parte derecha de la pantalla .
El panel de herramientas contiene las herramientas para seleccionar,crear y modificar diversos elementos graficos y objetos web.
El inspector de propiedades presenta las propiedades del objeto o la herramienta seleccionada; de no haber seleccion activa muestra las propiedades generales del documento.
fireworks permite la creacion de imagenes, afectos web como rollovers y menus emergentes en dos modalidades : vectoriales o de mapa de bits. en cualquiera de los dos es posible reducir el tamaño del archivo ademas de automatizar las tareas mas frecuentes para evitar trabajos repetitivos.
aqui tambien se pueden crear nuevas imagenes vectoriales y de mapa de bits, mediante la seleccion de herramientas apropiadas en el panel de herramienetas y su aplicacion en el lienzo.
Los graficos vectoriales representan imagenes mediante lineas llamadas vectores, que tambien tienen propiedades de color y de posicion.Tambien cuenta con diversas herramientas que permiten dibujar o editar mediante distintas tecnicas. Las herramientas de formas, permiten realizar de una forma rapida y sencilla lineas rectas, circulos, elipses, cuadrados, rectangulos,estrellas etc…
Asi mismo es posible crear trazos de vectores de manera libre con las herramientas: LApiz,Pincel y Pluma, esta ultima permite crear formas complejas con curvas suaves y lineas punto a punto.
SELECCION Y TRANSFORMACION DE OBJETOS VECTORIALES
Fireworks posee varias herramientas que permiten seleccionar varios objetos vectoriales.Estas herramientas, que se situan el en grupo seleccionar del panel de herramientas tambien pueden utilizarse para seleccionar bloqques de texto , simbolos, objetos web, y graficos en mapa de bits en mod vectoria (para poder trabajar con los objetos primero hay que seleccionarlos).
lLa herramienta puntero permite seleccionar objetos al hacer click en ellos o arrastrar una area de seleccion alrededor del conjunto de objetos en el lienzo o de la totalidad de ellos.
al igual que la herramienta puntero, la herramienta subseleccion permite seleccionar objetos al hacer click en ellos o arrastrar el cursor sobre el area especifica.
Cuando trabaje con graficos que contengan varioa objetos utilice la herramienta seleccionar detras para seleccionar un objeto oculto por otros objetos.
El panel capas contiene una miniatura y el nombre de todos los objetos que conforman cada una de las capas del documento. La miniatura de cada objeto se incluye en la capa en la cual esta situado.
OBJETOS DE MAPA DE BITS
las images de mapa de bits son representaciones de video aalmacenadas en la computadora como un conjunto de bits. Cada pixel esta controlado por un codigo de encendido y apagado que conforma filas y columnas, cuando se presentan en la resolucion adecuada , los pixeles se juntan como partes de un mosaico, y forman la imagen .
Ademas de las herramientas de dibujo y de edicion vectorial, fireworks dispone de una gran cantidad de opciones para el tratamiento de imagenes de mapa de bits.Algunos metodos para crear imagenes de mapa de bits son:
- utilizando herramientas de dibujo y pintura de la seleccion de mapa de bits del panel de herramientas
- mediante lñas fusiones de cortar,pegar y pegar selecciones de pixeles
- atraves de la conversion de imagenes vectoriales en objetos de mapa de bits
- apartir de la insercion de una imagen de mapa de bits vacia para despues rellenarla
cuando se pinta o se dibuja en el modo mapa de bits, en lugar de vectores se pintan los pixeles que en conjunto daran lugar a una imagen
TRABAJO CON TEXTO
Es posible crear texto en una gran variedad de fuentes y tamaños ajustando el espacio entre los caracteres, el color, el interlineado, la linea de base y otras caracteristicas . Estas funciones junto con la amplia variedad de trazos rrellenos efectos y estilos disponibles en la aplicacion haran que los textos sean un elemento vivo de susu diseños graficos.
En los documentos de fireworks el texto se incluye en un rectangulo con controladores de tamaño denominado BLOQUE DE TEXTO, puede aplicar trazos,rellenos,efectos y estilos al texto seleccionado de la misma manera que se aplican a los demas objetos y se puede aplicar uno o mas elementos al mismo bloque de texto.
Para evitar que el texto quede circunscrito a los limites de los bloques rectangulares puede dibijar un trazado y unir el texto a el. De esta manera el texto fluira a lo largo de la forma del trazado y sin embargo seguira siendo editable.Puede transformar los bloques del texto como si se tratara de cualquier objeto, asi como escalarlos, rotarlos , inclinarlos y reflejarlos para crear afectos originales .
Las transformaciones pueden realizarse mediante el inspector de propiedades, el editor de texto,las opciones del menu texto o haciendo clic con el boton derecho sobre el bloque qque se desea editar.El comando ortografia del menu texto permite revisar y corregir la ortografia de los bloques de texto especificos o de odo el texto de un documento,para activar la opcion ortografia abra el menu texto y haga clic en el comando ortografia.
CAPAS
las capas dividen los documentos de fireworks en planos discrecionales como si los conponentes de una ilustracion se dibujaran en distintas hojas transparentes superpuestas. un documento puede estar compuesto por muchas capas y cada capa puede contener muchos objetos.En fireworks el panel capas contiene una lista de las capas y los objetos contenidos en cada una de ellas.
Cada uno de los objetos que conforman un documento de fireworks reside en una capa.Es posible crear todas las capas antes deempezar a dibujar o añadirlas a medida que se vayan nesesitando.
La capa de web es una capa especial que aparece como capa superior de cada documento y su nombre se debe a que contiene objetos web como divisiones y zonas interactivas que se utilizan para dar interactividad a los documentos que se exportan.
Las mascaras se agregan a ciertos objetos para crear un efecto de corte en los mismos.Para enmascarar un objeto existente puede utilizarse una mascara vacia u otro objeto sin importar que este sea vectorial o de mapa de bits , las mascaras son totalmente modificables.
La compocision es el proceso de utilizar modos de mezcla para variar la transparencia o la interaccion de colores de dos o mas objetos superpuestos y amplian el efecto de opacidad, ademas fireworks permite volver a utilizar los simbolos, estilos, y URLs tantas veces se desee. los simbolos se almacenan en el panel biblioteca los estilos en el panel de estilos , y los URLs en el panel URL.
Fireworks permite crear botones para toda diversidad de funciones sin nesesidad de conocer complejas tecnicas de programacion en java script.El editor de botones guia a el usuario por el proceso de creacion de botones y permite automatizar muchas de las tareas, el resultado es un practico simbolo de boton qiue se puede utilizar en cualquier lado del documento ademas de permanecer editable como un objeto unico.
Una barra de navegacion (nav bar) en fireworks es un conjunto de botones que se mantienen o parecen mantenerse en un sitio web aunque otras de sus partes cambien.Utulice las barras de navegacion para facilitar el recorrido del usuario por el sitio web.Las zonas interactivas y las divisiones contituyen las principales herramientas para crear objetos interactivos como rollovers y mapas de imagen denominados objetos web y nosolo se conponen de ellos sino tambien de codigo HTML gracias al cual se dota de interactividad al documento.
Dependiendo del objetivo que se persiga fireworks permite crear divisiones con dos metodos baicos ya sea insertando de manera automatica una division rectangular sobre un objeto o trazando directamente la division si desea que todo un objeto sea interactivo solo tiene que seleccionarlo e insertar la division y al hacerlo todo el objeto quedara acotado por una division rectangular, sin importar su forma
