November 8th, 2010
Thierry Lorey

Thick Text Outline
Thick text outline is usually seen in text-based logo or in headlines. In this tutorial, I am going to show you three different ways of creating thick text outline in Adobe Fireworks: stroke, glow and Photoshop Live Effects.

October 11th, 2010
Thierry Lorey

Inset button In this tutorial I show how to create an inset button using Adobe Fireworks. In this tutorial I demonstrate several features of Fireworks including how to use gradients, add shadowing, create shapes, and add filters and effects.

October 8th, 2010
Thierry Lorey

FlickFire John Dunning’s FlickrFire enables you to upload the image you’re currently working on to Flickr, without ever leaving Fireworks.

The first time you run the command, it will open a browser page to Flickr where you can give FlickrFire authorization to upload images to your account. After doing that, come back to Fireworks and click the “I’ve Authorized FlickrFire” button. The token that Flickr sends back will be stored in the Fireworks preferences, so you won’t need to re-authorize the next time you want to use FlickrFire. If you ever want to revoke authorization, just go to the App’s You’re Using page on Flickr and remove the permissions from FlickrFire.

October 7th, 2010
Thierry Lorey

iPhone like button Awesome iPhone like buttons in Adobe Fireworks with the Photoshop Live Effects.

Try to give the same effect with the Live Filters and without the Photoshop Live Effects.

October 6th, 2010
Thierry Lorey

From Workflow Lab to Flash Catalyst In Layers, you can watch a four-part series of videos showing a media application project using Workflow Lab as a project management app, Adobe Fireworks as a wireframing app and Flash Catalyst to add interactivity.

In Part 2, you will see how to create a multipage file in Fireworks and how to export to FXG file.

October 6th, 2010
Thierry Lorey

GUI Elements
Awesome library for wireframing or prototyping:

• The GUI elements are based on common interface patterns (accordion, expandable panel, progress bar, tags, slide show…).
• They integrate usability good practices and are perfect for wireframes design.
• They are also a good start for interface application design : the appearance is consistent, they are easily customizable and all states of interaction are provided.

October 5th, 2010
Thierry Lorey

Dot Patterns A set of 120 dot patterns of different sizes and colors that can be loaded in any digital imaging editing program (Fireworks, Photoshop, Illustrator, Gimp Painter, etc) is available now.

October 4th, 2010
Thierry Lorey

GUI Icons

A complete library of 260 vector icons. A pixel precise icon collection created for interface designers and web designers.
• These icons are easy to adapt to your own needs. They can be used for website wireframes, online application design, software interface mockup…
• They are based on a precise 16 pixels grid, which means that they stay clear and have crispy look even at small sizes.

October 1th, 2010
Thierry Lorey

Switch, vector icons Switch is a minimalist icon set presented with clean lines and sharp edges. Part one in the set consists of 54 painstakingly handcrafted icons, free and presented in both light and dark format.

September 30th, 2010
Thierry Lorey

How to blur background In this tutorial you will learn how to blur the background of digital photos with Adobe Fireworks in a non destructive way.

September 28th, 2010
Thierry Lorey

Workflow Lab In Layers, you can watch a four-part series of videos showing a project of a media application using Workflow Lab as a project management app, Fireworks as a wireframing app and Flash Catalyst to add interactivity.

September 27th, 2010
Thierry Lorey

TweetFire John Dunning’s TweetFire lets you easily tweet the image you’re currently working on, without ever leaving Fireworks. The command posts a flattened copy of your image to TwitPic and attaches its URL to your tweet.

September 24th, 2010
Thierry Lorey

angelo_new_websitedesign.gif Check out Angelo’s new website design with texture and a new logo.

September 23th, 2010
Thierry Lorey

advanced stroke options The advanced stroke panel is used to create and edit custom strokes.

This feature is in Fireworks from the early versions (Fireworks 1or 2). While Fireworks does not have versatile tool like brushes in Photoshop, you can still achieve unique effects with Fireworks built-in stroke like the Bokeh effect, stars from the outer space or even clouds, etc. All the effects requiring random objects.

September 23th, 2010
Thierry Lorey

Smashing Magazine Another article on Adobe Fireworks from Smashing Magazine.

However, this time the article focuses on what can be achieved with it, and more specifically — what can be achieved with its visual/graphic design capabilities.

For you what is Adobe Fireworsk? Is it a prototyping or wireframing tool? Or is it a powerful graphics editor? Is it a Photoshop competitor, but for Web design only? Is it none of these, or all of the above?

September 20th, 2010
Thierry Lorey

Bokeh Styles A set of 10 Bokeh styles using the advanced stroke options.

September 16th, 2010
Thierry Lorey

New Fireworks Developer Center

On Adobe, Craig Goodman introduces the new Adobe Developer Connection Unveiling a new Adobe Developer Connection

See the new Fireworks Developer Center .

And you how would you rate the new Fireworks Developer Center?

September 15th, 2010
Thierry Lorey

Dragnet wireframes kit Dragnet website wireframes kit is a set of about 28 elements for wireframing for Adobe Fireworks.

It is about high time somebody came up with decent wireframing set for Fireworks. Great job

September 15th, 2010
Thierry Lorey

Fireworks and YouTube Recently I opened a new section in Fireworks Zone called Video Tutorials:

The aim of this section is to show you a selection of the best Fireworks video tutorials I picked up on Internet.

The least I can say is that it is difficult to find good quality video tutorials that is why I am asking you to give me your list of your favorite Fireworks video tutorials.


September 14th, 2010
Thierry Lorey

This tutorial will show you how to set Mozilla Thunderbird as your default mail client and how to use the Send to Email feature in Adobe Fireworks.

How many of you are using this feature?

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Amazon Shop


Seamless Textures Dot Patterns Checker Patterns graphicxtras