jueves, 13 de octubre de 2011

FIREWORKS

FIREWORKS

 
Adobe Fireworks es un programa de diseño enfocado íntegramente a las tecnologías web, es una aplicación basada en la forma de estudio de Adobe Flash pero con más parecido a un taller. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems. Fireworks está disponible de forma individual o integrado en Adobe CS3/CS4/CS5/CS6/CS7 y por tanto ha sido diseñado para integrarse con otros productos de Adobe, como Dreamweaver y Flash. En la Suite de Adobe se identifica por usar el color amarillo, color que venía usando como representación desde que pertenecía a Macromedia.
Adobe Fireworks es un editor gráfico enfocado exclusivamente al diseño, pero tiene muchas utilidades para crear gráficos enfocados al web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan los diseñadores gráficos y los responsables de sitios Web. Utilizando la amplia gama de herramientas de Fireworks, es posible crear y editar imágenes vectoriales y de mapa de bits en un solo archivo, es un programa versátil.
FUNCIONES

  •  Edición de mapas de bits y vectores: Cree y edite imágenes de mapas de bits y vectores e importe y edite archivos Photoshop e Illustrator originales.
  •   Optimización de imágenes: Optimice gráficos para prácticamente cualquier entorno de presentación con vista previa, vista previa gamma multiplataforma, compresión JPEG selectiva y una amplia gama de controles de exportación.
  •   Integración eficaz de Photoshop e Illustrator screenshot: Importe archivos Photoshop (PSD) al tiempo que conserva las capas jerárquicas, los efectos de capa y los modos de fusión. Guarde archivos Fireworks (PNG) de nuevo en el formato Photoshop (PSD). Importe archivos de Illustrator (AI) al tiempo que conserva la integridad de los gráficos, incluida la información sobre la capa, el grupo y el color.
  •   Diseño rápido de prototipos: Diseños interactivos de prototipos para sitios web y aplicaciones de Internet sofisticadas. Exporte prototipos de sitios web a Adobe Dreamweaver y prototipos de RIA a Adobe Flex.
  •   Compatibilidad con varias páginas screenshot: Utilice el nuevo panel Páginas para crear varias páginas en un único documento (archivo PNG) y comparta capas en varias páginas. Cada página puede contener sus propios cortes, capas, marcos, animaciones y ajustes de lienzo, lo que facilita la simulación del flujo de los sitios web en un prototipo.
  •   Organización jerárquica de las capas: Organice y gestione sus prototipos con una nueva estructura jerárquica de capas, similar a la de Adobe Photoshop, que le permite organizar fácilmente capas y páginas web.
  •  Efectos de filtro screenshot: Aplique efectos de luz y de sombras, estilos y modos de fusión, incluidos siete nuevos modos de fusión de Photoshop, para añadir profundidad y carácter al texto y a los símbolos.
  •   Biblioteca común: Dé rienda suelta al diseño de prototipos con una biblioteca común de símbolos gráficos, símbolos de texto y animaciones que se usan con frecuencia en aplicaciones, formularios, interfaces y sitios web.
  •  Escala inteligente: Aplique escalas de forma inteligente a botones y símbolos gráficos (en vectores o mapas de bits) con escalas de nueve cortes. Combine la aplicación de escalas de nueve cortes con la biblioteca de formas automáticas para acelerar el diseño del prototipo de la aplicación y el sitio web.
  •  Integración optimizada de Dreamweaver y Flash: Copie un objeto creado en Fireworks CS3 y péguelo directamente en Dreamweaver CS3. Cree menús emergentes que puedan almacenarse como CSS y HTML. Exporte archivos Fireworks (PNG) directamente a Flash CS3 al tiempo que conserva los vectores, los mapas de bits, las animaciones y los botones multiestado y, a continuación, edite los archivos mediante Flash CS3.
  •  Combine la potencia de las herramientas vectoriales y de mapas de bits: Cree, importe y edite vectores e imágenes de mapas de bits con el software Adobe Fireworks . Conserve la nitidez de los diseños en las pantallas de prácticamente cualquier tamaño con una renderización con precisión a nivel de píxel. Cree diseños tipográficos excepcionales gracias a una gestión mejorada de textos.
  •  Renderización con precisión a nivel de píxel: Mantenga nítidos los diseños en las pantallas de destino de prácticamente cualquier tamaño con una renderización avanzada. La definición mejorada significa que los objetos en modo vectorial y de mapa de bits aparecen más definidos, incluso cuando se convierten de un modo a otro.
  •   Adobe Swatch Exchange: Combine los colores de forma precisa con diseños de otros software de gráficos de Adobe a través de Adobe Swatch Exchange (ASE). Importe archivos ASE desde Adobe Photoshop®, Illustrator® o Kuler™.
  •  Herramientas de diseño fáciles de usar para diseños basados en pantalla: Cree y edite imágenes vectoriales y de mapa de bits, o importe y modifique archivos originales de Adobe Photoshop e Illustrator. Los cambios pueden seguir editándose en cualquier momento, y el resultado final se optimiza en función de la resolución de pantalla.
  • Rendimiento mejorado de la tipografía: Produzca diseños tipográficos excepcionales con el motor de texto de Adobe. Copie y pegue caracteres de doble byte sin perder fidelidad. Haga que el texto siga un trazado y aprovéchese de otras muchas mejoras.
  • Herramientas de optimización y aplicación de escala: Optimice gráficos para una amplia variedad de tipos de pantalla con previsualización, compresión selectiva de JPEG y controles de exportación completos. Aplique escalas de forma inteligente a botones y símbolos gráficos con escalas de nueve divisiones.
  •  Un solo diseño para múltiples entregas: Optimice diseños con rapidez para sitios web, aplicaciones multimedia sofisticadas y dispositivos móviles. Exporte a aplicaciones de la familia de software Adobe Flash para desarrollar interactividad. Edite activos de otros programas de gráficos para una implantación más amplia con Adobe Fireworks.
  •  Integración de Adobe Device Central: Ponga en marcha proyectos para dispositivos móviles con seguridad mediante perfiles para dispositivos en Adobe Device Central. Elija plantillas para dispositivos móviles, HDTV u otros dispositivos de consumo con el tamaño y resolución de pantalla correctos ya configurados.
  • Flujos de trabajo con aplicaciones Flash: Exporte objetos, páginas o documentos completos a las aplicaciones de la familia del software Adobe Flash para desarrollar interactividad. El formato FXG basado en XML contribuye a garantizar que las creaciones para aplicaciones sofisticadas se convierten con precisión.
  • Diseño sofisticado de prototipos: Elabore diseños interactivos para sitios web y aplicaciones de Internet sofisticadas (RIA, Rich Internet Applications) sin necesidad de escribir código. Reduzca el tiempo de desarrollo exportando composiciones de sitios web de varias páginas y en los que se puede hacer clic como diseños basados en CSS. Importe los prototipos de RIA directamente en Adobe AIR®.
  •  Integración inteligente: Importe archivos de Photoshop e Illustrator a la vez que mantiene la concordancia de colores, la fidelidad al elemento y la capacidad de edición. Expórtelos a la familia de software Adobe Flash para obtener un diseño interactivo avanzado. Cópielos y péguelos entre Fireworks y Dreamweaver.
  • Genere mejores gráficos de pantalla, más rápido: Aproveche las importantes mejoras en el rendimiento y diseñe plantillas y activos pregenerados personalizables para agilizar el proceso de diseño. Integre la revisión del cliente en el proceso de diseño.
  •  Plantillas de diseño: Guarde los proyectos que utiliza con más frecuencia como plantillas para compartirlos con su equipo de diseño.
  • Rendimiento mejorado: Trabaje más rápido con mejoras del rendimiento significativas, incluido un mayor control sobre la ubicación de los píxeles de los elementos diseñados, una mejora de la apertura y almacenamiento de archivos, operaciones de símbolos actualizadas, y operaciones vectoriales y de mapa de bits más rápidas.
  • Colaboración del cliente sin ningún tipo de esfuerzo: En Acrobat.com, dirija reuniones en línea con una comunicación de vídeo bidireccional mediante Adobe ConnectNow. También puede utilizar Fireworks para generar composiciones HTML o archivos PDF interactivos para revisarlos y completarlos con vínculos en los que se puede hacer clic.
  • Activos personalizables y reutilizables: Agilice el proceso de diseño gracias a la biblioteca común de símbolos gráficos, elementos de formato, símbolos de texto y animaciones. Diseñe sus propios estilos y símbolos personalizados para una creación de prototipos y diseños rápida y continuada.
  •  Exportación de CSS y HTML: Diseñe páginas web completas en un potente entorno gráfico y, a continuación, exporte diseños basados en CSS que cumplan los estándares, junto con hojas de estilo externas; todo ello en un solo paso.
  • Herramientas de productividad para desarrolladores: Ahorre tiempo de desarrollo al crear activos con rapidez y optimizarlos para diferentes proyectos. Confíe en Adobe Fireworks® para el procesado por lotes de elementos gráficos.

 
