Si bien Fireworks no ha desparecido, ha mejorado y como dicen… llego para quedarse. Muchos lo llaman el hijo pequeño de Photoshop, otros dudan de su funcionalidad. En lo personal si eres diseñador web, debes conocer Fireworks (en ningún momento menosprecio Photoshop que quede claro).

Ahora hablemos de las novedades que Adobe nos ha dado para Fireworks CS5.

Export Area Tool

En la version pasada de Fireworks podiamos exportar una seccion de un gráfico si lo deseabamos, para esto debiamos usar la herramienta slice (rebanada) para despues exportarla(s).

Ahora con esta herramienta, encontrada detras de la herremianta crop, podemos seleccionar una parte de nuestro gráfico y dando doble clic sobre nuestra selección nos aparecera un menu de exportación similar al panel de Save for the Web & Devices.

Esta herramienta, aunque sencilla ahorrara mucho tiempo a muchos de nosotros.

Compound Shape

Sin duda una de las mas grandes mejoras, esta herramienta te permitira ahora crear vectores complejo sin necesidad de usar la pluma (aunque tambien se puede utilizar).

Si no es una herramienta, es un pequeño segmento en nuestro panel de propiedades que podremos usar para crear vectores complejos.

¿Como funciona?

Creamos una forma (ya se una rectangulo, circulo o poligono), despues con la forma seleccionada podemos seleccionar una de las opciones. La primera indica el modo regular, la segunda es para agregar una “union”, esto quiere decir que podemos “encimar” otra forma y se unira con la original, creando un solo conjunto de vectores.

Templates

Ahora Fireworks CS5 trae nuevas plantillas y documentos predeterminados, desde estas plantillas podemos crear arte para iPhone, diseños para pantallas moviles, hasta unas plantillas para web.

Otras novedades

Exportacion de Código HTML mejorada

Menu Contextual: Podemos insertar ahora botones y simbolos de manera mas sencilla. Podemos acceder a las preferecias de Fw desde el menu contextual.

Ventana de carga

El primer cambio que pudimos ver fue el cambio de la ventana de carga, recuerdan esa ventana que se anteponia a lo que estuvieramos haciendo practicamente bloqueando nuestra pantalla, pues para la siguiente version esta pantalla se colocara atras de todos nuestros programas para que de esta manera podamos continuar trabajando mientras el programa se carga. Un pequeño cambio, pero ayudara.

Deco Tool

Esa herramienta que llena de ramas nuestro escenario y que realmente no sirve para nada, ha sido actualizada y ahora cuenta con mas opciones aparte de las ramitas inservibles, de modo que hasta el peor diseñador del mundo puede realizar una ilustración bastante respetable.

Edición de Texto

En esta presentación pudimos ver impresionantes mejoras en la edición de texto gracias al uso de un nuevo Text Layout Framework(TLF), entre las principales capacidades estan:

• Soporte para caracteres internacionales
• Uso de columnas incluyendo trabajo con columnas de derecha a izquierda
• Texto vinculado. Para los diseñadores no les sera desconocido, pues actualmente se utiliza en Illustrator. Cuando creamos un campo de texto de un tamño preciso, suele suceder que el texto que  escribamos exceda las dimensiones del campo, para esto podemos extender un campo de texto en otro lado de nuestro escenario y ambos campos estaran vinculados.

Mejoras en la ayuda de codigo

Se mostraron importantes mejoras en el Code Hinting de Flash (esa pequeña ventana que nos muestra la sintaxis antes que terminemos). Ahora el code hinting nos ayudara al acceder a clases personalizadas sin ningun problema.

Code Snippets

Los snippets se encontraran en un nuevo panel, estos snippets son codigos de ejemplo que podemos copiar y usar en nuestra pelicula de flash, actualmente Dreamweaver cuenta con un pequeño panel de Snippets.
Integración con Flash Builder. Podremos ahora elegir al crear una clase, si deseamos escribirla en Flash o en Flash Builder, de elegir Flash Builder el programa se abrira para la edición del archivo de clase.

Nuevo formato (XFL)

Este sera el nuevo formato para Flash, el cual se encuentra basado en XML para una mejor lectura del archivo y mejor integración con otras herramientas.

Iphone

