Adobe Fireworks es un editor grfico enfocado al diseo web que permite crear interfaces y elementos como botones usando lneas, formas y texto. Incluye herramientas para editar fotos y optimizar imgenes para la web. Se integra perfectamente con Dreamweaver para exportar pginas HTML con grficos troceados y es fcil definir comportamientos como mens. Las mejoras en Fireworks CS6 se centran en el rendimiento y compatibilidad con otros programas ms que en funciones nuevas.Read less
Hoy vamos a profundizar en las principales diferencias entre Photoshop y Fireworks y lo que significan para los diseñadores web. Este artículo pretende ser una guía para todos aquellos que intenten comprender las ventajas e inconvenientes de cada aplicación. Nuestro objetivo: ayudar a los diseñadores a entender mejor sus opciones a la hora de elegir su aplicación gráfica.
Fireworks es una aplicación gráfica, igual que Photoshop... pero el "usuario objetivo" del programa es muy diferente. La principal razón por la que la gente elige Fireworks es porque está construido específicamente para los diseñadores web. Es ligero, se mueve rápido (incluso en ordenadores antiguos) y es más fácil de aprender que Photoshop si eres nuevo en cualquiera de los dos programas. Como está hecho para diseñadores web, es más probable que crezca con el tiempo para adaptarse a esta industria. También significa que si estás empezando, no te molestará ninguna de las complejas interfaces de usuario ni la empinada curva de aprendizaje que puedes encontrar en Photoshop.
La función de Página Maestra te permite establecer los elementos consistentes del sitio que quieres que aparezcan en cada "página". La función de páginas múltiples te permite crear tantas páginas secundarias dentro de la misma plantilla. Esto es súper poderoso porque actúa de manera muy similar a la forma en que funciona un sitio web real. De hecho, el manejo de las páginas y los estados en un archivo de Fireworks está pensado para imitar el comportamiento de una página web en vivo. Algunos elementos son fijos (como la navegación, la marca, los fondos, etc.) y otros cambian de una página a otra (columnas de contenido, fotos, títulos, etc.). Por supuesto, puedes lograr esto en Photoshop también mediante el uso de grupos de capas o múltiples archivos PSD, pero la organización y la interfaz de usuario que rodea a estas características en Fireworks es más natural. El manejo de los cambios universales en Fireworks es más rápido gracias a ello.
Ah, también puedes separar una página del Maestro si quieres crear elementos de diseño personalizados, lo que lo hace lo suficientemente flexible como para hacer frente a los sitios web más complejos.
La vinculación interna es justo lo que parece. En Fireworks, tiene la capacidad de especificar "puntos calientes" dentro de tu sitio que enlazan con las distintas páginas (mencionadas anteriormente). Incluso puedes enlazar con URLs externas si lo deseas. La idea original de esto era permitir a los diseñadores diseñar un sitio en Fireworks y luego "exportarlo" como código. El jurado aún no ha decidido si el código exportado es útil, pero esta función es fantástica si solo quieres exportar un archivo como PDF para que un cliente o director de arte lo hojee rápidamente. Esto facilita la creación rápida de prototipos en Fireworks sin necesidad de escribir una línea de código.
Los estilos en Fireworks son muy similares al CSS en una página web. Cada elemento puede tener un relleno, un trazo, una fuente y un efecto y guardarlo como un estilo que puede ser reutilizado y modificado de la misma manera que las hojas de estilo en cascada. Si se edita el "estilo" principal, se modifican todos los elementos que utilizan ese estilo. Esto es particularmente eficaz cuando se trata de múltiples instancias de bloques de texto en un sitio. Actualiza uno y los actualizarás todos. Una vez más, es una gran herramienta para ahorrar tiempo.
Photoshop ofrece algunas herramientas de edición vectorial muy rudimentarias, pero Fireworks incorpora muchas de las funciones nativas de Illustrator en su propia interfaz de usuario. La mejor herramienta (para los diseñadores web) es probablemente el "rectángulo redondeado", que incluye puntos de control para cada esquina, lo que facilita la realización de cambios en un rectángulo redondeado. Puedes hacer que una esquina sea redondeada y las otras no, también puedes cambiar el radio, algo que Photoshop aún no puede hacer.
Los símbolos, estilos y formas vectoriales se agrupan en bibliotecas que pueden reutilizarse en otros proyectos. Esto es ideal para los diseñadores que se encuentran reutilizando elementos y estilos comunes. También significa que puedes compartir tus bibliotecas con otros diseñadores, lo que es especialmente útil si trabajas con grandes equipos de diseño en los que cada diseñador necesita acceder a las mismas bibliotecas.
Photoshop te permite agrupar elementos en Grupos de Capas, pero se hace manualmente y puede resultar tedioso con el tiempo. La agrupación en Fireworks se hace de forma más natural: simplemente seleccionas un puñado de elementos y luego pulsas "Agrupar". Esto generalmente significa que tus archivos se organizarán un poco mejor, y en general ahorra tiempo en relación con el método de agrupación manual de Photoshop.
Aquí hay otro caso en el que Fireworks simplemente mejora lo que ofrece Photoshop. En lugar de un puñado de herramientas de degradado, Fireworks incluye una amplia gama de formas de ajustar y gestionar los degradados hasta que sean exactamente lo que estás buscando.
Photoshop tiene algunas herramientas básicas de "Guardar para la web", pero Fireworks las amplía de forma que se adaptan a la forma de trabajar de los diseñadores web. Las comparaciones entre ambos programas revelan que el tamaño de los archivos es menor cuando se guardan en Fireworks, lo cual es crucial para los sitios web con muchas imágenes; además, PNG-8 (con transparencia) es totalmente compatible, algo que Photoshop todavía no admite!
Si has usado Photoshop durante años, Fireworks te parecerá extraño... pero la mayoría de las personas que no han usado ninguno de los dos programas coinciden en que Fireworks es mucho más fácil de aprender. Photoshop está diseñado para fotógrafos y diseñadores gráficos... lo que significa que se incluyen muchas herramientas que los diseñadores web no necesitan necesariamente. La sobrecarga de la interfaz de usuario a la que están acostumbrados los usuarios de Photoshop se reduce en gran medida en Fireworks, lo que hace que sea bastante fácil de aprender para cualquiera que esté dispuesto a dedicar algo de tiempo extra.
Qué se obtiene cuando eliminas toda la funcionalidad extra que ofrece Photoshop? Archivos de menor tamaño que se mueven MUCHO más rápido. Los archivos de Fireworks (formato .PNG) pueden contener mucha más complejidad que los archivos .PSD, pero se comportan mejor en la mayoría de los ordenadores, lo que significa menos tiempo de espera para que la CPU procese los gráficos y más tiempo para diseñar.
Muchas de estas funciones también permiten hacer cosas en Fireworks que no se pueden hacer en Photoshop, como crear rápidamente prototipos de un sitio web o una aplicación de AIR, crear PDF interactivos, avanzar y retroceder con Flash y trocear rápidamente un sitio en archivos listos para la web.
"En una reciente encuesta sobre competencias laborales de la Sociedad de Agencias Digitales (SODA), casi el 20% de las agencias buscan competencias en FW. El año anterior la cifra era tan pequeña que resultaba insignificante". - Tom Green (de nuestro post sobre la encuesta)
Admitámoslo, Fireworks sufre un poco el síndrome del "hijastro pelirrojo". Solo en las versiones recientes (CS4 y CS5) Fireworks ha recibido actualizaciones significativas de sus características. Aunque esto es un buen presagio para el futuro, la lógica diría que es mucho menos probable que Adobe preste más atención a Fireworks que a Photoshop, simplemente porque Photoshop se vende más veces al año, por más dinero. Photoshop también es un programa más antiguo, lo que significa que se beneficia de un historial más largo de comentarios de los usuarios. Fireworks sigue creciendo a pasos agigantados con cada nueva versión que sale, pero como Photoshop es el producto estrella de Adobe en la suite CS, es de esperar que reciba la mayor parte de las actualizaciones importantes en el futuro.
Históricamente, los usuarios de Fireworks informan de más caídas y problemas con los archivos que los usuarios de Photoshop (aunque CS5 trajo mucha más estabilidad). Photoshop tiene su parte justa de problemas, pero vale la pena considerar que es un poco más probable que se encuentre con dolores de cabeza cuando se trata de Fireworks exclusivamente.
Aunque hay una demanda creciente de personas que sepan utilizar Fireworks, la demanda de diseñadores web que trabajen con Photoshop es universal. Casi todos los proyectos web importantes utilizan Photoshop al menos en alguna medida, y tener al menos un conocimiento intermedio de PS va a ser un requisito de trabajo para la mayoría de los puestos de diseño web en los que interviene un equipo. Aunque a tus clientes autónomos no les importe en qué programa trabajas, hay muchas más posibilidades de poder intercambiar archivos de Photoshop con tus compañeros que de Fireworks.
Quizás el argumento más fuerte a favor de usar Photoshop es que ya lo has aprendido y es una parte cómoda de tu flujo de trabajo. Como vimos en nuestro debate en la Encuesta de los Lectores, la gran mayoría de las personas que empezaron con Photoshop se han quedado con él. Por qué? Porque funciona. Y como dice el viejo refrán: "Si no está roto, no lo arregles". Aprender un nuevo programa lleva tiempo y dinero, y si no tienes ninguna razón urgente para empezar a usar Fireworks, no hay realmente ninguna razón para hacer el cambio ahora mismo.
d3342ee215