Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2)

Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2)

• By Michel Bozgounov


• August 7th, 2014


• FreebiesWorkflow


• 0 Comments

A few weeks ago, we mentioned some of a best extensions¹ that are now accessible for Fireworks. Today, I’ll cover some of a best tutorials and articles, as good as many freebies (styles, templates, apparatus libraries, and so son) that are accessible for Fireworks. All of them can (and will!) learn we how to use Fireworks in a better, some-more optimal way.

Again, in sequence to assistance we obtain a good overview of all lonesome in this article, I’ve grouped a resources into a following sections:

• Tutorials²: Everything we need to know about how to use Fireworks.


• Articles³: The facilities of Fireworks and other UI settlement collection (compared).


• Assets and freebies⁴: Fireworks PNG files, templates, character presets, libraries, etc.


• Conclusion⁵: Is Fireworks still applicable in 2014 and what are a alternatives?

Tutorials

Brushed Metal Effect in Adobe Fireworks Tutorial

Using this “Brushed Metal Effect⁶” tutorial, we can emanate a nice-looking brushed steel outcome in Fireworks. The educational is flattering elementary though we can learn a thing or dual from it. (If you’re curious, in genuine life brushed metal⁷ is steel with a unidirectional satin finish constructed by a special polishing process; a brushing gives a steel a particular look, as it retains some though not all of a lead lustre and is given a settlement of unequivocally glorious lines together to a brushing direction.)

The final outcome can be saved as a matrix file, or we can simply trade a “flat” settlement or hardness record of any size.

⁸

“Brushed Metal Effect in Adobe Fireworks” tutorial: we have attempted a stairs summarized in it, and a final formula can be achieved flattering easily. (view vast preview⁹ or download a editable Fw PNG file¹⁰)

How to grasp pixel soundness with Adobe Fireworks Tutorial

When it comes to user interface design, Adobe Fireworks is an glorious apparatus for laying out your ideas and also for formulating slicing corner graphics for your app or website. Like in any other striking software, there are opposite ways to emanate one effect. However, a outcome doesn’t always demeanour a same for any method. In a essay “How to grasp pixel soundness in your designs with Adobe Fireworks¹¹,” Ivo Mynttinen^1026012 will uncover we how to grasp genuine pixel perfection!

“How to grasp pixel soundness in your designs with Adobe Fireworks” (example from a tutorial).

(Note: Ivo Mynttinen wrote also a unequivocally useful and minute essay for Smashing Magazine, “Design Cutting Edge iOS Apps With Adobe Fireworks¹³“.)

Creating Brushed Metal in Adobe Fireworks Video Tutorial

Speaking of brushed steel effects, here’s a some-more formidable (video) educational that will let we grasp some-more engaging results: “Creating Brushed Metal in Adobe Fireworks¹⁴.” It’s by engineer and Fireworks master Rogie King¹⁵ and is positively value watching.

¹⁶

“Creating Brushed Metal in Adobe Fireworks,” by Rogie King. (watch video tutorial¹⁷)

This educational will uncover we indeed some of a stairs in a routine of conceptualizing a Rainboxx logo¹⁸ (see a subsequent object in a list).

Designing a Rainboxx Logo Video Tutorial

Watching designers work is always fun and can learn us a lot; so we can suggest we to watch a “Designing a Rainboxx Logo in Fireworks¹⁹” video educational by Rogie King. You can get an discernment into Rogie’s workflow and also learn a few useful things about Fireworks and a tools.

²⁰

“Designing a Rainboxx Logo in Adobe Fireworks,” by Rogie King. (watch video tutorial²¹)

Pasting Attributes in Adobe Fireworks Video Tutorial

Here’s another discerning video educational (only 7 mins long) by Rogie King, “Pasting Attributes in Adobe Fireworks²².” It’s about a choice to simply copy-paste attributes between opposite objects on a board in Fireworks. The choice is easy to master (it’s as elementary as Ctrl/Cmd+C and Ctrl/Cmd+Alt+Shift+V!) though unequivocally useful. Rogie will uncover we a few examples of a use and a few tips and tricks.

²³

“Pasting Attributes in Adobe Fireworks,” by Rogie King. (watch video tutorial²⁴)

(And, if we need even some-more control, there’s a Copy and Paste Selective Attributes authority accessible in a Modify Commands²⁵ set by Aaron Beall.)

Brushed Metal iCloud Logo Tutorial

This is another educational that is about brushed steel effects (that’s a final one, promise!). In “Brushed Metal iCloud Logo with Fireworks²⁶,” you’ll learn how to work with matrix shapes, filters and matrix masks.

“Brushed Metal iCloud Logo” tutorial: putting it all together. (source²⁷)

