Today, we’re going to be showing you how to create multiple “behaviors”, also known as states within your document.

We are going to walk you through how to create a simple button with two different states (one for the normal state, one for the mouse-hover state). Then we’ll expand on this by putting the knowledge to use in the practice project we’ve been using for the series.

submitted: 5 years and 3156 days ago

Illustration process of Darth Vader + Google Android mashup. 50min intense session with Adobe Fireworks CS5, recorded at 5x speed.

The illustration sourcefile for Adobe Fireworks is available at http://www.vart.io/darth-android/

submitted: 5 years and 3157 days ago

In this video tutorial, we’re going to show you how to use Fireworks to setup some basic buttons with their own unique mouse-sensitive states and behaviors.

This will add another level of interactivity to your designs, so if you’re starting out with Fireworks, you won’t want to miss this one!

Tutorial Details

* Program: Adobe Fireworks
* Version: CS5+
* Difficulty: Beginner

submitted: 5 years and 3161 days ago

Today we’ll be looking at using “Hot Spots”, aka the Internal Linking tool, in Fireworks – this awesome little tool allows you to essentially create “links” inside of your Fireworks document that link to Pages in your site, or external URLs.

We’ll walk you through how to use the basic interface elements for this feature and we’ll create a simple project to showcase the various ways you can add hot spots to your own projects.

Tutorial Details

* Program: Fireworks
* Version: CS5+
* Est. Time: 5 minutes

submitted: 5 years and 3163 days ago

Web designers talk a lot about apps or gadgets that are “magic wands”… but today we’re going to look at a unique feature inside Adobe Fireworks that might even live up to the name.

If you haven’t taken the time to check out the “batch processing” feature in Adobe Fireworks yet, now’s the time to do it. In no time you’ll be saving time and reducing the file sizes on all of your web graphics!

Tutorial Details

* Program: Adobe Fireworks
* Estimated Time: 15 minutes
* Version: CS5+

submitted: 5 years and 3165 days ago

This tutorial is for the Flash users out there! We’re going to continue looking at where Fireworks can fit into a web designer’s workflow.

Today, we’ll examine how Fireworks can work alongside Flash to create functional websites quickly and easily. Flash CS5 users won’t want to miss this one!

submitted: 5 years and 3165 days ago

Many of us have used the slicing tool in Photoshop at one point or another, so it’s easy to dismiss the slicing tool in Fireworks as the same tool.

In this video, we’re going to take a good hard look at what makes the Fireworks version of this tool so useful to web designers looking to shave off time and file size from their web design chop jobs!

submitted: 5 years and 3171 days ago

In this video tutorial we’re going to show you how to move from a Photoshop .PSD file to Fireworks, and then to the web with a functional CSS prototype.

We’ll also cover some of the little “gotchas” that you’ll encounter along the way.

submitted: 5 years and 3171 days ago

Ever needed to batch process an entire folder of files for the web?

We’ll walk you through how to do it in this screencast… and there’s a special surprise at the end (hint, you’ll wonder why you haven’t been doing this all along!).

submitted: 5 years and 3191 days ago

The Hot Spot tool in Fireworks is actually pretty simple to use:

1. Select an item that you want to act as a “link” in your document
2. Apply a destination URL or page in your document
3. That’s it!

Using it can be a bit tricky if you’ve never really worked with Fireworks before though, so in this video, we are going to show you how to use the tool to create hot spots, or internal links, in your own Fireworks based projects!

Let’s get started!

submitted: 5 years and 3195 days ago