1. Web Design
  2. Fireworks

Fireworks Pro Series: From Photoshop to Fireworks to the Web

Read Time:2 minsLanguages:
This post is part of a series called Fireworks Pro Series.
Fireworks Pro Series: Where Does Fireworks Fit Into Your Workflow?
Fireworks Pro Series: From Fireworks to Flash

It's time for another Fireworks Pro Tutorial! 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.

Moving from Photoshop to Fireworks to a Web Prototype

In the series introduction, we discussed where Fireworks actually fits in a web designer's workflow. Today, Tom Green, a mighty Fireworks wizard, going to show us firsthand how to move from a finished .PSD file to a Fireworks document... the goal, to create a functional coded prototype. Grab a cup of coffee and hit play:

About the Author

Tom Green is a professor of Interactive Multimedia through the Humber Institute of Technology and Advanced Learning’s School of Media Studies. Like all faculty in the program, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of their subject is current with industry best practice. He is an Adobe Community Expert, Adobe Education Leader (Post Secondary), Community MX partner and was listed in Adobe's Top Ten Most Influential Flash Designers.

Tom has written several books (9 in all!) and extended tutorials on the topic of Fireworks and web design over the last 7 years, so he's a natural fit to guide us through this incredible program. After this introduction, Tom will be guiding us through the wonderful world of Fireworks with several video tutorials. Alright, now that you know a bit about Tom, let's dig in!

About the Fireworks Pro Series

If you've been wondering about what makes Fireworks tick for a while, this series is being recorded for you!

We're amassing quite a few tutorials for everyone from the beginner to the expert, so be sure to check out our entire library of Fireworks tutorials.

If you have a particular request or question about using Fireworks for web or app design, post it in the comments section along with any of your other thoughts!

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.