Share
Hoy, analizaremos más a fondo las diferencias clave entre Photoshop y Fireworks y lo que significan para los diseñadores web. Este artículo pretende ser una guía para cualquiera que intente comprender los beneficios y los inconvenientes de cada aplicación. Nuestro objetivo: ayudar a los diseñadores a comprender mejor sus opciones a la hora de elegir la aplicación de gráficos de su elección..
Publicamos una encuesta de lectores sobre este tema, así que asegúrate de emitir tu propio voto en esa publicación también.!
Comencemos esto enumerando los pros y los contras de cada programa. Para la mayoría de los diseñadores, Fireworks es el menos conocido, así que comenzaremos allí:
Fireworks es una aplicación de gráficos, al igual que Photoshop ... pero el "usuario objetivo" del programa es muy diferente. La razón principal por la que las personas eligen Fireworks es porque está diseñado específicamente para diseñadores web. Es liviano, se mueve rápido (incluso en computadoras antiguas) y es más fácil de aprender que Photoshop si es nuevo en cualquiera de los programas. Debido a que está hecho para diseñadores web, es más probable que crezca con el tiempo para adaptarse mejor a esta industria. También significa que si está comenzando, no se verá afectado por ninguna de las complejas UI o la curva de aprendizaje empinada que puede encontrar en Photoshop..
Aquí hay algunas razones específicas por las que puede elegir Fireworks:
La función de página maestra le permite establecer elementos de sitio coherentes que desea que aparezcan en cada "página". La función de varias páginas le permite crear tantas páginas secundarias dentro de la misma plantilla. Esto es súper poderoso porque actúa muy similar a la forma en que funciona un sitio web real. De hecho, el manejo de páginas y estados en un archivo de Fireworks está pensado para imitar el comportamiento de una página web en vivo. Algunos elementos son fijos (como navegación, marca, fondos, etc.) y algunos elementos cambian de una página a la siguiente (columnas de contenido, fotos, títulos, etc.). Claro, también puede lograr esto en Photoshop utilizando Grupos de capas o múltiples archivos PSD, pero la organización y la interfaz de usuario que rodean estas características en Fireworks es más natural. El manejo de los cambios universales en Fireworks es más rápido debido a ello..
Oh, también puede separar una página del Maestro si desea crear elementos de diseño personalizados, lo que lo hace lo suficientemente flexible como para tratar incluso con los sitios web más complejos..
La vinculación interna es exactamente lo que parece: en Fireworks, tiene la capacidad de especificar "puntos calientes" dentro de su sitio que se vinculan a las distintas páginas (mencionadas anteriormente). Incluso puede enlazar a URL externas si lo desea. La idea original de esto fue permitir a los diseñadores diseñar un sitio en Fireworks y luego "exportarlo" como código. El jurado aún está deliberando sobre si el código exportado es útil, pero esta función es fantástica si solo desea exportar un archivo como PDF para un cliente o director de arte para hojearlo rápidamente. Esto facilita la creación rápida de prototipos en Fireworks sin tener que escribir una línea de código.
Los estilos en Fireworks son muy similares a CSS en una página web. Cada elemento puede tener un relleno, un trazo, una fuente y un efecto, y luego guardarlo como un estilo que luego se puede reutilizar y modificar de la misma manera que funcionan las hojas de estilo en cascada. Edite el "estilo" principal y se cambiarán todos los elementos que usen ese estilo. Esto es particularmente efectivo cuando se trata de múltiples instancias de bloques de texto en un sitio. Actualiza uno y los actualizarás a todos. De nuevo, esta es una gran herramienta para ahorrar tiempo.
Photoshop ofrece algunas herramientas de edición de vectores muy rudimentarias, pero Fireworks trae una gran cantidad de la funcionalidad nativa de Illustrator a su propia interfaz de usuario. La mejor herramienta (para diseñadores web) es probablemente la "rectángulo redondeado"- que incluye puntos de control para cada esquina, lo que facilita la realización rápida de cambios en un rectángulo redondeado. Puede hacer una esquina redondeada y las otras no - también puede cambiar el radio, algo que Photoshop no puede hacer todavía.
Los símbolos, estilos y formas vectoriales están empaquetados en bibliotecas que puede reutilizar en otros proyectos. Esto es genial para los diseñadores que se encuentran reutilizando elementos y estilos comunes. También significa que puede compartir sus bibliotecas con otros diseñadores, lo que es especialmente útil si está trabajando con grandes equipos de diseño en los que cada diseñador necesita acceder a las mismas bibliotecas..
Photoshop le permite agrupar elementos en grupos de capas, pero se realiza manualmente y puede volverse tedioso con el tiempo. La agrupación en Fireworks se realiza de forma más natural: simplemente selecciona un puñado de elementos y luego pulsa "Grupo". Esto generalmente significa que sus 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 otra instancia en la que Fireworks simplemente mejora lo que Photoshop tiene para ofrecer. En lugar de un puñado de herramientas de degradado, Fireworks incluye una amplia gama de formas para ajustar y administrar degradados hasta que sean exactamente lo que estás buscando.
Photoshop tiene algunas herramientas básicas de "Guardar para la Web", pero Fireworks amplía estas herramientas de una manera que está orientada a cómo funcionan realmente los diseñadores web. Las comparaciones lado a lado revelan tamaños de archivo más bajos al guardar desde Fireworks, lo que es crucial para los sitios web con gran cantidad de imágenes; PNG-8 (con transparencia) también es totalmente compatible, lo cual Photoshop aún no admite!
Si ha estado utilizando Photoshop durante años, Fireworks se sentirá ajeno a usted ... pero la mayoría de las personas que no han usado ninguno de los programas están de acuerdo 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 necesariamente necesitan. La sobrecarga de la interfaz de usuario a la que están acostumbrados los usuarios de Photoshop se reduce considerablemente en Fireworks, lo que hace que sea muy sencillo de recoger para cualquier persona que quiera dedicar tiempo extra.
¿Qué obtiene cuando elimina todas las funciones adicionales que ofrece Photoshop? Tamaños de archivo más pequeños 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 tienen un mejor rendimiento en la mayoría de las computadoras, lo que significa menos tiempo de espera para que la CPU haga crujir los gráficos y más tiempo dedicado a diseñar.
Muchas de estas otras características también significan que realmente puedes hacer cosas en Fireworks que no puedes hacer en Photoshop, como crear prototipos de un sitio web o una aplicación de AIR, crear archivos PDF interactivos, moverte de un lado a otro con Flash, y cortar rápidamente en dados. un sitio en archivos listos para la web.
"En una reciente encuesta de habilidades laborales de la Sociedad de Agencias Digitales (SODA), casi el 20% de las agencias están buscando habilidades de FW. El año anterior, el número era tan pequeño que era insignificante". - Tom Green (de nuestra encuesta)
Esta lista será más pequeña porque ya hemos revisado los principales puntos de comparación, pero aquí hay algunos argumentos más para usar Photoshop en lugar de Fireworks..
Seamos realistas, Fireworks sufre un poco del síndrome del "niño pelirrojo". Solo en las versiones recientes (CS4 y CS5), Fireworks recibió actualizaciones significativas de funciones. Si bien esto es un buen augurio para el futuro, la lógica diría que es mucho menos probable que Adobe preste más atención a Fireworks que Photoshop, simplemente porque Photoshop vende más veces cada año, por más dinero. Photoshop es también un programa 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, espera que reciba la mayor parte de las actualizaciones importantes en el futuro..
Históricamente, los usuarios de Fireworks reportan más fallos y problemas de archivos que los usuarios de Photoshop (aunque CS5 trajo mucha más estabilidad). Photoshop tiene una buena cantidad de problemas, pero vale la pena considerar que es un poco más propenso a tener dolores de cabeza al tratar con Fireworks exclusivamente..
Si bien existe una creciente demanda de personas que saben cómo usar Fireworks, la demanda de los diseñadores web que trabajan con Photoshop es universal. Casi todos los grandes proyectos web utilizan Photoshop al menos en cierta capacidad, y tener al menos un conocimiento intermedio de PS será un requisito de trabajo para la mayoría de las posiciones de diseño web en las que participa un equipo. Si bien a tus clientes independientes no les importa en qué programa trabajas, hay muchas más posibilidades de poder intercambiar archivos de Photoshop con tus compañeros que los archivos de Fireworks..
Quizás el argumento más fuerte a favor del uso de Photoshop es que ya lo aprendió y es una parte cómoda de su flujo de trabajo. Como vimos en nuestra discusión en la Encuesta del lector, la gran mayoría de las personas que comenzaron con Photoshop se han quedado con Photoshop. ¿Por qué? ¡Porque funciona! Y como dice el viejo dicho, "Si no está roto, no lo arregles". Aprender un nuevo programa requiere tiempo y dinero, y si no tiene ninguna razón urgente para comenzar a usar Fireworks, realmente no hay razón para hacer el cambio ahora mismo..
Afrontémoslo, mientras que hay muchos tutoriales para Fireworks, los tutoriales y los recursos de Photoshop superan en número al contenido basado en Fireworks en la web al menos de 10 a 1. ¿Qué significa esto para ti? Su probabilidad de encontrar tuts educativos impresionantes (como en PSDTuts!) Es mucho mayor que sus posibilidades de encontrar el mismo contenido para Fireworks. Para muchos, esto es suficiente para equilibrar el hecho de que Photoshop es más difícil de aprender.
Por lo general, un diseñador que utiliza Fireworks todavía tendrá que usar Photoshop para crear gráficos avanzados ... pero la mayoría de los usuarios de Photoshop nunca se molestan en abrir Fireworks. ¿Por qué? Porque no necesitan hacerlo. Toda la funcionalidad básica está ahí en Photoshop. Si bien Fireworks puede tener un par de características que se han "mejorado", a los usuarios de Photoshop no les faltan porque ni siquiera sabían que existían;)
En los albores de Internet, los diseñadores web se vieron obligados a usar cualquier programa que tuvieran a mano para crear sus sitios web. Los primeros sitios web comenzaron como cosas simples y no requerían mucho en términos de destreza gráfica. Estos diseñadores web de antaño se conformaron con cualquier software de diseño gráfico que hayan usado o entrenado..
Ahora, sin embargo, el diseño web es una parte esencial de ser dueño de casi cualquier negocio. De hecho, casi todos en estos días saben alguna cosa sobre el diseño de una página web. Hay programas gratuitos en línea de páginas web, software diseñado para facilitar el diseño web, y luego están los programas más serios creados para diseñadores web profesionales.
A medida que la tecnología avanza, se han lanzado más productos y la decisión de qué programa elegir se ha vuelto difícil. Para aquellos que han estado en diseño web durante mucho tiempo, sin embargo, el nuevo software tiene poco atractivo sobre el software probado, probado y verdadero en el que ha sido capacitado. Pero, ¿en qué dirección debe ir un nuevo diseñador web? La bifurcación en el camino puede ser confusa y abrumadora sin un mapa a seguir.
Adobe Photoshop siempre ha sido una piedra angular de la comunidad de diseño gráfico, por lo que es una opción natural para la transición de la impresión al diseño web. Adobe Photoshop e Illustrator son los programas utilizados para capacitar a nuevos diseñadores gráficos. Por lo general, se requiere una base firme antes de que una escuela le permita a un estudiante hacer la transición a otro software multimedia.
Cuando se les pregunta a los diseñadores web qué software utilizan a menudo, las respuestas comunes son Photoshop, Fireworks y Dreamweaver. No hay un programa más popular que otro, ya que hay varios motivos por los cuales los diseñadores aprenden qué software sobre otro. Mucho se dice acerca de cómo Adobe Photoshop y Macromedia Fireworks son lo mismo para los diseñadores web, pero esta amplia visión general no otorga a ningún software la justicia que merece.
Ahora que Adobe ha adquirido Macromedia, se puede suponer que Fireworks continuará pareciéndose a Photoshop aún más con el tiempo y futuras actualizaciones. Sin embargo, nunca serán iguales y comprender sus diferencias fundamentales lo ayudará a tomar una decisión..
Hay otras opciones de software de diseño web (como Pixelmator para Mac, ULead, Xara, Stone y otros), pero estos dos son los principales jugadores y los más debatidos..
En primer lugar, Photoshop fue diseñado para editar fotos. Esto lo convierte en el software para fotógrafos y cualquier persona que trabaje extensivamente con fotografías. Los diseñadores de Photoshop nunca pretendieron que el software fuera el programa principal para los diseñadores web, aunque incluye muchas características para ayudar a los diseñadores web. Photoshop es perfecto para los diseñadores que hacen más que solo diseño web, ya que sus capacidades de plataforma cruzada / medios cruzados lo hacen bastante versátil.
Photoshop tiene una reputación también. Es el software de diseño gráfico más popular y respetado disponible. Se ha convertido en un estándar del mercado y muchos clientes esperan que los diseñadores lo utilicen. Puede tomar algunas explicaciones si desea enviar un archivo .png de Fireworks en lugar de un documento .psd de Photoshop.
Cuando se trata de la gestión del color, no puede obtener un mejor programa que Photoshop. Adobe tiene colores profesionales hasta una ciencia..
Por supuesto, ningún software es perfecto y Photoshop no es una excepción. El software es grande, engorroso y difícil de manejar para cualquier computadora. La memoria involucrada en la ejecución del software es lo suficientemente grande, pero una vez que comienza a trabajar con archivos de alta resolución, puede tener problemas. Los accidentes de Photoshop son legendarios y esperan largos tiempos de carga y congelamientos ocasionales, a menos que tenga una computadora brillante para trabajar.
No solo eso, la complicada interfaz de usuario y las características son intimidantes e intimidantes. El software hace mucho, pero para el usuario promedio, la mayoría de sus capacidades están ocultas bajo menús y terminología extranjera. Photoshop es un programa difícil de aprender por cuenta propia, y costoso y lento ir a un experto en busca de ayuda.
Si bien las capas de Photoshop pueden ser muy útiles y son el sueño de una persona organizada, a veces pueden ser frustrantes. Sobre todo porque no puede simplemente hacer clic para seleccionar elementos del documento. La navegación a través de las capas es esencial. Esto puede hacer que la curva de aprendizaje sea molesta y que el proceso consuma mucho tiempo si no se etiquetan bien las capas..
Macromedia Fireworks fue diseñado especialmente para diseñadores web. La interfaz de usuario es fácil de usar y navegar. Si bien aprender Adobe Photoshop puede ser un proceso largo y frustrante, recoger Fireworks no requiere mucho tiempo. El software es más intuitivo que Photoshop y más flexible de usar.
Fireworks se creó para aprovechar al máximo el tamaño del archivo, ya que las páginas web no pueden manejar los gráficos más grandes para los que fue creado Photoshop. Esto puede ahorrar tiempo al cambiar el tamaño del archivo y las propiedades de resolución durante el diseño.
Si bien Fireworks nunca será tan bueno para editar fotos como Photoshop, tiene sus propias capacidades de optimización de fotos. Estos funcionan bien para muchos un diseñador web.
Otra gran diferencia en los dos programas es que un diseñador web está creando más de una página a la vez. En Photoshop normalmente te enfocas en una página a la vez. Con Fireworks, puede diseñar varias páginas a la vez, cada una con varias capas. No se necesita tanta memoria para trabajar en varias páginas como lo haría en Photoshop..
A los diseñadores les gusta el hecho de que Fireworks sea capaz de trabajar con fotos e imágenes vectoriales. Esto es como usar Photoshop e Illustrator al mismo tiempo. Además, la etiqueta de precio en Fireworks es mucho más atractiva que la de Photoshop..
Fireworks tiene su cuota de fallos y errores como cualquier otro programa, pero Adobe ha declarado que planea abordar estos problemas con futuras actualizaciones ahora que se ha hecho cargo de Macromedia..
¡Esperaba que me lo pidieras! En un mundo perfecto, tendría sentido cablear un sitio en Fireworks, pasar a Photoshop para obtener detalles avanzados y luego usar Fireworks para componer el sitio y exportarlo a la web ... en la práctica, sin embargo, esto no funciona. Mucha gente elige hacer esto para elementos específicos (como guardar imágenes de fondo de Fireworks para reducir el tamaño del archivo), pero con demasiada frecuencia los archivos .PSD no se abren perfectamente en Fireworks. Los grupos de capas se mezclan, los estilos de capas se borran y se produce la frustración. Puedo recomendar el uso de Fireworks caso por caso (especialmente para usar el PNG8 y las mejoras de guardar para la web), pero no espere que el sistema de doble programa se convierta en una parte confiable de su propio flujo de trabajo hasta que Adobe pueda resolver estos problemas entre programas.
Con eso dicho, hemos escuchado de al menos un par de diseñadores en nuestra publicación de Encuesta de Lectores que utilizan ambos programas en paralelo, por lo que realmente se reduce a sus propias preferencias de flujo de trabajo.
Si ya está bien capacitado en Photoshop o Fireworks, probablemente es mejor seguir usando ese programa para sus necesidades..
En un mundo ideal, los diseñadores web tendrían el tiempo, el dinero y la energía para aprender ambas piezas de software y usarlas por sus fortalezas y ignorar sus debilidades. Por supuesto, incluso si tiene el dinero para invertir en programas duales, probablemente no tenga tiempo para familiarizarse con el funcionamiento de cada uno de ellos..
Si ya está bien capacitado en Photoshop o Fireworks, probablemente es mejor seguir usando ese programa para sus necesidades. Si usted es un principiante y está tratando de decidir cuál es el mejor para comenzar, Fireworks es más fácil de usar y aprender, pero Photoshop lo ayudará a convertirse en un mejor diseñador que si se limita a Fireworks..
Las prioridades personales, los objetivos y las limitaciones sin duda influirán en su decisión final. Tener mucha paciencia y tiempo de inactividad sin duda ayudaría si quiere dominar todas las increíbles opciones que Photoshop tiene para ofrecer. Si desea comenzar rápidamente y no quiere perder el tiempo para familiarizarse con el proceso, Fireworks es su mejor opción..
En el mundo del diseño web, cualquiera de los programas se usa comúnmente y no se le puede fallar por elegir uno sobre otro. Hay muchos tutoriales gratuitos disponibles en línea para ambos programas, así como libros y clases de capacitación..
En la industria del diseño web, encontrará diseñadores que confían en Photoshop y otros que confían en Fireworks. Escuche sus pros y sus contras, pero en última instancia, la decisión depende de usted. No hay evidencia abrumadora de que un programa sea mejor que otro, solo funciona de manera diferente para varios usuarios y talentos.
Brandon Jones (el editor del sitio para Webdesigntuts +) escribió la introducción y la sección de "puntos de comparación" de este artículo. Greg Bates contribuyó escribiendo la información de fondo adicional para cada programa y proporcionando la investigación de la industria..
Greg Bates es un Sophmore en CSULB y actualmente se especializa en sistemas de información, pero también toma clases de diseño web y gráfico. Es escritor de una revista en línea StyleCeo que se ocupa de la moda. También construye sitios web desde cero para diferentes empresas y corporaciones en línea. En su tiempo libre, disfruta de los deportes, estar con su chica o simplemente hacer un trabajo independiente. Si le gusta su trabajo y desea que él trabaje como freelance para usted, puede contactarlo en http://twitter.com/TheAllureIs_.
Estaremos resaltando algunas de las características menos conocidas de Fireworks durante el próximo mes, así que suscríbete (en la parte superior del sitio) para recibir una notificación de cuándo se publicarán los nuevos tutoriales y screencasts.!
Ya hemos tenido casi 100 comentarios excelentes en la publicación de la encuesta del lector, pero si tiene algún comentario, sugerencia o pregunta, ¡publíquelos aquí también! La gran parte de un artículo como este es que puede reunir a otros diseñadores web para compartir sus propias experiencias y flujos de trabajo ... ¿cómo utiliza estos programas??
Accentsconagua