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.
In this part of the Fireworks Pro Series, we’re going to continue looking at how Fireworks works with other programs in the Adobe Creative Suite.
Specifically, we’ll be creating a website design and then convert it to an interactive, animated website in Flash Catalyst… all in under half an hour!
If you’ve ever wondered about the best possible way to save images for the web, this is going to interest you!
In today’s tutorial, we’re going to look at image optimization in Adobe Fireworks.
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/
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!
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!).
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.
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!
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!
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+
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
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