La mas importante y sonada mejora que hemos oido, fue que ahora Flash tendra la capacidad de crear aplicaciones para el iPhone, esto no significa que veremos un Flash Player para el iPhone, pues Mike Chambers nos comento que hasta el momento Apple no ha tenido la disponibilidad de trabajar con Adobe para el desarrollo del Flash Player para este dispositivo, sin embargo, Flash traducira el codigo en ActionScript 3 (no soportara AS2 o anteriores) y lo convertira en una aplicacion para iPhone, embebiendo el certificado pertinente(deberemos afiliarnos al programa de Adobe para desarrolladores de aplicaciones por supuesto)

Estas son las novedades que pudimos ver en mano de Lee Brimelow y Mike Chambers (quien realizo un juego para iPhone el mismo dia para la presentación).

En fin, para finales de este año esperamos quede liberada la version Beta al público como promete Adobe, si quieres enterarte en cuanto salga apuntate aqui.

Nuestra barra de herramientas (ubicada del lado izquierdo) se encuentra dividida de la siguiente manera:

- Herramientas de selección: estas herramientas nos permitirán seleccionar objetos en nuestro documento, o en su caso, segmentos de un vector. También encontramos en esta sección herramienta Crop Tool que nos permitirá recorta una imagen al tamaño que deseemos.

- Herramientas de mapas de Bits: Estas nos ayudaran para realizar pequeños ajustes a fotografías que importemos a nuestro documento, desde seleccionar pixeles de color similar (Magic Wand) hasta reemplazar un color en la imagen o aplicar efectos sencillos como el blur, smudge, burn, dodge y sharpen.

- Herramientas de Vectores: Los vectores son segmentos con longitud, dirección y sentido definidos, es decir, que por mas grande que se hagan, no se pixelearan como sucede con los mapas de bits. Entre las herramientas de esta división están la pluma, las formas, texto, y el cuchillo que es una herramienta que cortara un segmento en 2 partes.

- Herramientas Web: las herramientas Web son las que nos permite crear hotspots o slices, que serán espacios activos que más tarde podrán tener un link o una acción en el rollover. En esta división podemos escoger si queremos ver o no las slices y hotspots.

- Herramientas de Color: entre las herramientas de color tenemos el gotero que nos permite tomar un color de cualquier lado, para después aplicarlo en una forma, la cubeta, el color de contorno y el color de relleno.

- Herramientas de Vista: Las herramientas de vista son opciones para quitar la barra de herramientas y trabajar solo en el canvas, o para quitar todos los menus y paneles y que solo aparezcan cuando nos posicionamos cerca de la orilla de la pantalla. También encontramos la mano que nos permitirá desplazarnos por nuestro documento sin mover nada del canvas y la lupa que nos permitirá hacer un zoom dentro del documento.

Dentro de los paneles principales encontramos los siguientes:

- Alineación – El panel de alineación nos permitirá alinear como su nombre lo dice, objetos entre si, u objetos respecto al escenario, también nos permite distribuirlos o repartir el espacio entre ellos.

- Estados (states) – el panel de states o fotogramas nos permitirá crear animaciones simples cuadro por cuadro para después poder exportarlas como gif animado.

- Capas (Layers) – En este panel podremos mantener organizado nuestro documento en capas y carpetas, asimismo, se creara una carpeta aparte para las slices y los hotspots (objetos web).

- Páginas (pages) – en el panel de páginas podremos crear diferentes páginas de un mismo sitios, dentro de un mismo archivo de Fireworks (.png). También podremos crear una Master Page o página maestra, la cual funcionara como plantilla para las siguientes páginas.

- Librería del documento (document library) – en este panel se guardaran todos los símbolos que creemos dentro de nuestro archivo de Fireworks, para así poder utilizar varias instancias del mismo.

- Librería Comun (Common library) – en la librería comun encontraremos objetos predeterminados como botones, objetos HTML, animaciones, sonidos, barras de menú, etc. Para utilizarlas simplemente debemos arrastrarlas a nuestro escenarios.

- Propiedades – el panel de propiedades será el panel más importante al trabajar en Fireworks, pues en el siempre encontraremos opciones para el objeto seleccionado, ya sea un texto o una forma, tendrán diferentes opciones que podremos modificar mientras trabajemos en Fireworks.