Batch processing with Fireworks has saved my butt on countless occasions. To be quite honest, I have no idea why their isn’t an equivalent feature packaged with Photoshop. With Fireworks it’s intuative, full-featured, and fast. Lets get started!
Archive for the ‘Adobe Fireworks Tutorials’ Category
Batch Processing with Adobe Fireworks
Friday, July 3rd, 2009Bellabean Coffee: Part 6, Using Layers in Fireworks
Sunday, August 17th, 2008
This is the sixth part of a series of web design tutorials on Adobe Fireworks. Using a fictional company I’m documenting my design workflow from start to finish. You can follow along by starting at the beginning of the series or by downloading the most recent Fireworks PNG file here (right-click, save-as). If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Bellabean Coffee: Part 5, Giant photo background
Tuesday, April 8th, 2008
This is the Fifth part of a series of web design tutorials on Adobe Fireworks. Using a fictional company I’m documenting my design workflow from start to finish. You can follow along by starting at the beginning of the series or by downloading the most recent Fireworks PNG file here (right-click, save-as). If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Quick Navigation Bar
Saturday, March 22nd, 2008
I’m taking a break from the Bellabean Coffee design series this week to show a quick example of my workflow with Adobe Fireworks from start to finish. In this quick tutorial I’ll demonstrate how to design a typical bar style navigation and then export the images for inclusion in an HTML document. The Fireworks PNG source file for this will be included at the bottom of this post. If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Bellabean Coffee: Part 4, Masthead Details
Tuesday, March 11th, 2008
This is the fourth part of a series of web design tutorials on Adobe Fireworks. Using a fictional company I’m documenting my design workflow from start to finish. You can follow along by starting at the beginning of the series or by downloading the most recent Fireworks PNG file here (right-click, save-as). If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Bellabean Coffee: Part 3, Using Raster (photo) images in Adobe Fireworks
Sunday, March 2nd, 2008
This is the third part of a series of web design tutorials on Adobe Fireworks. Using a fictional company I’m documenting my design workflow from start to finish. You can follow along by starting at the beginning of the series or by downloading the most recent Fireworks PNG file here (right-click, save-as). If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Bellabean Coffee: Part 2, Creating a Masthead with Fireworks
Saturday, February 9th, 2008
This is the second part of a series of web design tutorials on Adobe Fireworks. Using a fictional company I’m documenting my design workflow from start to finish. You can follow along by starting at the beginning of the series or by downloading the most recent Fireworks PNG file here. If you’re just starting out, you can download the 30-day full feature Adobe Fireworks demo here (note: A relatively painless account setup is required to download the free demo).
Bellabean Coffee: A Fictional Client Project Using Adobe Fireworks
Thursday, January 24th, 2008
Welcome to part one of my fictional client project: Bellabean Coffee. This will be a brand new, upstart, fictional coffee shop that’s requesting a brand identity complete with a website. To get things started we’re going to explore some of the vector capabilities of Adobe Fireworks by creating a simple logo for Bellabean, and nailing down a color scheme.
Setting the Stage: A New Fireworks Document
Thursday, January 17th, 2008
I’m going to show you my particular workflow for creating a web layout with Adobe Fireworks, and I’m also going to cover the selection tools. When I get started on a new project, I like to have as much open canvas space as possible. Yet it’s also important to keep what’s going to become your finished product at the correct size for the eventual export.
To get started, click File > New to open the New Document Window. Here is where you set the document size and background color. I’m going to leave the discussion on ideal width for a website for a different post, but for our purposes here we’ll be using a relatively wide fixed-width design. So set the width to 940 px, the height to 3000 px or so (think big canvas) and choose a white background color. Make sure your DPI is set to 72, and click ok.
Why make websites with Adobe Fireworks?
Thursday, January 10th, 2008
First things first, understanding the difference between vector and raster graphics. Raster graphics are flat images, like photos, jpegs, gifs, etc. Vector images on the other hand, are barely related. A vector image is geometric, much like CAD drawings. Fireworks, just like Flash and Illustrator create a file made up of points, lines, curves, and shapes.
Hello from