USOS Y APLICACIONES
 
El software Adobe Fireworks proporciona las herramientas que necesita para crear gráficos expresivos y altamente optimizados para la Web o prácticamente cualquier dispositivo: desde teléfonos inteligentes a quioscos y pantallas incrustadas. Está destinado para el manejo híbrido de gráficos vectoriales con gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para la creación rápida de prototipos de sitios Web e interfaces de usuario, como para la creación y optimización de Imágenes para web. La aplicación permite crear menús emergentes, rollover o imágenes de sustitución, un efecto muy conocido en donde una imagen existente en la página web es sustituida por otro cuando el puntero del ratón se posa sobre ella, restituyéndose cuando quitamos el puntero de ella.
Empezando con líneas, formas vectoriales y la herramienta de texto puedes crear desde botones hasta interfaces completas. La sección Web de Adobe Fireworks contiene las utilidades de troceado, esenciales para la maquetación. Un elemento importante del diseño son las fotos. Es por ello que Adobe Fireworks cuenta con una buena selección de herramientas de retoque y filtros (las del menú Bitmap). A esto cabe sumarle la exportación PDF y la creación de interfaces para Air, habilidad que Adobe Fireworks ha mejorado en la versión CS5.
Fireworks es mucho más que un programa para hacer retoques fotográficos, efectivamente uno puede crear un website, con sus vínculos, rollovers, etc, y publicarlo como html, hasta crear diseños para enviarlos directo a impresión de alta resolución. Fireworks posee un potente conjunto de filtros automáticos para ajustar el tono y el color y numerosos recursos para retocar imágenes de mapa de bits, como el recorte, el fundido y la duplicación o clonación de imágenes. Además, Fireworks incluye herramientas de retoque de imágenes: Desenfocar, Perfilar, Aclarar, Oscurecer y Difuminar.
Permite a profesionales y desarrolladores creativos experimentar un flujo ininterrumpido de energía e ideas desde el concepto inicial hasta la ejecución final pulida en dispositivos de impresión, vídeo, Web y móviles. La integración global es la clave de la eficacia exclusiva de Creative Suite; los profesionales de la creatividad pueden centrarse en su proyecto y conseguir resultados de máxima calidad en menos tiempo.
UTILIZACIÓN DE FIREWORKS CON OTRAS APLICACIONES
Tanto para crear contenido Web como si se trata de contenido multimedia, Fireworks es un componente esencial de la caja de herramientas de cualquier diseñador. Fireworks funciona bien con otras aplicaciones, gracias a diversas funciones de integración que racionalizan el proceso de diseño. Los gráficos de Fireworks se pueden exportar a muchas aplicaciones, entre las que se encuentran otros productos de Adobe. Cuando se utiliza junto con otras aplicaciones de Adobe, Fireworks ofrece potentes funciones de integración:
  • Fireworks puede ejecutarse para editar gráficos seleccionados desde dentro de muchas aplicaciones de Adobe, como Adobe Dreamweaver, Adobe Flash, HomeSite, Adobe FreeHand y Adobe Director.
  • Los comportamientos de Fireworks se conservan al exportarlos a Dreamweaver y Director, por lo que se pueden exportar elementos interactivos como botones y rollovers.
  •  Dreamweaver y Fireworks comparten una estrecha integración, denominada HTML de ida y vuelta. Esta técnica permite realizar cambios en una de las aplicaciones y verlos reflejados sin problemas en la otra.
  •   Dreamweaver y Fireworks comparten una función de gestión de archivos que permite a los usuarios seleccionar los archivos que forman parte y los que no de un sitio Web de Dreamweaver.
  • Flash y Fireworks también comparten una estrecha integración. Es posible importar archivos PNG de Fireworks directamente a Flash sin tener que exportarlos a ningún otro formato gráfico. Flash ofrece varias opciones que permiten controlar cómo se importan los objetos y capas de Fireworks.
  •  Fireworks también simplifica la tarea de trabajar con aplicaciones tales como Adobe Photoshop y Adobe GoLive. Por ejemplo, puede importar y exportar fácilmente gráficos de Photoshop como archivos totalmente editables, o crear y editar HTML a través de Fireworks y GoLive
 
