Having searched around for a grunge effect for text in Fireworks CS5 and not finding anything I really liked, I decided I would do one myself, and realizing it was pretty straightforward, I wrote up a tutorial for the procedure.

Continue reading →

There is an adage that goes like this, “The proof is in the pudding”. Translated, To fully test something you need to experience it yourself. Yes, it’s from the old English language days but the meaning still bears some relevance for this present time.

Continue reading →

This eBook is a step-by-step walk-through of the CSS3 mobile pack for Adobe® Fireworks® CS5/5.1. If you’ve found yourself wondering how Adobe Fireworks can fit into your web and mobile design workflows, or how you can introduce students to a visual method of designing for mobile, I may have just the thing for you.

While there are already a couple good how-to tutorials available at the Fireworks Developer Center, I wanted to take a deeper, more practical approach to this new extension.

Continue reading →

Many designers use Adobe Fireworks to create wireframes, page mockups, and prototypes. It’s easy to create designs and graphics in Fireworks and use them in Flash Catalyst. Using Fireworks, you can create custom components and even more complex interactive prototypes by exporting to the files to the FXG graphics format.

Continue reading →

Learn how to install the CSS3 Mobile Pack for Adobe Fireworks CS5 and CS5.1. You’ll see how to work with the extension to extract the properties (rounded corners, opacity, and more) of a selected object and map the design to CSS3 for use on the web with a focus on the two new features: jQuery Mobile theme skinning and CSS Properties panel http://bitly.com/r2ob5h.

And don’t foreget the jQuery theme skinning tutorial as well: http://bitly.com/p6rfHK

Download it here: http://adobe.ly/quFQQk

When it comes to user interface design, Adobe Fireworks is an excellent tool for laying out your ideas and also for creating cutting edge graphics for your App/Website. Like in any other graphic software, there are different ways to create one effect. However, the result doesn‘t always look the same for each method. In this article, I want to show you how to achieve real pixel perfection in your designs.

Continue reading →

This tutorial will show you how to make transparent background in Fireworks with PNG and GIF formats.

Continue reading →

Typekit has been acquired by Adobe on October 3, 2011. Basically Typekit is a one stop solution that doesn’t require much technical savvy. Typekit is very popular. However, not everyone uses it — mainly because of a monthly (yearly) fee. You do not own any fonts, you just “rent” them. Adobe seems to be making a bet that there’s a big market out there consisting of people who just want to make things without necessarily wanting to understand what’s going on behind the scenes. I think they’re probably right.

This also plays right into their subscription and cloud-based direction: storage in the cloud, apps in the cloud, fonts licensed and served from the cloud – and all of it for a monthly fee.

Continue reading →

1. Mastering Mobile Design in minutes using Adobe Fireworks by Suresh Reddy G: http://tv.adobe.com/watch/max-2011-design/mastering-mobile-design-in-minutes-with-fireworks/
2. Design better experiences with Fireworks by understanding how people think by David Hogue: http://tv.adobe.com/watch/max-2011-design/design-better-experiences-with-fireworks-by-understanding-how-people-think/
3. I didn’t know Fireworks could do that by David Hogue: http://tv.adobe.com/watch/max-2011-design/i-didnt-know-fireworks-could-do-that/

Right now I’m just focusing on improving the quality of the the SVG output. For instance I’ve noticed some weirdness with how elliptical gradients are positioned sometimes. My experience with SVG beyond this project is in fact very limited, so there’s a lot of practical testing that needs to be done.

Anyway, feel free to download it and give it a try:
http://fireworks.abeall.com/extensions/commands/Export/

I’m working on an article/tutorial/documentation here:
http://fwdev.abeall.com/articles/svg/

Any feedback on SVG export extension or the article would be super.

A set of rich symbols to develop applications for Windows Phone 7.

Continue reading →

One of the best features of Adobe Fireworks is the ability to extend its functionality with custom commands and command panels. However, most third-party command panels do not have their own icons for the workspace, and when you install them they are assigned the default command panel icons.

Continue reading →

• A key new features in our Adobe Fireworks CSS3 Mobile Pack: the jQuery Mobile Theme Skinning tool helps you modify the default jQuery Mobile swatches, in addition to generating your own color swatches to CSS and sprites (which will work out of the box with the jQuery Mobile Framework). Adobe Fireworks CSS3 Mobile Pack | CSS3 mobile and web design – Adobe Labs
• In this video, Fireworks Sr. Product Manager Takashi Morifusa takes us through the features of the new CSS3 Mobile Pack extension: http://adobe.ly/pVAv1d
• In this article you’ll learn how to work with the Adobe Fireworks CSS3 Mobile Pack to create and maintain mobile websites using the jQuery Mobile Framework.Creating jQuery Mobile website themes in Fireworks using the CSS3 Mobile Pack.

Export Responsive Prototype allows you to simulate responsive design in Adobe Fireworks when you put designs for each media query breakpoint on separate pages.

Continue reading →

Community MX has updated its website with a new layout and a new logo. Adobe Fireworks tutorials are still there.

Continue reading →

MAX is just around the corner!!! Make sure to attend these great sessions:

David Hogue presents “I Didn’t Know Fireworks Could Do That!” – http://bit.ly/okOyqe. David, Vice President of Experience Design at Fluid in San Francisco, has 14 years’ experience studying and designing interfaces. He’ll show us some of the lesser known yet powerful features of Adobe Fireworks. Wednesday, October 5, 1:30 p.m. – 2:30 p.m PST.

Suresh Reddy G presents “Mastering Mobile Design in Minutes with Fireworks” – http://bit.ly/nSdtHa. Suresh is an engineering manager at Adobe’s Web segment. Mobile design will never seem so easy.Wednesday, October 5, 3:30 p.m. – 4:30 p.m PST.

Wireframes are a simple and effective technique for exploring your layout options and demonstrating your concepts to clients

Continue reading →

All the Fireworks extensions on the web?

Continue reading →

This set of 31 gestures for Adobe Fireworks as rich symbols is a unique set of resources for software designers and developers working on touch-based user interfaces.

Continue reading →

Adjust 9-slice is John Dunning’s latest extension. Tweaking the 9-slice guides in a symbol can be a pain, since you have to keep going into symbol editing mode to make a change, and then back out to the canvas to see the effect on the symbol instances. The Adjust 9-Slice panel lets you move the guides while seeing the effects in realtime.

Continue reading →