Me gusta pensar que, con el paso de los años, mis métodos de trabajo han evolucionado y mejorado. Cuando comencé a diseñar para web, la herramienta que escogí fue Photoshop, imagino que por aquella época era la que mejor dominaba y me pareció lo más lógico para empezar. Más tarde me decidí a probar Illustrator, el experimento fue satisfactorio, el tamaño de los archivos generados era mucho menor, podía reaprovechar elementos, moverlos y editarlos con mayor facilidad, etc.
Hace cerca de un año comencé a interesarme por Fireworks, la herramienta de gráfica para web de Adobe, parecía tener sentido darle una oportunidad. Al principio echaba de menos algunas herramientas muy potentes que encontraba en Illustrator, las paletas de texto y color me parecían muy pobres (heredadas de Flash) y desde luego no era el software más estable que había probado (el resto tampoco es que sean bloques de hormigón). Aun así decidí seguir adelante y exprimirlo al máximo.
Tal decisión no podía haber sido más acertada, descubrí un sistema de organización infinitamente más lógico al que usaba en Illustrator o Photoshop; gracias al uso de estados, grupos de capas compartidas y símbolos (sobre todo los dotados de 9-slice scaling), no sólo reducía el tiempo que dedicaba a la creación de layouts, también el tamaño de los archivos se minimizaba drásticamente.
FW me ofrecía otra serie de características que hacían más que definitiva mi decisión, quizá las más importantes son…
- … la estupendísima paleta PATH, con la que el dominio de los trazados vectoriales se convierte en un juego de niños. Se puede hacer prácticamente de todo con ella.
- … el comando ‘Paste Attributes’. Copia un elemento, selecciona otro, ejecuta dicho comando e instantáneamente pasa a tener aplicados los mismos efectos, borde y relleno de color que el original (también funciona con tipografía), así de fácil.
- … la herramienta de exportación de areas, con la que se pueden exportar áreas concretas sin necesidad de modificar la imagen en absoluto.
- … la paleta FIND, con la que podrás reemplazar texto, colores, efectos, enlaces, etc. dentro de un rango de posibilidades, desde una sección del documento actual a varios archivos.
- … algo que quizá infravaloréis ahora, pero que después de trabajar con él durante un tiempo veréis realmente útil, que es la independencia del tamaño del lienzo en cada página. Os aseguro que es completamente innecesario utilizar más de un archivo para contener un layout completo (incluyendo hovers, versiones alternativas, lightboxes, etc.).
Seguro que olvido otras cosas que utilizo tan a menudo que olvido el lugar tan importante que ocupan en mi workflow, pero la conclusión definitiva es que FW aporta sencillez y velocidad en la creación de layouts de cualquier tamaño.
Espero que este artículo sirva a algunos para animarse a dar el primer paso, si es así, espero que me relatéis vuestras experiencias en los comentarios (así como aportar otras mejoras que haya podido olvidar).
Edit: Los iconos usados en este artículo pertenecen a la colección Refined Creative Suite 4 de Jesse Dodds.
02/09 - 15:48
Por fin una respuesta convincente y argumentada. Venga va, prometo probarlo, es más, si rediseño Freak Evolution, va a ser con Fireworks.
Algunas dudillas/miedos, ejem…:
¿qué hay de los flamantes efectos de Photoshop? ¿Se echan de menos?
¿Tutoriales o blogs interesantes sobre FW?
¿Qué tal la curva de aprendizaje?
Ale, que no se diga que no soy exigente…
Y por supuesto, gracias por el estupendo post. Menos mal que todavía quedan blogs que aportan cosas frescas. No como yo… :D
02/09 - 16:05
Sobre los efectos de Photoshop, están ahí en cierto modo, no hay problemas para aplicar drop/inner shadows, glows, superposiciones, etc. manteniendo además toda ‘editabilidad’. También hay algo llamado Photoshop Live Filters, que creo que se aplica de modo automático cuando importas archivos PSD con efectos aplicados, lo cierto es que yo nunca lo he necesitado.
En cuanto a sitios interesantes, de lejos el mejor es el Fireworks Dev Center de los propios desarrolladores.
En cuanto a la curva de aprendizaje, es mínima si vienes de Illustrator o Photoshop, aunque te recomiendo empezar y acabar un site entero en Fireworks para terminar de entender el funcionamiento.
Espero que te valgan las respuestas ;)
02/09 - 16:29
Perfecto. Gracias de nuevo muchacho :D
Ya te comentaré mis impresiones, cuando lo haya probado a fondo.
02/09 - 19:02
Yo llevo año y medio ya con fireworks y estoy encantado. Aún no he usado lo de los estados y realmente me apetece ponerme a ello pero necesito detenerme unos minutos. Mientras tanto me apaño bien con el uso de páginas y capas.
Lo de Paste attributes no lo sabía. Me hago estilos directamente. Y para algo concreto, como los rellenos de degradado uso un comando chorra: Selecciono los dos,tres, x elementos que sean y hago clic sobre el iconito para desplegar las opciones de los rellenos. Todos los elementos seleccionados cogerán el relleno del elemento que esté más por encima :)
02/09 - 22:06
A mi me pasó a la inversa, empecé usando las primeras versiones de FW antes incluso que Photoshop, y te hablo de una época lejana ya… al cabo de un tiempo me convertí al combo PS/AI y no he abierto el FW más que por accidente… le daremos un chance ahora, si insistes… saludos!
02/09 - 23:07
Ya te digo tio! yo ahora estoy a medio camino y en el curro usamos fireworks y te puedo decir que trabajamos el doble de rapido.
Lo de enviar un png editable por mail no tiene precio y que te respete la paleta de color al exportar buff genial.
Nosotros ahora usamos el fire(bug+works) editamos el html hacemos captura y vamos creando sobre la marcha :P
04/09 - 0:50
FW es la neta.. la verdad lo querian comparar con PS, pero es una herramienta totalmente diferente
05/09 - 5:38
Yo también soy un usuario de FW desde hace muchos años y aún no entiendo como es que hace la gente para crear un layout en PS… se que es costumbre.
FW fue creado para realizar web en cambio PS fue creado para edición fotográfica.
También permite la inclusión de comandos/extensiones para potenciar su uso y realizar tareas mecánicas.
05/09 - 7:30
Además me frustraba un poco la falta de una paleta ‘Actions’, pero hace muy poco descubrí que la funcionalidad de dicha tableta estaba integrada en la de ‘History’ :D
06/09 - 6:17
Fireworks es el programa que mas uso para diseñar, aunque realmente no diseño mucho, pero es bastante versátil, simple y hace justo lo que necesito, así que no lo cambio, me gusta mucho lo que hacen mis diseñadores con photoshop, pero a mi no se me facilita.
12/09 - 12:54
Pues lo siento, pero estaréis contentos con el soporte que le da Adobe desde su nuevo Flash Catalyst :(
No os cerreís las miras, o movilizaros pq lo dejarán fuera :)
Un saludo desde bcn!
14/09 - 1:46
Lo mejor que tiene fireworks es su capacidad para optimizar imágenes para la web. Creo que esto es lo que lo destaca y lo pone por encima de otros editores. Saludos!
14/09 - 19:48
Utilizo Fireworks desde hace bastantes años y, desde hace unos meses, estoy intentando pasarme a Illustrator para la creación de Layouts para la web.
Si, es cierto que Fireworks está desarrollado como una herramienta indispensable en el diseño web pero… no sé si os pasará a vosotros, con la tableta gráfica (yo utilizo una intuos) va MUY lento.
14/09 - 20:14
@manoloruiz: yo utilizo a diario Fireworks con la Intuos 4 y funciona exactamente igual que con cualquier otro software y viceversa, Fireworks funciona a la misma velocidad con una Intuos que con cualquier ratón.
18/09 - 15:56
Hola, la verdad que casi nunca he usado Fireworks, aparte de hace un par días que lo abrí para ver komo era… (no lo habia hecho nunca) y me parecio bastante bueno en lo relacionado a web… asique a probar toca ;) gracias por post como esots, un saludo!
03/09 - 21:04
Excelente Blog! como diseñador gráfico realmente me resulta de mucha utilidad, ademas de que esta muy bien cuidado estéticamente. Suerte!
30/09 - 19:33
hola te dejo este link… muy buenos tutoriales
http://www.fireworksguruforum.com/index.php?showforum=3
al menos seria bueno que la gente viera “que es lo que se puede hacer con fireworks”
31/09 - 8:52
Gracias gerardo!
02/09 - 17:04
Fireworks es el programa que llevo usando desde hace años, ya que es mucho más sencillo de usar y aprender que los otros dos. Además tiene un poder impresionante. Saludos
12/09 - 1:23
Igual yo también lo uso, sin duda una excelente herramienta.
Buen diseño ;) Saludos!
14/09 - 12:52
Finalmente me decidí a usar Fw, tanto leer sobre esta herramienta me lancé de cabeza a usarla.. y no me arrepiento. Es simplemente genial.
Para aquellos que estén interesados aquí hay un video/tutorial de Adobe que está muy bien explicado, https://xd.adobe.com/#/videos/video/139 (ingés pero el tipo habla claro)
28/09 - 17:30
El Fireworks va fantasticamente bien para hacer las webs, ya que reduce en gran parte el tamaño de los archivos con una calidad buenisima
Buen Blog suerte!
16/09 - 10:59
Para siempre ha sido es mas fácil de utilizar para la web.
Saludos ;)
23/09 - 9:15
Ahora voy a liarla un poco.
De que manera os lo montáis para que una vez tenéis todo el diseño dentro de fireworks, os quede el texto en html…
20/09 - 1:02
Testing your comments. What does this look like? Let’s see.
21/09 - 23:59
muy buen blog felicitaciones! te cuento que yo soy analista pero me dedico principalmente al desarrollo web, mis primeros intentos de diseño fueron en fireworks cuando todavia era de macromedia y todo se maquetaba con tablas jaja, luego descubri otro mundo con adobe photoshop e illustrator, sin embargo fireworks es insuperable en una cosa (y creo que es la razon por la que sigue en el mercado) que es para la realizacion de maquetas. en minutos podes tener corriendo una maqueta funcional de un sitio en html y eso para presentarle una idea a un cliente es impagable, asi que ¡aguante fireworks!!
21/09 - 1:42
I use fireworks sometimes, but I prefer Photoshop.
12/10 - 23:12
Buena articulo