Category: Fireworks

Smashing Fireworks is an extended section of Smashing Magazine which has been created to provide you with articles and tutorials on Adobe Fireworks, curated by Michel Bozgounov.

Popular tags in this category:

Workflow Tutorials Extensions Techniques iOS

Optimizing The Design Workflow With Fireworks Extensions, Part 3

This article is the third part of an article series about improving your design workflow in Adobe Fireworks with some of the best extensions currently available. You may want to check out the first and second parts if you're not already familiar with them. – Ed.

Optimizing The Design Workflow With Fireworks Extensions (Part 3)

We have already covered over a dozen brilliant extensions to add to your Fireworks arsenal, just the tip of the iceberg. With all-around great guys such as John Dunning, Aaron Beall, Matt Stow and Linus Lim continuing to support the app (an app that Adobe has finally decided it has had enough of), the power of Fireworks continues to make the lives of designers all over the world easier and more productive.

Read more...

Optimizing The Design Workflow With Fireworks Extensions, Part 2

In my previous article on Smashing Magazine, I discussed seven excellent extensions that could fundamentally change your Web design workflow in Adobe Fireworks. The extensions expand Fireworks’ capabilities by adding valuable functionality that could make a huge impact on your overall productivity as a designer.

Optimizing The Design Workflow With Extensions, Part 2

I have to admit, though, that at the time, I was able only to scratch the surface of what’s possible with Fireworks, so I’d like to add to the list six more extensions. As functionality, they are a bit more “niche” than the extensions in the previous set, but no less valuable in any sense.

Read more...

Mojo Motors’ Responsive Redesign With Fireworks: UX And Interaction Design

Thanks to strong mobile Web adoption worldwide, we have seen the launch of even more responsive designs in 2012 and 2013. Most of these have been in the publishing category, but lately we are starting to see complex transactional websites, such as Currys UK, take a brave step into this new world.

Mojo Motors Responsive (Re)Design With Adobe Fireworks: UX And Interaction Design Stage

For very well thought out reasons, Mojo Motors (a startup created in 2010 to provide shoppers with a better way to buy used cars) also just launched the first responsive website in the automotive market space.

Read more...

iOS Grid System, A Free Extension For Adobe Fireworks

I’ll come right out and say it. I think the grid is the unsung hero of a good design. It gives structure and lets the design fall perfectly into place on the canvas. With a grid, adapting and building something new into your design is easy. Think of it like a house’s foundation.

iOS Grid System, A Free Extension For Adobe Fireworks

With a solid foundation, the house is stable, and building on it is easy. With a solid grid, your design can easily be adapted to accommodate whatever changes come along. Today, we’ll share iOS Grid System, which I’ve been using when designing apps in Adobe Fireworks.

Read more...

Create Demo: An Easy Way To Present Adobe Fireworks Design Prototypes

With its structured approach to organizing assets, Adobe Fireworks can be a pleasure for designing and prototyping. But demonstrating your designs on a wide range of devices can be time-consuming and could even require some degree of coding.

The Create Demo extension addresses some of these issues. It automatically converts your Fireworks documents into portable presentations, which can then be easily presented in any browser — desktop or mobile.

Read more...

iOS Prototyping With Adobe Fireworks And TAP (Part 3)

In the previous parts of this tutorial (part 1 and part 2), we looked in detail at the building blocks of our design in Fireworks (pages, shared layers, symbols, styles), and we started to make a demo prototype in Fireworks.

iOS Prototyping With Adobe Fireworks And TAP (Part 3)

The demo prototype had six pages, linked together by hotspots, and each hotspot was customized for use with TAP. Now that the six-page Fireworks PNG file is ready, it’s time to prepare it to be exported as a click-through prototype and then converted (with the help of the TAP extension) to an animated, gesture-based prototype that we can use on an iOS device.

Read more...

iOS Prototyping With TAP And Adobe Fireworks (Part 2)

In the previous article in this series, "iOS Prototyping With Adobe Fireworks and TAP, Part 1: Laying the Foundation," I looked in detail at the four major stages that all of our projects at Cooper go through, as well as our approach to Fireworks PNG organization, and the main components of Fireworks (pages, shared layers, symbols and styles).

iOS Prototyping With TAP And Adobe Fireworks (Part 2)

Now we can start actually building the prototype. First, let me try to sum it up quickly: to create a “live” iOS prototype, you only need to perform the following six steps:

Read more...

↑ Back to top