VENTAJAS
  •  Herramientas enfocadas al diseño web
  •   Añadir menús Javascript es sencillísimo
  •   Optimización de tamaño de las imágenes
  •   Incluye muchos estilos predefinidos
  •    Integración perfecta con el resto de la suite
  •    La integración de Adobe Fireworks con Dreamweaver es perfecta, gracias a la exportación de ficheros HTML junto a los gráficos troceados y optimizados.
  •    Los menús Javascript y otros comportamientos son fáciles de definir y modificar.
  •    Fácil de utilizar
  •    No ocupa mucha memoria virtual
  •    Permite trabajar con los lenguajes de programación web más extendidos y utilizados en la actualidad, permitiendo al usuario manejar desde el ya clásico (y básico) HTML hasta otros lenguajes más actuales y con mayores características como PHP, Perl, Ruby on Rails y la novedad de reciente incorporación: soporte para aplicar estilo visual a aplicaciones web escritas sobre la plataforma Adobe AIR.
  •    Trabaja con hojas de estilo en cascada (CSS – Cascade Style Sheat) para darle un mejor dinamismo a nuestros desarrollos
  •    Los filtros automáticos son reversibles, lo que evita la frustración que acarrea tener que volver a crear los gráficos Web desde el principio después de realizar una simple modificación
  •    Es posible exportar o guardar tipos de archivos específicos de otras aplicaciones, como Adobe Photoshop o Adobe Flash, si en un momento dado hace falta seguir trabajando en esa aplicación
  •    Fireworks permite abrir archivos de otras aplicaciones o con otros formatos de archivo, incluidos Photoshop, FreeHand, Illustrator, archivos sin comprimir de CorelDRAW, WBMP, EPS y GIF animados. Asimismo, se pueden importar imágenes de una cámara digital o de un escáner.
  •     Permite abrir archivos WBMP. Dichos archivos son de 1 bit (monocromo) optimizados para dispositivos informáticos móviles.
  •      Puede importar los tipos de texto RTF (con formato) y ASCII (sin formato).
 
