Archive for November, 2009

The smell of HTML and CSS in the morning…

Saturday, November 21st, 2009

A few days ago, Jeffrey Zeldman said: I love the smell of HTML in the morning.

To which I replied: @zeldman I bet it smells like a good cup of coffee! ;-)

And Jeffrey replied: @optimiced How right you are.

This inspired me to quickly create the following illustration in Fireworks:

The smell of HTML (and CSS) in the morning

(NOTE: Coffee cup is re-created from scratch in Fireworks, although it looks like this illustration. The final appearance of my little drawing was also inspired by @molif, for which I’d like to thank her!:-)

Adobe Fireworks Wallpaper Constest!

Sunday, November 15th, 2009

An amazing contest to participate in!

Just create an original wallpaper in Adobe Fireworks, send it (along with your contact info) to FireworksZone, and you are in!

Fireworks wallpaper contest

First prize is a retail version of Adobe CS4 Web Premium, USD 200.00 in cash, plus a chance to write a tutorial for Adobe Devnet | Fireworks!

Full details can be found here:

…but for your convenience, I will re-post all of them below:

Theme Fireworks Zone is holding a design contest. Use your imagination and design/illustration skills to create wallpapers using Adobe Fireworks. Size: 1280×960 pixels. The theme is open, with one wallpaper per contestant.
Who can compete? Everybody can participate as long as the artwork is a source PNG file (editable Fireworks PNG), which means you require the use of Adobe Fireworks.
Your submission must contain contact information and a short, one or two line biography, along with the artwork.
The contact information must include at least one of the following: home address, phone, or email address (preferably all of them). If you like, include your website URL so we can include it with your biography, if you are selected as a winner or runner-up.
Period From mid October 2009 — till December 1, 2009.
Artwork The artwork must be original and created specifically for this contest.
Formats accepted: Adobe Fireworks source file PNG, in vector format.
Submissions should be emailed to webmaster(at) with the following subject: “Wallpaper Contest — 2009
Converting Text to Paths Because every computer has a different set of fonts installed on it, you should never assume that the client has the particular font you used available. It is often illegal to deliver font files with your logo, so it is important that you convert all your text to paths, curves or outlines. This step will convert all fonts into a vector shape, and will not allow you to edit the text any further. In Adobe Fireworks, simply select the text you want to outline and go to Text > Convert to Paths.
Judging Criteria Creativity & Originality; Graphics skill
The judges A panel of judges will be selected. Each member will be part of the webdesign industry, fireworksgurus, Fireworks users and/or evangelists.
1st Prize $200,00 (payable through Paypal) + 1 copy of Adobe CS4 Web Premium + T-shirt. Additionally, Adobe we will invite the winner of the contest to work with the Adobe Developer Connection (Fireworks Developer Center) to write an article highlighting his/her inspiration and steps for creating the winning art.
If the winner declines this opportunity, the invitation would be extended to the runners up.
2nd Prize $100,00 (payable through Paypal) + Fireworks book + T-shirt
3rd Prize $50,00 (payable through Paypal) + Fireworks book + T-shirt
Prizes Prizes will be awarded to winners at the end of the competition’s period. The top 3 wallpapers will be published on Fireworks Zone.
Sponsors Adobe and Fireworks Zone sponsor this contest.
Downloads To participate, you will need to have installed Adobe Fireworks CS4 (earlier versions are acceptable, too).
If you do not own a retail version of Adobe Fireworks CS4, you can download a full-functional 30-days trial version from
(Windows and Mac versions are available).
We also strongly recommend to you to upgrade your Fireworks CS4 version with the latest update (, which can be downloaded from

If you have comments or questions, don’t hesitate to contact FWZ, which is organizing the contest!

In just two weeks, you could be the proud owner of Adobe CS4 Web Premium Suite — by simply creating a nice wallpaper in Fireworks!

So hurry up, as deadline for participants is December 1st, 2009!

Please, re-tweet and re-blog, as we are trying to bring together as many designers and Fireworks gurus as possible! Thanks! :)

Short URL for this post:

Fireworks Grunge Styles 1.0

Saturday, November 14th, 2009

Today I am happy to announce for download the following Fireworks styles, by Fireworks guru Mikko Vartio:

(You can find Mikko in Twitter and Flickr, where he often posts about Adobe Fireworks.)

The styles are called Fireworks Grunge Styles, version 1.0.

They are absolutely free — but if you mention their author, Mikko, in a project where you plan to use them, this will be greatly appreciated! ;-)

Fireworks Grunge Styles (screenshot)
[downloaded over 300 times between Nov 14, 2009 and Dec 30, 2010!]

Description from the Author

  • The styles are based on Advanced Stroke settings and Alpha channel.
  • The grunge comes from custom white stroke and with Filters/Convert To Alpha, the stroke is “removed”.
  • Each style is coloured with Filters/Hue/Saturation settings, so color can be adjusted with adjusting the Hue value (see “Filters” section in the Property Inspector).

Installation & Use

Simply copy the file “Grunge Styles.stl” (found in the ZIP archive) to the Adobe Fireworks “Styles” folder and restart Fireworks.

1) Example location of the folder on Windows XP, for Fireworks CS4:
C:\Documents and Settings\USERNAME\Application Data\Adobe\Fireworks CS4\Styles\

2) Example location of the folder on Windows Vista, for Fireworks CS4:
C:\Users\USERNAME\AppData\Adobe\Fireworks CS4\Styles\

(For Windows 7 and MacOS X, please, refer to Adobe Fireworks Help, for the exact location of the “Styles” folder!)

That’s it! :-)

After you have copied the styles to the Fireworks “Styles” folder, and restarted Fireworks, you can can select “Grunge Styles” from the dropdown list in the “Styles” panel [screenshot], then select an object on the canvas, and apply any of the styles to it. They can be also edited easily (color, for example), so feel free to experiment!

Of course, you can also load the styles without first copying them: Open the “Styles” panel in Fireworks, then select “Load Style” from the panel menu [screenshot], and load them! (But personally, I prefer the other method.)


[ Download Fireworks Grunge Styles 1.0 ]

Enjoy! :)

[ short URL: ]

[ is the virtual home of Web & graphic designer Michel Bozgounov | powered by WP & hosted by DreamHost | also available in български ]

0.507 / 21 / 23