(Note: There are many other glorious tutorials, published in a FireTuts²⁸ website, do check them out!)

Working with Masks in Fireworks Video Tutorial

Working with Masks in Fireworks²⁹ is a bit prolonged video educational (close to half an hour!) by Jim Babbage³⁰, though from it you’ll learn all we need to know about masking with Fireworks — how to emanate matrix masks, how to simply revise already combined masks, operative with gradients in masks, etc.

³¹

“Working with Masks in Fireworks” video tutorial. (watch video tutorial³²)

Realistic 3D make-believe with thoughtfulness in Fireworks Tutorial

Realistic 3D make-believe with thoughtfulness in Fireworks³³ (by Lucian Dragomir³⁴) will learn we a thing or dual and a finish formula demeanour unequivocally elegant.

Realistic 3D make-believe with thoughtfulness in Fireworks. (source³⁵)

8 Essential Fireworks Tips For Web Design Tutorial

8 Essential Fireworks Tips For Web Design³⁶ is a educational (originally published in .net repository UK³⁷ and combined by Jonathan Snook³⁸), that takes a good demeanour during a facilities that make Fireworks so useful for web designers (these embody styles, pages and states, abounding symbols, and more). Jonathan also shares a few other time-saving tips in this tutorial! If we are a Photoshop revolutionary fan and wondered given you’d ever should try Fireworks, or if we have been regulating Fireworks for years and are looking to urge your workflow, afterwards this educational is usually for you.

“8 Essential Fireworks Tips For Web Design” (screenshot from a tutorial).

Easy Odometer Icon Tutorial

The Easy Odometer Icon³⁹ educational (by Tiago Camargo) is an easy-to-follow educational in that you’ll learn how to bargain with Fireworks matrix objects, live filters and consistent modes.

“Easy Odometer Icon” tutorial, published in a FWPolice⁴¹⁴⁰ website (final results).

(Note: The FWPolice⁴¹⁴⁰ website also offers many forms Fireworks matrix freebies⁴² and has many other tutorials⁴³ about Fireworks.)

Refining Your Design In Adobe Fireworks Tutorial

In a “Refining Your Design In Adobe Fireworks⁴⁴” tutorial, Benjamin De Cock⁴⁵ shares a few glorious tips and tricks when operative with Fireworks, accompanied by many useful illustrations and screenshots. We have published this educational in 2012, though it’s still rarely useful to review even today!

“Refining Your Design In Adobe Fireworks” tutorial. (source⁴⁶)

Fireworks: The Things You Might Have Missed Tutorial

This is a unequivocally aged educational by Trevor McCauley though we can still learn a few intelligent Fireworks tips and tricks from it: scaling of attributes of objects, regulating matrix shapes for bitmap marquees, resourceful JPEG quality, hiding/showing preference edges, anticipating and replacing colors (or text) in FW PNG files, a disproportion between subselect and superselect, tweening black for duplication, and so many more. This is an aged classic!

“The Things You Might Have Missed” tutorial. (examples from: source 1⁴⁷, source 2⁴⁸).

(Trevor is obvious in a Fireworks community; he has combined many useful Fireworks extensions⁴⁹ and recently even open-sourced⁵⁰ them, releasing a source formula on GitHub⁵¹.)

Index and Alpha Transparency in Fireworks Tutorial

In “Index and Alpha Transparency in Fireworks⁵²,” Dave Hogue⁹⁵⁵³ (currently UX settlement manager @ Google) is holding an in-depth demeanour during index and alpha clarity and how to use them in Fireworks to your advantage.

“Index and Alpha Transparency in Fireworks” (tutorial example).

(Note: It’s a not-so-well famous fact that for many years, Fireworks was a usually settlement application⁵⁴ that could trade PNG8 files that enclosed both index and alpha transparency! These PNG8 index+alpha files were displayed rightly opposite all browsers, including Internet Explorer 6, that couldn’t describe scrupulously PNG files with an alpha clarity channel.)

FireworksGuruForum Community

The forum members of a FireworksGuruForum⁵⁵ (created by Alan Musselman¹³²⁵⁶), while not so active as in a past, are still there to assistance you, should we have any questions per Fireworks. But what’s some-more important, there are many useful resources published there (freebies, tutorials, useful links, Fireworks PNG files and templates, styles, etc.).

FireworksGuruForum (screenshot).

Adobe Fireworks Tutorials by Craig Erskine

In this array of Adobe Fireworks (mini) tutorials⁵⁷, Craig Erskine⁸²⁵⁸ will learn we many elementary and modernized techniques. These tutorials were combined mostly for users who have a unequivocally clever bargain of Fireworks, though even if we are not a Fireworks expert, they’re still value checking out!

Adobe Fireworks Tutorials, by Craig Erskine (screenshot).

Articles

The Endless Fireworks vs. Photoshop Battle Article

“The Endless Fireworks vs. Photoshop Battle⁵⁹” essay was combined over 3 years ago by Ivo Mynttinen^1026012 and is still applicable today, even if we know that in a end, Photoshop became a apparent leader in this conflict — though not given it current to be a improved UI settlement apparatus than Fireworks, though given Adobe always wanted to marketplace it as such.

The essay is flattering prolonged and goes into good fact about what are a strengths and weaknesses of both apps when used privately for UI settlement — web, mobile, idol design, etc. Do check it out! (Btw, now Ivo still uses Fireworks though has changed a lot of his workflow to Sketch⁶¹; and he’s not a usually one⁶².)

The Endless Fireworks vs. Photoshop Battle essay (screenshot).

The Power of Adobe Fireworks Article

“The Power of Adobe Fireworks⁶³” is an essay that we wrote in 2010 (how time flies by!) and in that attempted to uncover all a several forms of work that Fireworks can be used for — UI and idol design, illustration, web design, even digital painting.

“The Power of Adobe Fireworks”: a few examples from a article.

The list of designers and illustrators, whose work we have showcased in my article, enclosed Matthew Inman (the cold man behind The Oatmeal⁶⁴ comic strips), Rogie King⁶⁵(designer and illustrator, who’s always on page #1⁶⁶), Ryan Hicks⁶⁷(Senior UX Designer during Adobe), Craig Erskine⁶⁸(known to many with his successful “Fireworks PNG Weeks⁸¹⁶⁹” series), Jon Hicks⁷⁰(the contriver of a Firefox logo, among other things), and many others. (It does not embody a work of good illustrators (and Fireworks masters) such as Isabel Aracama¹²⁶⁷¹, James Parker⁷² or Fabio Benedetti⁷³, with whose work we was proficient with during a many after time… we should maybe cruise a Part 2 one day!)

50 Reasons not to use Photoshop for Web Design Article

The “50 Reasons not to use Photoshop for Web Design⁷⁴” (by André Reinegger) feels like a proceed underline comparison between Photoshop and Fireworks. It’s a bit old-fashioned now (and yes, so many years after Photoshop can finally emanate and revise dull rectangles!) though many of a reasons summarized there are still valid. In a core, Photoshop was designed to be used for strategy of raster images and for imitation tasks; it was not designed to emanate pixel-precise shade layouts, or to make discerning changes to them.

Photoshop is used for this purpose however (UI and web design) given many designers are informed with a program. However, other collection exist that were designed from a ground-up to be UI settlement collection and perform a charge better; and among them is Fireworks (although Sketch and a few other new collection are starting to locate adult and genuine fast).

Examples from a “50 Reasons not to use Photoshop for Web Design” article.

Adobe Fireworks, a Super Hero that is Hard to Kill Article

Why not proceed a theme of Fireworks vs. Photoshop with a bit of humor? André Reinegger is perplexing usually that in “Adobe Fireworks, a Super Hero that is Hard to Kill⁷⁵.” Adobe has no apparatus in their portfolio now that can reinstate Fireworks in full, and it’s puzzled if Adobe will invent such a tool, now that they froze a growth of Fireworks. But a good news is that Adobe still keeps Fireworks in their Creative Cloud list of apps and it runs glorious on latest Windows OS and MacOS X. There are also hundreds of glorious giveaway extensions that supplement profitable new facilities to Fireworks.

“Adobe Fireworks, a Super Hero that is Hard to Kill” article. (source⁷⁶)

10 Reasons given we cite Fireworks to Photoshop for Web Design Article

In “10 Reasons given we cite Fireworks to Photoshop for Web Design⁷⁷,” Leigh Howells (designer during Headscape⁷⁸) shares given he has motionless to make a transition from Photoshop to Fireworks. He was a Photoshop user for over sixteen years (ten of that have been in a prolongation web settlement environment). When Fireworks CS4 was released, he motionless to have another demeanour during Fireworks. He played with it a bit, and was unequivocally tender by some of a features. Soon after that he started producing many of his day-to-day work in Fireworks.

Some of a reasons he mentions are a ability to have mixed pages (with master page) in one Fireworks PNG document; black and styles; a absolute matrix facilities of Fireworks; a 9-slice scaling tool, and a few others.

“10 Reasons given we cite Fireworks to Photoshop for Web Design” (screenshot from a article).

7 Reasons Why we Choose Fireworks Over Photoshop Article

So, we are still in doubt about Fireworks? Let Russell McGovern tell we his reasons for regulating Fireworks in “7 Reasons Why we Choose Fireworks Over Photoshop⁷⁹.” He takes his time to good daydream a clear advantages of a module and explains his preferences and a pivotal facilities of Fireworks that assistance him in his UI daily settlement tasks.

“7 Reasons Why we Choose Fireworks Over Photoshop” (example screenshot from a article).

Fireworks PNG Files, Templates, Style Presets Resource Libraries

Dragnet Wireframes Kit for Adobe Fireworks

Dragnet Website Wireframes Kit⁸⁰ for Adobe Fireworks (by Jonas Skoglund) is a common library with over 25 objects that make quick prototyping of websites many easier in Fireworks.

Yes, Fireworks comes pre-loaded with a library of identical web elements that demeanour unequivocally nice, though Jonas grown a pack given he wanted to emanate something a bit some-more rough, something that looked some-more like sketches, so a clients (or a user exam participants) wouldn’t get dreaming by a design when instead they should concentration some-more on a function behind a web page or application.

Dragnet Wireframes Kit for Adobe Fireworks (screenshot).

Fireworks PNG Weeks Series

Fireworks PNG Weeks⁸¹⁶⁹ is a collection of 52 high-quality Fireworks editable PNG files that we can download and de-construct in Fireworks during your ease. It was a plan by Craig Erskine⁸²⁵⁸ and utterly a cold one, given often, one can learn a lot when holding a tighten demeanour during a work of others!

Fireworks PNG Weeks (example from PNG Week #32⁸³).

Dribbble Records Fireworks PNG

Dribbble Records⁸⁴ is a Fireworks PNG freebie that is formed on a Dribbble shot⁸⁵ of mine. we favourite a finish result, so we motionless to recover a record as a freebie (for personal/non-commercial use). If we open a record in Fireworks, we can learn a bit about gradients, consistent modes and live filters.

⁸⁶

Dribbble Records Fireworks PNG freebie. (view vast preview⁸⁷ or download a Fw PNG file⁸⁸)

Dark UI Kit Templates

Dark UI Kit⁸⁹ (by Dustin Evans⁹⁰) is a good looking set of templates for Adobe Fireworks that is totally free. You can learn from it or usually (re)use a templates in both personal and blurb projects.

The pack is in Fireworks PNG format and contains 5 pages, any one containing elements of opposite type: menus and tabs, alerts and validation dialogs, sliders, etc.

⁹¹

Dark UI Kit for Adobe Fireworks.

Simple User Interface Kit Templates

The Simple User Interface Kit⁹² (by Stefan Hiienurm”⁹³) is a set of purify UI templates that will assistance we to do (and learn) improved design. It’s accessible in both Fireworks PNG and Photoshop PSD editable formats. (Note: The pack is not free, though costs usually $12.00. In this article, we attempted to collect mostly giveaway items, accessible for Fireworks, though infrequently an difference or dual is OK, if a peculiarity is unequivocally good.)

Simple User Interface Kit (available in Fireworks and Photoshop formats).

Hipster Photo Styles for Fireworks

As a name suggests, Instant Hipster Photo Styles for Adobe Fireworks⁹⁴ (created by Dave Hogue⁹⁵⁵³) is a set of non-destructive print styles that can be simply used on any print or image. They embody 17 variations (sepia, polaroid, sunrise, black white, tint, sketch, etc.) and were optimized for images from 300 x 300 to 750 x 750 pixels (which creates them ideal for use on a web and when pity cinema by email); though they can also be practical to a print of any size, of course.

Hipster Photo Styles for Fireworks (example).

With Instant Hipster print styles, we can make your possess Hipstamatic-style shots right within Fireworks and even send them instantly to Twitter or Flickr with a assistance of a TweetFire or FlickrFire extensions, that we have reviewed progressing in detail.

I attempted to play a bit with these a while ago and found them both easy and fun to use. What’s better: you’re not singular to regulating a styles “as is” only! You can download a character set, tweak a styles to fit your ambience better, and re-save them. Or, we can emanate your possess character sets from scratch: collect adult a few live filters, adjust their properties, experiment, and when ready, simply save as a new style. Easy!

The routine is unequivocally straightforward: name an picture (1), request a specific character (2), done! (Note: this instance includes a print by B’Joel⁹⁶ and shows a 1978 Lincoln Town Car).

Webportio Library of Fireworks Resources

Webportio⁹⁷ (created by Jiří Plíštil⁹⁸) is a library of Fireworks resources, utterly frequently updated. It contains a few hundred graphical elements in editable Fireworks PNG format (icons, buttons, forms, patterns, ribbons, etc.), and also several other resources, like grids, styles, website templates, etc. All of a resources are giveaway and good categorized. They have been downloaded over 400’000 times given a Webportio site was launched.

⁹⁹

Webportio resources (screenshot).

Fireworks Library by Aaron Beall

The Fireworks Library¹⁰⁰ by Aaron Beall¹⁰¹ is a tiny library of high-quality Fireworks editable PNG files, patterns, styles and symbols. You can openly use any of them in your projects, or learn by de-constructing them in Fireworks.

Aaron Beall’s library (examples).

FireworksLab Library of Resources

Finally, we should also plead FireworksLab. It was an glorious giveaway settlement resources site for Adobe Fireworks files, combined by Ivo Mynttinen^1026012. Ivo started FireworksLab given in 2010 there were not many apparatus sites with peculiarity Fireworks files; in further he wanted to support a flourishing Fireworks community. For a time that FireworksLab existed (less than dual years), Ivo and a few contributors have designed and expelled 47 freebies that have been downloaded around 300’000 times!

The plan was close down during a finish of 2012, though luckily for all of us, Ivo is still providing a Fireworks resources combined in one vast ZIP archive. If we wish to use or learn from any of them, go to a FireworksLab proclamation post¹⁰³, territory “Can we still download a aged FireworksLab resources?”, and get a archive!

FireworksLab resources (examples).

Conclusion

In Part 1¹⁰⁴ and Part 2 of this Adobe Fireworks Resources (2014 Edition), we attempted to collect all a best resources, accessible now for designers regulating Fireworks.

Did we miss to plead any critical resources, extensions, styles, articles or tutorials? we substantially many positively did! My list is by no means complete, though law is, one can't list any and any profitable apparatus that is accessible for Fireworks now — there are proceed too many of them — interjection to a extraordinary Fireworks community! We’ve also published over 25 high-quality articles and tutorials in a Fireworks section¹⁰⁵ over a final dual years, and we can suggest reading any one of them!

Where to go from here?

As we mentioned in my new article, a destiny of Fireworks¹⁰⁶ is positively not bright, though as of 2014, it’s still a plain square of module that can assistance UI designers work in a unequivocally fit way.

Do we trust Fireworks is still improved than many other UI settlement collection accessible today? Yes¹⁰⁷. Personally, we use Fireworks CS5.1 and CS6 on Windows 8.1 Pro 64bit, and find both of them stable, useful, and utterly indispensable in my workflow. we also use many giveaway extensions that supplement profitable facilities to Fireworks, like a SVG import¹⁰⁸/export¹⁰⁹ commands; though a extensions, Fireworks wouldn’t be where it is today.

Is Fireworks still relevant?

Is Fireworks still applicable in a fast-pacing module world? Yes — to some extent, during least. Fireworks is like a intelligent Swiss-knife apparatus — it can be used in a accumulation of ways, and while nothing of a collection are unique, as a whole, it becomes a absolute and versatile¹¹⁰ focus (try browsing Dribbble, acid for shots tagged “Fireworks¹¹¹“):

• For example, Fireworks can be used to assistance we emanate modern, manageable websites, both during a UX and communication settlement stages¹¹² and during a visible settlement stage¹¹³, as this minute box studies (by Olawale Oladunni) proved.


• Fireworks can be extended in a accumulation of ways and even if a core of a app is not removing any vital updates from Adobe, extensions can continue supplement new functionality. In this regard, projects like Project Phoenix¹¹⁴ are unequivocally important, as good as a vast series of extensions, published by John Dunning¹¹⁵, Aaron Beall¹¹⁶, Matt Stow¹¹⁷, Trevor McCauley¹¹⁸, and many other prolongation developers.


• Fireworks can be used for wireframing and prototyping¹¹⁹, web design, UI design, idol design, mobile apps settlement (for both Retina and non-Retina screens), and shade illustration. Since in a core Fireworks is a absolute matrix settlement tool, scaling to any shade fortitude is not an emanate (plus, it supports SVG¹²⁰).


• And while Fireworks excels with vectors, it can also revise bitmaps, too — no need to switch to another apparatus if we need to quick make a few tone improvement to an alien striking or if we need to stand it/mask it, etc. (This is one of a categorical differences between Fireworks and a few of a complicated alternatives, such as Sketch¹²¹).


• What about partnership with Fireworks? Fireworks can perform equally good in particular designer’s workflows and when used by vast settlement teams¹²². With a assistance of settlement pitch libraries¹²³ and character beam pitch libraries¹²⁴ a partnership routine can turn even easier.


• Does Fireworks have some problems? Yes! Its final chronicle (CS6) was expelled in 2013 and while it works glorious on latest Windows OS and Mac OS X, it has some issues — for example, prejudiced disfavour with Retina MacBook Pros (there is some “pixellization” in a interface), and inability to use some-more than 2 GB of RAM (Fireworks works good on 32bit and 64bit machines, though given it’s a 32bit application, there are boundary as to how many memory it can handle). And it has a few bugs, of march (but that app doesn’t?).

¹²⁵

This is a 100% matrix illustration, combined with Fireworks (and with a lot of love) by illustrator Isabel Aracama¹²⁶⁷¹. Make certain also to check a incomparable original¹²⁷ or a formidable matrix outlines¹²⁸!

Alternatives to Fireworks?

You can continue to use Fireworks today, though as we mentioned earlier, it’s a good thought to start looking for alternatives. And there are a few UI settlement collection that competence turn earlier or after flattering good replacements to Fireworks.

Here are 4 of them:

• Sketch¹²⁹ (by Bohemian Coding¹³⁰) is UI settlement apparatus for Mac which, as of chronicle 3.0, has integrated many of a facilities that usually Fireworks had until now. Its matrix collection are utterly absolute and it has symbols, pages, artboards, styles, and many other collection that should assistance UI designers be some-more efficient. It feels a bit unhappy that it’s for Mac OS X usually (sorry, Windows users!), and a bitmap modifying abilities are unequivocally limited, though if you’re on a Mac and work mostly with vectors, give it a try — we substantially will like it! (And it’s not unequivocally expensive, too; Sketch 3.0 costs $79.00, as distant as we know).


• Project EvolveUI¹³¹ is still in alpha growth theatre and is a comparatively new open source plan by Alan Musselman¹³²⁵⁶. You can join a google organisation of a project¹³³ if we wish to exam a early builds and plead a benefaction and destiny features. EvolveUI shade settlement apparatus will be means to run on Windows, Mac OS X and Linux, and will be tailored privately for UX and UI designers, information architects and web developers. Sounds promising!


• Skala¹³⁴ is a plan by Marc Edwards¹³⁵. This UI and idol settlement apparatus promises to broach a singular mix of vector, bitmap and 3D abilities. Today Skala is in a sealed beta stage¹³⁶, though a open beta will expected be open before a finish of 2014. So distant a skeleton of a group are to make a Mac-only version, though maybe a Windows chronicle competence be deliberate during some indicate in a future, too.


• Gravit¹³⁷ is a new UI settlement apparatus for Windows and Mac (developed by Quasado¹³⁸) that is now in beta stage¹³⁹ though should be expelled to a open unequivocally soon, in August. It promises utterly a few facilities that competence reinstate Fireworks, and will be totally giveaway until chronicle 2.0¹⁴⁰ is released. You can get a early news in a newsletter¹⁴¹ or on Twitter (@gravit_io¹⁴², @quasado¹⁴³).


• (last-minute click) Affinity Designer¹⁴⁴ is a new UI settlement apparatus for Mac, now in open beta stage¹⁴⁵. You can try it for giveaway or follow a news around a @MacAffinity¹⁴⁶ Twitter account. The apparatus promises to be unequivocally fast, with a strong set of matrix and bitmap modifying tools, tradition automobile shapes, and with glorious harmony with PSD, AI and SVG record formats.

So, do we use Fireworks in your work? Have we recently found a good choice to it? It’d be good if we could share your practice with a apparatus in a comments territory below.

A special interjection goes to Vitaly Friedman¹⁴⁷ who helped me accumulate this endless list of Fireworks resources and who desirous me to write this article!

(mb, ml, il)

Footnotes

1. 1 http://www.smashingmagazine.com/2014/07/18/useful-adobe-fireworks-resources-extensions-part1/


2. 2 #tutorials


3. 3 #articles


4. 4 #assets


5. 5 #conclusion


6. 6 http://www.sipepdesign.com/brushed-metal-effect-in-adobe-fireworks/


7. 7 http://en.wikipedia.org/wiki/Brushed_metal


8. 8 http://www.smashingmagazine.com/wp-content/uploads/2013/01/brushed-metal-effect-large-opt.jpg


9. 9 http://www.smashingmagazine.com/wp-content/uploads/2013/01/brushed-metal-effect-large.jpg


10. 10 http://www.smashingmagazine.com/wp-content/uploads/2013/01/brushed-metal-effect-editable.fw_.png


11. 11 http://ivomynttinen.com/blog/how-to-achieve-pixel-perfection-in-your-designs-with-adobe-fireworks/


12. 12 http://twitter.com/ivomynttinen


13. 13 http://www.smashingmagazine.com/2012/12/03/design-ios-apps-with-adobe-fireworks/


14. 14 http://vimeo.com/12117144


15. 15 http://dribbble.com/rogie


16. 16 http://vimeo.com/12117144


17. 17 http://vimeo.com/12117144


18. 18 http://dribbble.com/shots/22289-rainboxx-de-Logo


19. 19 http://vimeo.com/12052458


20. 20 http://vimeo.com/12052458


21. 21 http://vimeo.com/12052458


22. 22 http://vimeo.com/14613707


23. 23 http://vimeo.com/14613707


24. 24 http://vimeo.com/14613707


25. 25 http://fireworks.abeall.com/extensions/commands/#Modify


26. 26 http://firetuts.com/adobe-firework-brushed-metal-apple-icloud-logo/


27. 27 http://firetuts.com/adobe-firework-brushed-metal-apple-icloud-logo/


28. 28 http://firetuts.com/


29. 29 http://www.adobe.com/devnet/fireworks/articles/masking_preso.html


30. 30 http://twitter.com/jimbabbage


31. 31 http://www.adobe.com/devnet/fireworks/articles/masking_preso.html


32. 32 http://www.adobe.com/devnet/fireworks/articles/masking_preso.html


33. 33 http://firetuts.com/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/


34. 34 http://dfever.deviantart.com/


35. 35 http://firetuts.com/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/


36. 36 http://www.creativebloq.com/design/8-essential-fireworks-tips-web-design-8116855


37. 37 http://www.creativebloq.com/net-magazine


38. 38 http://twitter.com/snookca


39. 39 http://fwpolice.com/tutorials/easy-odometer-icon/


40. 40 http://fwpolice.com


41. 41 http://fwpolice.com


42. 42 http://fwpolice.com/category/vectors/


43. 43 http://fwpolice.com/category/tutorials/fireworks/


44. 44 http://www.smashingmagazine.com/2012/05/07/refining-designs-adobe-fireworks/


45. 45 http://twitter.com/bdc


46. 46 http://www.smashingmagazine.com/2012/05/07/refining-designs-adobe-fireworks/


47. 47 http://www.senocular.com/fireworks/tutorials/mighthavemissed/


48. 48 http://www.smashingmagazine.com/2013/12/19/present-future-adobe-fireworks/


49. 49 http://www.senocular.com/fireworks/extensions/


50. 50 http://www.senocular.com/?entry=805


51. 51 https://github.com/senocular/fireworks-extensions


52. 52 http://www.idux.com/2011/02/27/what-are-index-and-alpha-transparency/


53. 53 http://twitter.com/davehogue


54. 54 http://red-team-design.com/png8-alpha-transparency-using-adobe-fireworks/


55. 55 http://www.fireworksguruforum.com/


56. 56 http://twitter.com/AlanMusselman


57. 57 http://qrayg.com/learn/fireworks/


58. 58 http://twitter.com/craigerskine


59. 59 http://ivomynttinen.com/blog/the-endless-fireworks-vs-photoshop-battle/


60. 60 http://twitter.com/ivomynttinen


61. 61 http://twitter.com/ivomynttinen/status/469770238645764096


62. 62 http://alistapart.com/blog/post/design-tools-for-todays-web


63. 63 http://www.smashingmagazine.com/2010/09/17/the-power-of-adobe-fireworks-what-can-you-achieve-with-it/


64. 64 http://theoatmeal.com/


65. 65 http://rog.ie/about


66. 66 https://dribbble.com/designers


67. 67 http://rhworks.com/


68. 68 http://qrayg.com/


69. 69 http://craigerskine.com/category/fw-png-week


70. 70 http://www.hicksdesign.co.uk


71. 71 http://dribbble.com/shots/852176-2D-Vector-Illustr-Kawasaki-Vulcan-Full-view-Fireworks-CS5


72. 72 http://dribbble.com/shots/839807-Aston-Martin-DB5-In-Vectors


73. 73 http://dribbble.com/shots/589830-Iron-Man-Mask


74. 74 http://www.reinegger.net/50_reasons_not_to_use_photoshop_for_webdesign.html


75. 75 http://www.reinegger.net/adobe_fireworks_a_super_hero_that_is_hard_to_kill.html


76. 76 http://www.reinegger.net/adobe_fireworks_a_super_hero_that_is_hard_to_kill.html


77. 77 http://boagworld.com/design/fireworks-vs-photoshop/


78. 78 http://headscape.co.uk/


79. 79 http://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choose-fireworks-over-photoshop/


80. 80 http://www.dragnet.se/webbdesign/websitewireframes.html


81. 81 http://craigerskine.com/category/fw-png-week


82. 82 http://twitter.com/craigerskine


83. 83 http://craigerskine.com/blog/fw-png-week-32


84. 84 http://dribbble.com/shots/1621605-Dribbble-Records-Fireworks-PNG-freebie


85. 85 http://dribbble.com/shots/63189-Dribble-Records-2010-2


86. 86 http://www.smashingmagazine.com/wp-content/uploads/2013/01/dribbble-vinyl-record-large-opt.png


87. 87 http://www.smashingmagazine.com/wp-content/uploads/2013/01/dribbble-vinyl-record-large-opt.png


88. 88 http://www.smashingmagazine.com/wp-content/uploads/2014/07/dribbble_vinyl_record_freebie.fw_.png


89. 89 http://dribbble.com/shots/691537-Dark-UI-Kit-Full-Fireworks


90. 90 http://dribbble.com/zindustry


91. 91 http://www.smashingmagazine.com/wp-content/uploads/2013/01/dark-ui-kit-preview-large-opt.png


92. 92 http://creativemarket.com/shiienurm/12654-Simple-User-Interface-Kit


93. 93 http://twitter.com/shiienurm


94. 94 http://www.idux.com/2011/08/17/instant-hipster-photo-styles/


95. 95 http://twitter.com/davehogue


96. 96 http://dribbble.com/shots/190877-Fireworks-Photo-Styles-FTW


97. 97 http://www.webportio.com/elements/


98. 98 http://dribbble.com/neryx


99. 99 http://www.smashingmagazine.com/wp-content/uploads/2014/07/webportio-screenshot-large-opt.png


100. 100 http://fireworks.abeall.com/library/


101. 101 http://twitter.com/AaronBeall


102. 102 http://twitter.com/ivomynttinen


103. 103 http://ivomynttinen.com/blog/why-i-shut-down-fireworkslab/


104. 104 http://www.smashingmagazine.com/2014/07/18/useful-adobe-fireworks-resources-extensions-part1/


105. 105 http://www.smashingmagazine.com/category/fireworks/


106. 106 http://www.smashingmagazine.com/2013/12/19/present-future-adobe-fireworks/


107. 107 http://www.isfireworksbetterthanphotoshop.com/


108. 108 http://johndunning.com/fireworks/about/SVG


109. 109 http://fireworks.abeall.com/extensions/commands/Export/


110. 110 http://www.smashingmagazine.com/2012/06/11/developing-a-design-workflow-in-adobe-fireworks/


111. 111 http://dribbble.com/search?q=fireworks


112. 112 http://www.smashingmagazine.com/2013/08/26/mojo-motors-responsive-redesign-with-adobe-fireworks-part-1/


113. 113 http://www.smashingmagazine.com/2014/03/24/mojo-motors-responsive-redesign-with-adobe-fireworks-part-2/


114. 114 http://projectphoenix.io/


115. 115 http://johndunning.com/fireworks/


116. 116 http://fireworks.abeall.com/extensions/


117. 117 http://mattstow.com/fireworks.html


118. 118 http://www.senocular.com/fireworks/extensions/


119. 119 http://www.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/


120. 120 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#exportcommands


121. 121 http://dribbble.com/shots/1434819-TurboPad-v3?list=usersoffset=0


122. 122 http://www.smashingmagazine.com/2012/10/12/adobe-fireworks-enterprise/


123. 123 http://www.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/


124. 124 http://www.smashingmagazine.com/2014/04/28/collaborating-with-adobe-fireworks-on-large-design-teams/


125. 125 http://www.smashingmagazine.com/wp-content/uploads/2014/07/2011-kawasaki-vulcan-original-and-outlines-large-opt.jpg


126. 126 http://dribbble.com/shots/852176-2D-Vector-Illustr-Kawasaki-Vulcan-Full-view-Fireworks-CS5


127. 127 http://www.smashingmagazine.com/wp-content/uploads/2014/07/2011-kawasaki-vulcan-original-large-opt.jpg


128. 128 http://www.smashingmagazine.com/wp-content/uploads/2014/07/2011-kawasaki-vulcan-outlines-large-opt.jpg


129. 129 http://www.bohemiancoding.com/sketch/


130. 130 http://www.bohemiancoding.com/


131. 131 http://tribaloid.com/


132. 132 http://twitter.com/AlanMusselman


133. 133 https://groups.google.com/forum/#!forum/underdog-discussions


134. 134 http://bjango.com/mac/skala/


135. 135 http://twitter.com/marcedwards


136. 136 http://bjango.com/mac/skala/


137. 137 http://gravit.io/


138. 138 http://twitter.com/quasado


139. 139 http://us8.campaign-archive2.com/?u=75ff003d79c86ba72f9eb1765id=e3ff6c8a6f


140. 140 http://twitter.com/quasado/status/487618631711608832


141. 141 http://gravit.io/#newsletter


142. 142 http://twitter.com/gravit_io


143. 143 http://twitter.com/quasado


144. 144 http://affinity.serif.com/


145. 145 https://affinity.serif.com/#beta-form


146. 146 http://twitter.com/MacAffinity


147. 147 http://twitter.com/smashingmag

↑ Back to topShare on Twitter

Useful Adobe Fireworks Resources: Tutorials, Articles And Freebies (Part 2)