Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

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:

Refining Your Design In Adobe Fireworks

While certainly not as well known as Photoshop, Adobe Fireworks is a great tool for creating user interfaces, website designs and mock-ups, wireframes, icons and much more.

Refining Your Design In Adobe Fireworks

However, most designers who have been using Photoshop for years may find Fireworks a bit awkward at first. Fireworks does have a slightly different workflow and requires a slightly different approach than you may be used to.


Extracting Logos Using Levels In Adobe Fireworks

In all the years that I’ve been using Adobe Fireworks, I have always had to perform one task in every project: remove the background from a logo. Most of the time, it’s because the client doesn’t have the original raw file that their previous designer used to create their company’s logo, or because I need to work with a bunch of affiliate logos that I downloaded from the Web and not all of them have transparency information.

Extracting Logos Using Levels In Adobe Fireworks

With a rectangular or elliptical logo, I just trace over it with a shape and turn it into a mask. But when tracing a mask is impractical (as with complex shapes or text-based logos), I used to follow a method that I devised for extracting logos in Adobe Fireworks that doesn’t rely on the dreaded Magic Wand tool. This method took advantage of a few Live Effects to remove the background and retain the logo form. It was simple, but also primitive: it worked perfectly only when the contrast between the logo and background was already ideal and the logo form had only one color. Otherwise, I ended up with jagged edges.


The Power of Adobe Fireworks: What Can You Achieve With It?

Our recent article covering the new features of Adobe Fireworks CS5 provoked a very interesting and intense debate. But because comments ranged from "Fireworks is the best tool for screen design!" to "What exactly is Fireworks?", we thought that another article on this topic might be very useful to Smashing Magazine readers.

Firefox logo, by Jon Hicks


However, this time the article will not focus so much on the tool itself, but rather on what can be achieved with it, and more specifically — what can be achieved with its visual/graphic design capabilities. We also hope that the following showcase of inspiring illustrations, created entirely in Fireworks, will not only be interesting to our readers, but will also help put an end to the common misconception that Fireworks is mostly a prototyping tool – and – that for "serious" design you must switch to other tools, namely Photoshop or Illustrator.


Adobe Fireworks: Is It Worth Switching to CS5?

Adobe Fireworks is the Swiss Army knife for many developers and Web, UX, UI and graphic designers. The application is known for its versatility, excellent blend of vector and bitmap tools and powerful built-in wireframing and prototyping options. Also, according to the SoDA 2010 Digital Marketing Outlook survey, Fireworks has become an important tool for many digital agencies.

It now has the same standing as other core Adobe products, such as Flash, Flex and Dreamweaver (to the question "Which technical skill sets, if any, will you look to hire or contract in 2010?", approx. 12% of the survey respondents replied "Fireworks", and to the question "Which tools/products will you or your organization use in 2010?", more than 44% of the survey respondents replied that they will be using Fireworks).

The Property Inspector Panel in Fireworks CS5

None of the official Adobe pages actually answer the question that so many design professionals are asking in the first place: is Fireworks CS5 really better? Will it save you time and effort? Are the new features worth the upgrade price? This article gives detailed answers to these questions. We'll present a neat list of Fireworks CS5's new features and improved workflows, along with examples of how they will make your work much more efficient.


The Ultimate Round-Up of Fireworks Tutorials and Resources

Fireworks was originally created as an image editing and web design application by Macromedia, for quick web mock-ups, and optimizing images for the Web. It has since been transformed into a powerful environment for designing and prototyping applications that integrates easily with Dreamweaver, Flash and Photoshop &ndash making it, perhaps, the most powerful (that's controversial) and versatile graphic editor.

Adobe Fireworks Tutorials and Resources

Fireworks has always had the reputation of being Adobe Photoshop's little brother and a graphic editor for amateurs. The truth is, some Photoshop users have underappreciated the power of Fireworks, misunderstood its purpose, and seem to be reluctant to move their design workflow to Fireworks.

In this post, you will learn how powerful Fireworks can be and you will see how easily it can be used for any design project, whether you are a graphic designer or web designer. Would you consider changing from Photoshop?


↑ Back to top