¿Porqué deberías empezar a usar Fireworks?
Hace poco tuve la oportunidad de impartir un par de seminarios sobre Fireworks para los alumnos de Artes visuales. Estuvimos pegando un buen repaso al programita para demostrar en profundidad, que, realmente, le pega muuuuchas vueltas a Photoshop en lo que respecta a prototipado y diseño web. Como les prometí algún tipo de documentación adicional que repasase los puntos clave, he pensado que puedo matar dos pájaros de un tiro: refrescarles la memoria a ellos y enseñaros a vosotros la verdadera potencia del programita en cuestión y el por qué se hace tan interesante. Créeme, si con esto no te convences de que Fireworks es una joya, nada lo hará :P
Como el asunto se extiende bastante y estoy casi seguro que una super parrafada no la digerís de una vez, dividiré el artículo en varias partes. Vamos con la primera:
¿Si Fireworks es tan bueno, porqué no lo hemos usado antes?
Excelente pregunta compañero. Y para eso habría que preguntar a Adobe el por qué no integro esta aplicación antes en sus famosas Creative Suites. Bueno, convendría recordar que Fireworks es un programa originario de Macromedia, no de Adobe y por tanto no se comercializó, ni publicitó (ni pirateó) del mismo modo que el ya famoso Photoshop. Fireworks se introdujo en la familia Adobe a partir de la suite CS3 (la última de las versiones lanzadas de la misma) por lo que bien podría decirse que Photoshop ya le había ganado bastante terreno de cara al público en general. Quien sabe, quizá si tanto Ps como Fw hubiesen salido a la vez, otro gallo cantaría.
El tiempo, factor clave
Realmente, el que uses un programa u otro no va a significar que te conviertas en un mejor diseñador. El hábito no hace al monje, eso dicen. Entonces, ¿para qué tanta historia? Bueno, si ya estás metido en el mundillo de un modo profesional ya sabrás que el tiempo es dinero. Y que cuando estás metido en un proyecto, el tiempo no suele correr a tu favor. ¿Qué quiere decir esto? Que si las cosas se pueden hacer con más comodidad y con más fluidez, ¿por qué no hacerlas así? Te aseguro que con Fw, tu proceso creativo, va a otro ritmo. Uno mucho mejor.
¿Entonces usar Photoshop está mal? ¿Podría ir al infierno por ello?
Usar Photoshop para prototipar o en proyectos web no es que esté mal, pero creo queno es lo más eficiente. Recordemos que Photoshop es una herramienta de edición de imágenes. Muy versátil sí, pero no creo que se idease teniendo en mente a los desarrolladores de aplicación/web. Basta ver que el programa va evolucionando con nuevas características que apenas nada tienen que ver con este tema (3D, nuevas características de pincel, mejora en la correción de imagen y eliminación de contenido…). Por contra Fireworks se ha ido enriqueciendo con pequeñas características que llaman mucho más la atención en este sentido (exportación directa CSS, interpretación de etiquetas HTML, creación de elementos RIA…) Pero bueno, voy a ir poco a poco, desengranando algunos puntos que creo muy interesantes sobreFireworks pero también haciendo alusión al rival, en este caso Photoshop.
Selección de elementos, objetos y posicionamiento
Una de las características más simples y más potentes a la vez es la selección de elementos. Basta con pasar por encima de los objetos para que se muestre su “contorno” o controles de transformación sin que sea necesario seleccionar el objeto. La ayuda visual que esto supone es enorme.
En Photoshop también puedes mostrar los controles de transformación, pero estos no se muestran hasta que no tienes la capa seleccionada.
Pero es mucho mejor la selección grupal. Simplemente arrastrando el cursor por encima de los mismos, todos los elementos que estén dentro del área (sólo hace falta que esté un único píxel del objeto dentro del área de selección) quedarán seleccionados:
No importa si los objetos están en diferentes capas o subcapas; automáticamente quedan seleccionados todos. En el panel de propiedades, Fireworks te indicará cuántos objetos hay seleccionados y en el panel de capas, también te indicará en qué capas hay objetos que están dentro del área de selección:
La selección grupal en Photoshop no es tan buena. Si bien puedes hacer selección múltiple también simplemente arrastrando el cursor, no se mostrarán los controles individuales de cada capa (se mostrará un transformador grupal). También ocurre que aunque en el panel de capas se te muestren las capas seleccionadas, las carpetas o grupos plegados que tengan objetos dentro de la selección no aparecen marcados en un primer momento. Hace falta expandir su contenido para comprobar si su contenido quedó seleccionado:
Otro detalle extra de Fireworks en el tema de las selecciones grupales es que puedes hacer subselecciones mediante atajos de teclado. Ponte por ejemplo que has seleccionado cajas de texto, símbolos, rectángulos… pero que sólo quieres escoger las cajas de texto. Pues nada, pulsamos T y nos quedamos sólamente con los elementos de texto que había dentro de nuestra selección :)
Evidentemente no es oro todo lo que reluce y las herramientas de selección bitmap dejan bastante que desear. No seré yo el que diga que su rendimiento es el más óptimo que se pueda esperar. Cumplen su cometido y puedes operar, dejémoslo ahí. Aquí Photoshop gana de calle claro (siempre hablando en términos de rendimiento, no de funcionalidad).
Quiero cerrar este primer punto con el tema de posicionamiento de objetos. Tanto Fireworks como Photoshop cuentan con reglas guía, guías inteligentes, ajuste y alineación de objetos… pero Fireworks en su panel de propiedades tiene una pequeña joyita:
Ya sea un objeto vectorial, un mapa de bits o un grupo de objetos, Fireworks arroja sus datos de dimensión y posición. Parecerá una tontería pero a la hora de prototipar y crear retículas, a veces viene realmente bien tener esto a mano. Photoshop que yo sepa, no cuenta con esta funcionalidad.
Degradados y estilos
Si le perdono a Fireworks muchos problemas de estabilidad es por cositas como su manejo de los degradados y los estilos. Aquí no hay color, Photoshop no puede presentar batalla en este aspecto:
Algo tan simple como un manejador de gradiente (los que uséis Flash o Illustrator tenéis herramientas similares) que te permite editar y comprobar en tiempo real los cambios sobre el objeto sobre el que estés trabajando, método mucho más intuitivo que andar jugando con los efectos de capa en Photoshop o la prueba a ojo. Y si te equivocas y quieres volver al principio, doble clic sobre el manejador para que retorne a su estado inicial.
De los estilos, destacar que Fireworks viene bien nutrido con un buen surtido por defecto y que al contrario que en Photoshop, no se hace necesario añadir o sustituir los que tengamos visibles en el momento porque disponemos de un selector de tipos de estilos además de una opción que nos permite ver cuáles son los que tenemos usados en nuestro documento actual. Pero eso no es todo:
Fireworks interpreta los estilos de una manera diferente a Photoshop. En Photoshop lo que podemos hacer sobre una capa es aplicar un estilo y editar posteriormente el subconjunto de efectos que conforman el estilo. En Fireworks podemos dar un paso más. Podemos redefinir estilos sobre objetos vinculados. ¿Que quiere decir esto? Que si tenemos 16 botones a los que hemos aplicado un estilo concreto, basta con actúar sobre uno y emplear la opción que te permite modificar los parámetros del estilo. En ese momento, todos los objetos con ese estilo vinculado, tendrán el aspecto modificado
Añadir también que los estilos en Fireworks no sólo guardan los “efectos especiales”, también permiten guardar información relativa al tipo de fuente, su tamaño, color de relleno, etc…
Nota: También tenemos el comando Pegar atributos dentro del menú Edición que nos permite trasladar propiedades de un objeto sobre otro :)
Edición vectorial (y bitmap)
Evidentemente el poder editar objetos vectoriales in situ tenía que salir destacado, ¿verdad? Vale, en la edición bitmap ya hemos dicho que no es tan bueno como Photoshop, pero precisamente para eso está éste último. Al César lo que es del César.
En cualquier caso el poder trabajar tanto a nivel bitmap como vector, hace que tu proceso de trabajo sea más fluido y mejor al no tener que saltar entre diferentes aplicaciones. No obstante, reconozco que de todas formas, casi todos trabajamos con varias aplicaciones a la vez.
Continuemos. El trabajo a nivel bitmap en Fireworks se puede al menos realizar, cosa que no te permite Photoshop con el amigo vector con tanta facilidad. Para Photoshop sacaron los “objetos inteligentes”: tú te copias de Illustrator un logo en Photoshop y lo puedes reescalar y modificar sin que pierda calidad. Y ya está. Ahí se acaban tus opciones. Si quieres editar el logo, te vuelves por donde viniste. Prueba a abrir un EPS. Ahora hazlo con Fireworks. Mejor, ¿verdad? Prueba a abrir un .AI Y si eres de los que resisten con el Freehand, haz “copypaste” también. Y luego tenemos la estupendísima paleta Path que te permite hacer prácticamente de todo a nivel vector
Tampoco me voy a parar a contar en profundidad el trabajo en vector, pero lo considero mucho más sencillo y eficaz en Fw. Sólo la acción de conseguir bordes redondeados en un rectángulo es algo taaaaan sencillo….
Organización: capas, páginas y estados
Otro de los puntos realmente fuertes de Fireworks es la capacidad de mantener en un único documento un website completo (por poner un ejemplo). Que sí, que en Photoshop también puedes, pero no de la misma manera.
En Photoshop sólo puedes organizar por capas, carpetas y subcarpetas sucesivas. También tienes la opción de layer comps que te permite guardar diferentes estados del documento (te permite recordar posición, visibilidad y estilos de capa).
Para el que no lo sepa, layer comps se ubica dentro del menú window. No suele ser muy conocido porque por defecto aparece como panel oculto
Como he dicho, Fireworks está mucho más desarrollado en este aspecto. Puedes jerarquizar un documento en capas, carpetas (y subcarpetas), estados y páginas. Básicamente la cosa sería así:
Una capa puede contener diferentes objetos
Una carpeta puede contener capas y subcarpetas
Un estado puede contener diferentes (valga la redundancia) estados de capas y subcarpetas
Una página puede contener todo lo anterior
Un documento puede contener varias páginas
¿Qué es lo realmente bueno de todo esto? Que además puedes compartir capas entre páginas de manera que si haces un cambio en una página, se propague al resto de ellas sin ir una por una. También puedes crear páginas maestras con resultado similar. Las páginas tienen propiedades independientes: propiedades de exportación, dimensión del lienzo,…
Imagínate ahora entonces preparando un diseño web con una página para el inicio y otras para sus siguientes secciones. Cada página con elementos comunes (el menú, footer, etc…) y elementos propios. Todo dentro de un mismo documento y con un peso de archivo relativamente menor al que puedes conseguir en Photoshop.
por: Skeku
