Dándole de comer a Adobe Fireworks | Scripts y extensiones

Casi todo software puede ampliarse a base de plugins, scripts o extensiones y Adobe Fireworks es uno de ellos.

Son muchos los tutoriales de diseño web que utilizan Photoshop en vez de Fireworks. Si tu posición en esta dicotomí­a es la misma que la de Skeku, HipKat o John Skinner y eres de los que prefieren usar Fireworks a Photoshop para diseño web entre otras cosas seguro que estos enlaces te son de utilidad.

image

En un principio puede parecer que la comunidad de usuarios de FW es pequeña pero con el buen hacer y generosidad de unos pocos podemos añadir multitud de cosas a esta aplicación.

Algunos de las extensiones de los enlaces te sobrarán si usas CS4 porque ya vendrán integrados y alguno puede que no te funcione en versiones anteriores. En cualquier caso he querido poner en un solo sitio los enlaces que creo pueden mejorar la experiencia del usuario de Fireworks.

Paneles

Los paneles pueden venir en forma de .mxp, el formato para las extensiones de Adobe o como .swf. Los mxp los instalamos con Adobe Extension Manager o como haremos con los swf los ponemos en la carpeta Adobe Fireworks/Configuration/Command Panels/

Para descargarte un swf pincha con el botón derecho > Guardar enlace como

image

Aaron Beall, un verdadero gurú de FW nos deja un montón de paneles que añadir en estos formatos, algunos se han incluido ya en la última versión, la CS4, pero si tienes la CS3 o la 8 puedes instalarlos y así­ tener paneles de CS4 en por ejemplo FW 8.

FWAPI Inspector te deja ver toda la info de tu selección:

image

Y con Selections Sets puedes crear grupos de selección:

image

Si quieres crear tu propio panel como ya podemos hacer con Photoshop puedes descargarte el example.fla al final de la página.

image

En el blog de Grant Hinkson tenemos varios paneles como Fireworks to XAML Panel y el Panel Degradado:

image

He dejado para el final a John Dunning, en su sitio johndunning.com/fireworks [en] (ví­a [Q] interactiva) hay paneles, comandos y un sinfí­n de extensiones.

Paneles como Commands que te mostrará sólo tus comandos favoritos.

image

Utilidades | Productividad

LoremIpsum | Freeware | 503KB: una extensión que añade muchas opciones para añadir texto falso sin salir de Fireworks.

Orange Commands (anteriormente Reticulator)

Imprescindible creación de Ale Muñoz para CS3 y CS4 para los amantes de la productividad y atajos de teclado.

  • Redimensionar objetos con el teclado.
  • Cambiar la transparencia de objetos con el teclado
  • Cambiar el color de relleno, de lí­nea y de fondo de documento con el teclado
  • Exportar la página actual como un PNG a 24 bits con un sólo atajo de teclado,
  • Reticulator
  • Rodear de guí­as una selección con el teclado.
  • Posicionar elementos con el teclado.

Comandos de Aaron Beall: 15 extensiones que añaden comandos para texto, guí­as, efectos, extruir, el comando Document que inlcuye “Guardar todo” y el magní­fico comando para rotar un objeto en 3D:

image

Para que Fireworks no casque lo mejor es tenerlo siempre actualizado pero por si acaso puedes descargar la app AIR Fireworks Autobackup, una app que te hará trabajar con FW mucho más tranquilo. Si eres maquero se recomienda instalar la actualización 10.6.2 de Snow Leopard

image

Matt Stow también comparte comandos:

Los comandos de John Dunning, de los que Skeku nos recomienda: Copy Merged, SelectPoints y Smart Knife.

image

Exportar a imagen

Convert Pages to PSD: De Fireworks a Photoshop

Export All States In All Pages: Te permite exportar a JPG, PNG o GIF todos los estados de todas las páginas.

Exportar HTML y CSS

SmartCSS: Esta extensión la puedes instalar en Fireworks CS3, la versión CS4 la trae incluida.

img-ceslava001

Una actualización del comando Exportar > CSS e imágenes (.htm) de Fireworks CS4:

El zip trae dos actulizaciones:

  1. En la carpeta “Adobe Fireworks CS4 > Configuration > HTML Code” reemplaza el archivo CssLayers.htt
  2. HTML Component Symbols: En la carpeta “Adobe Fireworks CS4 > Configuration > Common Library” crea una nueva carpeta llamada “HTML Enhanced” y en ella coloca todos los png y jsf de la carpeta HTML del zip.

Elementos gráficos

Common Library-Browser Cursors: Set de iconos de cursores

image

Deziner Folio» Blog Archive » 131 Web 2.0 Layer Styles for Fireworks

image

Plantillas web: css_templates_fwcs4.zip (ZIP, 4.8 MB)

ClearType: Un estilo para Fireworks que simula este renderizado de texto.

Biblioteca de elementos para diseño web

image

Y por supuesto las 4 extensiones de Aaron Beall, auto shapes, especialmente Grid y Geometry Guides que nos ayudarán a crear la retí­cula de nuestro boceto web.

image

image

Enlaces útiles y Tutoriales de Fireworks

Ví­deo tutoriales

Si te manejas en inglés puedes ver muchos videotutoriales gratis en el canal de Fireworks de Adobe TV, muchos incluyen archivos de descarga.

image

Dicotomí­a relacionada en pqpq.es

Fireworks en video2brain

El curso de Adobe Fireworks CS4 de video2brain es un curso en formato de videotutorial en español.

Como siempre puedes disfrutar de algunos ví­deos gratis:

El curso completo cuesta 42,46€ aunque puedes subvencionarlo con las ayudas de la Fundación Tripartita (Sólo para trabajadores en España).

Demo más de 12 horas de ví­deotutoriales completamente gratis.

Si estás interesado en más de un curso lo mejor es que adquieras una suscripción, acceso a TODOS los cursos de video2brain durante 1 año. Ofertas de suscripción anual:

Cualquier duda ponte en contacto, estaremos encantados de atenderte.

Escribí esto el 27/11/2009

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies