fireworks

Classy personal portfolio in Fireworks

Classy personal portfolio in Fireworks
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.

Mini-layout inspired on 9rules design

Mini-layout inspired on 9rules design
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!

Grooveshark design style in Fireworks

Grooveshark design style in Fireworks
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.

Amazing Neon Lights on Fireworks

Amazing Neon Lights on Fireworks
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!

Creating a cool website header in fireworks

Using graphic design inspiration to create a cool website header in fireworks
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.

Creating the iPhone Frame on Fireworks

Tutorial: Creating the iPhone Frame on Fireworks
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.

Light Painting in Fireworks

Light Painting in Fireworks
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.

Creating the IE7 logo effect in Fireworks

Tutorial: Creating the IE7 logo 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.

Tutorial: Obama's Background in CSS - Part 2

Tutorial: Obama's Background in CSS - Part 2
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.

Tutorial: Creating the iPhone Interface on Fireworks

Tutorial: Creating the iPhone Interface on Fireworks
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.

Tutorial: Obama's Background on Fireworks - Part 1

Tutorial: Obama's Background on Fireworks - Part 1
Tutorial: Obama's Background on Fireworks - Part 1Reaching 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.

Tutorial: Newspond menu on Fireworks - Part 2

Tutorial: Newspond menu on Fireworks - Part 2
Tutorial: Newspond menu on FireworksThis is the second part of the web design tutorial on how to create a website using Fireworks then CSS and XHTML.

Tutorial: Newspond menu on Fireworks - Part 1

Tutorial: Newspond menu on Fireworks - Part 1
Tutorial: Newspond menu on FireworksToday 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.

Apple Air Banner in Fireworks

Apple Air Banner in Fireworks Tutorial
Apple Air Banner in Fireworks 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.