I'm a huge fan of Photoshop, it's a fantastic tool for pretty mucha anything, however when it comes to web design my favorite tool has to be Fireworks. I've been using Fireworks since I don't know when but I can say that its vector capabilities combined with pixel precision positioning make very easy to design websites.

In this tutorial we're going to show you how to create a simple header effect in a few steps, and with some vector textures, try to create a little layout in Fireworks with 9rules.com as our reference. In part 2, we're gonna do the HTML/CSS to show you how this layout reacts to the browser!

Last week we've linked the Tinysong site in our Sites of the Week. Beyond being a great app, it has an really well executed design, and I thought it would be a good idea to reproduce the same design and make a fireworks tutorial out of it.

After a few tests to find the right colors and lights, I've created a nice image for this tutorial. I'm gonna show you here a few steps to create neon effects on Fireworks. The process is really easy, and for the cheers of everyone, we're going to use lots of overlays, color dodges and lots of glow!

We have been posting a series of articles with simply fantastic images from the most famous graphic designers and illustrator from all around the world. Most of them have been pushing the boundaries mixing lighting effects with color overlays, and that have intrigued us.

Since some people asked for this tutorial, let's show you guys how to creat the iPhone frame. It isn't as complicated as it appears to be, and I think this is the solution that most comes closer to the original.

Last month we had written an post announcing that we would write 4 tutorials on how to create Light Painting in Photoshop, Fireworks, Pixelmator, and GIMP. The first was the Photoshop, and you can check it out at Create a Glowing Light Painting Effect.. Today we will show you how to create the effect in Fireworks.

Despite the fact I'm not a big Internet Explorer fan, the challenge to recreate the IE7 logo in Fireworks is really worth it. We're going to show you how to create these effects and how to use many new fireworks tools that we haven't used in our tutorial yet.

In this tutorial we're going to show how you may use the background we've created in the Obama's Background 1st part. But we're not only gonna show you how to put it inside a site body, but also how to create and structure the site main regions like the menu, main content, support column and footer.

You certainly want one, or already have one of these. It's an awesome device, but Iphone's interface is also something that gives a lot of pleasure on using it. Thinking about, we're going to show you how to do the interface on Fireworks.

Reaching the end of the electoral race to know who's running for the democrates, Barack Obama shows that one of this main concerns was the design of campaign pieces. All material released, even his website shows us that.

This is the second part of the web design tutorial on how to create a website using Fireworks then CSS and XHTML.

Today we begin a new series of tutorials, about layouts developing for web, from design creation to CSS coding. These tutorials will come in 2 parts: 1 - Layout; 2 - CSS.

One thing that caught my attention in the Apple Macworld was the banner they had placed on their site, I really liked the simplicity with gradients and the new typeface, Myriad Light I think. Because of that I will show you how to create that effect in a easy and quick way using Fireworks.