DESVENTAJAS
  •    Pocos cambios con respecto a la CS4
  •    Relación tensa con Photoshop
  •    Los efectos de Adobe Fireworks no son tan avanzados como los de Photoshop
  •    Es muy malo creando imágenes con fondo transparente
  •     No permite manipular texto como se podría hacer con Dreamweaver
  •     No maqueta imágenes para la web como hace Photoshop
  •     Fireworks no puede abrir ni importar archivos CMX o archivos CDR comprimidos.
 
REQUISITOS DEL SISTEMA
Windows
  •      Procesador Intel® Pentium® 4 o AMD Athlon® de 64 bits
  •       Microsoft® Windows® XP con Service Pack 2 (se recomienda Service Pack 3); Windows Vista® Home Premium, Business, Ultimate o Enterprise con Service Pack 1; o Windows 7
  •       512 MB de RAM (se recomienda 1 GB)
  •      1 GB de espacio disponible en el disco duro para la instalación; se necesita espacio libre adicional durante la instalación (no se puede instalar en dispositivos de almacenamiento extraíbles basados en memoria flash)
  •       Resolución de 1280 x 1024 con tarjeta de vídeo de 16 bits
  •       Unidad de DVD-ROM
  •        Se requiere conexión a Internet de banda ancha para los servicios en línea y para validar la suscripción a la edición (si corresponde) de manera continuada.
Mac OS
  •      Procesador Intel® multinúcleo
  •        Mac OS X v10.5.8 o v10.6
  •       512 MB de RAM (se recomienda 1 GB)
  •       1 GB de espacio disponible en el disco duro para la instalación; se necesita espacio libre adicional durante la instalación (no se puede instalar en un volumen que utilice un sistema de distinción entre mayúsculas y minúsculas en archivos, ni en dispositivos de almacenamiento extraíbles basados en memoria flash)
  •       Resolución de 1280 x 1024 con tarjeta de vídeo de 16 bits
  •       Unidad de DVD-ROM
  •       Se requiere conexión a Internet de banda ancha para los servicios en línea y para validar la suscripción a la edición (si corresponde) de manera continuada.
Versiones en otros idiomas
Solo en Windows
  •      Deutsch
  •      English
  •      Español
  •      Français
  •      Italiano
  •      Nederlands
  •      Polish
  •      Português (Brasil)
  •      Svenska
  •      Turkish
  •      čeština
  •       Русский
  •       日本語
  •      简体中文*
  •      繁體中文*
  •      한국어*
 

 
Muy lejos estamos ya de aquellos tiempos en los que para generar un sitio web en HTML o cualquier otro lenguaje de programación vigente, había que escribir todo nuestro código en un editor de textos y a partir de ahí testearlo usando el clásico “prueba y error”. Y es que hoy día contamos ya con avanzados entornos de programación web que nos permiten diseñar sitios web a medida de forma sencilla y permitiéndonos ahorrar mucho tiempo y esfuerzo.

 
Fuentes: