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.
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…
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:
Y con Selections Sets puedes crear grupos de selección:
Si quieres crear tu propio panel como ya podemos hacer con Photoshop puedes descargarte el example.fla al final de la página.
En el blog de Grant Hinkson tenemos varios paneles como Fireworks to XAML Panel y el Panel Degradado:
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.
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:
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
Matt Stow también comparte comandos:
Los comandos de John Dunning, de los que Skeku nos recomienda: Copy Merged, SelectPoints y Smart Knife.
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.
Una actualización del comando Exportar > CSS e imágenes (.htm) de Fireworks CS4:
- css_export_fwcs4_v2.zip (ZIP, 660K)
El zip trae dos actulizaciones:
- En la carpeta “Adobe Fireworks CS4 > Configuration > HTML Code” reemplaza el archivo CssLayers.htt
- 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
Deziner Folio» Blog Archive » 131 Web 2.0 Layer Styles for Fireworks
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
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.
Enlaces útiles y Tutoriales de Fireworks
-
Fireworks Guru Forum [en]
-
Adobe Fireworks Team [en] Blog del equipo de desarrollo de Fireworks
-
Fireworks Zone [en] blog con tips, tutoriales sobre FW
-
Fireworks exchange home el sitio donde se comparten las extensiones para Fireworks
-
Extensions | más extensiones aunque hace mucho que no actualiza
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.
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:
- Suscripción Anual Online: sólo 189€
- Suscripción TOTAL Online: por 289€ te podrás descargas todos los cursos a tu equipo.
Cualquier duda ponte en contacto, estaremos encantados de atenderte.
Excelente, hace un tiempo lo vi pero ahora buscando una extensión lo volví a encontrar . Ahora si a mis marcadores “fireworks” :D . Una muy buena recopilación. Gracias Ceslava .
Trackbacks/Pingbacks/Retweets
Dándole de comer a Adobe Fireworks | Scripts y extensiones: Casi todo software puede ampliarse a base de plugins, … http://bit.ly/53kXar
[...] y gracias al mega-post sobre FW descubro dos pequeños comandos para que podamos convertir píxeles a unidades relativas, en ems o [...]
Dándole de comer a Adobe Fireworks | Scripts y extensiones – Casi todo software puede ampliarse a base de plugins, … http://ow.ly/164PsZ
Dándole de comer a Adobe Fireworks | Scripts y extensiones – Casi todo software puede ampliarse a base de plugins, … http://ow.ly/164Pt0
[...] Enlace | Dándole de comer a Adobe Fireworks – Scripts y extensiones [...]
http://tinyurl.com/yffqma9
Dándole de comer a Adobe Fireworks | Scripts y extensiones | ceslava – Diseño y Formación
[...] Enlace | Dándole de comer a Adobe Fireworks – Scripts y extensiones [...]
para la gente que utiliza Fireworks como yo – Scripts y extensiones http://bit.ly/5ahyb7
[...] Dándole de comer a Adobe Fireworks – Scripts y extensiones (ceslava). A este artículo he llegado a través del blog de DiegoMattei, que comentan que Fireworks es un programa que no puede faltar entre nuestras aplicaciones, ya que es una herramienta ágil para trabajos pequeños y dirigidos al entorno web. se trata de un excelente artículo en donde recopila scripts y extensiones para dicho programa, que de seguro enriquecerá tu Fireworks y te facilitará mas tus tareas. [...]
Great extensions for #Adobe Firewoks! http://lo.ly/xcv
[...] poco alimentamos a Fireworks con scripts y extensiones, le toca el turno a InDesign, vamos a engordar a esta herramienta de [...]
Dándole de comer a Adobe Fireworks | Scripts y extensiones | ceslava – Diseño y Formación – http://shar.es/a8RMa
@ceslava hace una recopilación de enlaces para ampliar las posibilidades de Fireworks. Imprescindible. http://icio.us/4fmzrx
Dandole de comer a #Fireworks #adobe http://bit.ly/a8vuF2 <~ Buenisimo!
[...] Conoce un poco más de lo que te puede brindar Fireworks a la hora de diseñar web sites. En este articulo encontraras tambien scripts y extensiones que puedes añadir para potenciarlo [...]