Why Fireworks?

I am learning Photoshop for the web and was moving to Dreamweaver tutorials.
I do not understand why one needs Fireworks. Why do you need to build a prototype of a site, if you can move directly from PShop to Dreamwaver?
Thanks.

Jim, Pixlor: Okay, I see what you mean about people expecting Fireworks to convert the site well and why Adobe calls it prototyping. In that case Photoshop and Fireworks can both prototype so Adobe should stop making confusing claims. Fireworks is an excellent design software first - anything else that it additionally offers are bonuses.
Pendue: Dreamweaver doesn't really "do the rest", you still need to learn HTML and CSS to create professional websites - Dreamweaver does help (like a lot of other website development software) but you need to help yourself by learning to code websites a little - its not that tough and is amazingly interesting :-) I can see that you were searching for reasons why Fireworks can be used and when. Well there are several reasons one of which I was trying to highlight and it got lost in the whole scenario about prototyping. Fireworks is a vector based design software that was made for web design because it renders as for the web. It also rivals illustrator when it comes to graphic design and is better when it comes to designing graphics and vectors for the web because of its pixel perfect vector control. Its not great for photo manipulation and comes nothing close to what Photoshop has in the special effects department. But there are some pretty good reasons to use it in tandem with Photoshop.
A)  Fireworks is easy to use and not as complicated as Photoshop. Hard to admit but I've tried using Photoshop in the past 6 years occasionally to design a complete website but every-time I'm stumped by why its so difficult to work with. To name a few:
Vectors are not vectors but masked layers. Duh?! Beats me why Adobe never used the drawing capabilities of Illustrator in Photoshop?
You can't click and select a visible item. You need to click its layer, super weird. Especially when you have a couple of hundred layers - boy are u lost. Comparatively Fireworks can not only select any visible item on clicking but you can even select items hidden behind other items using the "Select Behind Tool". In PS you never know what is selected but in FW the selection can be visibly discerned.
Gradients are difficult to manipulate in PS. In Fireworks they are easy to use and you can visually manipulate them easily with the Gradient handles that appear.
Some simple filters that are non-destructive in FW are destructive in PS. For example Convert to Alpha.
Neither stroke nor fill can be given without popping a panel. Shouldn't it be visible and changeable with an eye-dropper by instinct.
Undo steps (Ctrl-z) is just 2. Super weird. You need to use history panel constantly.
Subselection and moving of grouped items not possible without ungrouping and selecting layer.
In short: Photoshop requires too many steps for too many tasks.
B) Vector shapes and manipulation are too basic - check out the autoshapes in Fireworks - they make your job so easy. Especially the ease with which you can change properties like roundness, sides, corner type, etc. whenever you want. And in PS you can't do any sort of multiple vectors manipulation. In FW you just need to click and drag with the sub-selection tool to select any number of points belonging to any number of vectors in the area selected. Its a must to try out the Path Panel features and the advanced autoshapes in the Shapes panel to see its unique features (sorry too many to discuss). The reason I have put the vector capability as a separate point is because a huge part of website design involves drawing shapes which should preferably be vectors. The more you learn website design the more you'll get the hang of creating amazing high-impact designs built with dozens of subtle tiny effects - that's what Web 2.0 design is all about - subtlety and elegance.
C) Control over your elements is amazing in Fireworks - You have everything at your fingertips the dimensions, the positions, effects, color, stroke, you name it: mostly everything is right there for you to see in the properties panel. If you seek pixel perfection FW is the perfect tool. Finally: Slicing, optimizing and exporting your images is extremely easy (easier than PS if I dare say).
Hope this helps.
- Anita
Important note to the other expert designers - I hope I haven't been too critical of Photoshop - I know most designers use Photoshop with élan. I really would love to love Photoshop but I find it so difficult to get along with ;-) and so I use it only for creating photo effects and jazzy backgrounds. I guess rapidly designing in Fireworks for 11 years has made me a bit impatient with PS. I tried reading dozens of tutorials in futility and I've never been good at using or remembering shortcuts.  If I've made errors in the points above please point them out.

Similar Messages

  • Why does the Fireworks save for web function give better results than in Photoshop?

    Having used the trial version of Fireworks, I have noticed that the save for web function gives greater compression and image quality than saving for web in Photoshop. Why is this?
    As Adobe are not continuing in developing Fireworks, does anyone know if will they will improve the save for web function in Photoshop to match the Fireworks version?
    Are there any third party companies who anyone can recommend who will process large volumes of images for web?
    Thanks

    One of my favourite topics ;-P
    First, the save for web function in Photoshop has not seen any real updates in a long time. In Fireworks PNG export allows for fully transparent optimized files with indexed 256 or less colours, which is impossible in the save for web function in Photohop. It is unsupported.
    This is one of the reasons why Fireworks does a much better job than Photoshop. Another reason is that Photoshop adds meta junk in its exported files, and this also increases the file size (and should be removed, because there are also a number of fields which include information about your setup).
    One other caveat is that Photoshop's save for web functions neither allows for a choice in chroma subsampling, and instead decides automatically below a certain quality threshold to degrade the colour sharpness quality. The user has no control over this. (Fireworks also limits the user this way.)
    One thing to be careful of: FW's jpg quality setting, and PS's quality settings are very different - a 50 in Photoshop is not the same 50 setting in Fireworks.
    For jpg optimization I generally use RIOT (free): http://luci.criosweb.ro/riot/
    (When you install, be careful NOT to install the extra junkware!)
    Fireworks cannot change the chroma subsampling to 4:2:0, which does degrade the quality a bit compared to RIOT and Photoshop in my experience. Photoshop adds useless meta information, even if the user tells it not to do that. RIOT allows you to remove that information, saving 6k. RIOT also offers an automatic mode that optimizes existing jpg images without degrading the quality further, and often saves 10k or more, depending on the images.
    Interestingly enough, in my tests exported Fireworks jpg images are always reduced in file size by RIOT, due to FW's jpg export limitations, without any image degradation.
    In my tests FW's jpg quality versus file size turns out to be the worst of all three. RIOT generally wins, or is at least on par with Photoshop.
    As for PNG export, Photoshop's save for web function is quite abysmal. No 256 colour full transparency export is possible, while Fireworks does support this.
    Having said that, there is a free alternative that leaves both Photoshop AND Fireworks in the dust: Color Quantizer. http://x128.ho.ua/color-quantizer.html
    CQ is an amazing little tool: with it anyone can create PNG files with full transparency and reduced to ANY number of colours! It means that a 512 colour PNG with full transparency is now very easy to do. On top of that, for more difficult images a simple quality mask brush tool allows the user to control and retain even small colour details in a PNG, while reducing the file size to an absolute minimum.
    CQ is one of the best kept secrets of a Web Developer's toolkit. And it is free!
    Both RIOT and Color Quantizer have a built-in batch mode. Both are available for WIndows. Not for Mac. If you are on a Mac, try imageOptim. Not nearly as good as RIOT and CQ, but quite passable.
    PS to be fair, the newest versions of Photoshop do allow for export of 8bit PNGs with full transparency through the use of its Generator functionality. But again, it cannot compete with CQ. And as far as I am aware, Generator cannot be used in Photoshop's batch processing (which, btw, is very slow! For simpler daily image processing tasks I have to do in batches, I prefer IrfanView, which is lightning fast! IrfanView).

  • Can you DEBUG Fireworks files?

    I've created a flyout menu using Fireworks. When I "test" the
    flyout from Fireworks it appears to work fine - all levels of the
    menu working as I had designed. I integrated the nav menu into my
    Dreamweaver template for a client's website and FTP'd the results
    to the test site.
    Unfortunately, once up on the website, the menu doesn't work
    as expected. The first level menu structure works (on mouseover the
    2nd level menu's "flyout") - but the 3rd level menu's do not work
    at all. I also find that after navigating away from index.html the
    2nd level menus stop working!
    I'm trying to find out how to debug the entire process to see
    why Fireworks won't integrate properly with the Dreamweaver
    template I integrated the Fireworks file into. If anyone has any
    ideas I'd appreciate a shout...
    The website can be found at:
    http://www.illinoiscccs.org/web/ssl/index.html
    if anyone would like to see the problematic site...
    Russ Foszcz

    quote:
    Originally posted by:
    r.foszcz
    I've created a flyout menu using Fireworks. When I "test" the
    flyout from Fireworks it appears to work fine - all levels of the
    menu working as I had designed. I integrated the nav menu into my
    Dreamweaver template for a client's website and FTP'd the results
    to the test site.
    Unfortunately, once up on the website, the menu doesn't work
    as expected. The first level menu structure works (on mouseover the
    2nd level menu's "flyout") - but the 3rd level menu's do not work
    at all. I also find that after navigating away from index.html the
    2nd level menus stop working!
    I'm trying to find out how to debug the entire process to see
    why Fireworks won't integrate properly with the Dreamweaver
    template I integrated the Fireworks file into. If anyone has any
    ideas I'd appreciate a shout...
    The website can be found at:
    http://www.illinoiscccs.org/web/ssl/index.html
    if anyone would like to see the problematic site...
    Russ Foszcz
    Russ,
    Lots of people post because they have trouble with Fireworks
    menus. Usually, these people want a magic fix or are willing to
    spend days in the belief that it "just has to work, somehow!" (For
    example, this thread:
    Help
    with Rollovers and Hotspots for Drop Down Webpage Menu...)
    Fireworks is primarily a graphics application. What you're
    doing is making code. The best environment for that is a coding
    environment. You should build menus in Dreamweaver. That said,
    there are professional plug-ins to Dreamweaver that will make the
    job of building menus easier as well as very robust.
    Here are two sites that have menu plug-ins for Dreamweaver:
    Pluginlab
    Limited
    Project Seven
    The Project Seven menus are regularly recommended, but I have
    no personal experience with either of them.
    Good luck!

  • After installing Fireworks CS3, IE shows the download dialog instead of opening PNG images

    After installing Fireworks CS3, when clicking a link to a PNG
    image, IE displays a download dialog instead of opening the image.
    I am not sure why Fireworks becomes the default file handlers of
    PNG and GIF without asking or notifying the user during
    installation, but I think this is the cause.
    Does anybody know how to fix the problem?
    Thanks,
    Franklin Tse

    Fireworks uses a form of .png as its native file format
    (which many people find unfortuante) The Fireworks format includes
    some additional information, allowed by the specification, so you
    want to make sure that, if you want a .png for the Web, you
    export from you Fireworks image, not just
    save.
    In any case you can re-associate the file types. Exactly how
    you re-associate file types depends on your OS.
    In Vista, right click on a .gif and select 'Properties.'
    Under 'Type of file', click on the 'Change'
    button and change the associate application. Make sure the
    checkbox next to 'Always use the selected program to open this kind
    of file' is checked.

  • Fireworks super slow opening pdf files

    I am opening the first page of a bunch of pdf files and then batching them into thumbnails. This is relatively quick when I do it on my laptop but when I try and do this on my desktop, it almost takes 20 minutes per file to open. I can open these same files in photoshop in about 5 seconds.
    Any ideas why Fireworks on one machine would be slower? Same version my desktop has a little more RAM so it should be faster if anything. Rebooted the computer and still super slow without any other apps running.

    If you would like to file a bug report or suggestion, you can do it here: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

  • Fireworks cs4 save as psd problems

    Hi all, 1st post on here.
    Anyway, I use fireworks for all my design comps, it does just what i want.
    However, i have been doing some design only work reasently and the work is always requested as a psd!
    I dont really understand photoshop to be honest, so dont want to design in it. I have tried 'save as psd' from fireworks cs4 but the results are unusual!
    Gradients dont appear unless flattened, and the strokes on some paths are missing as well. There are probably more errors that i have yet to spot.
    Am i doing something daft here?
    All help greatly appreciated.

    Fireworks CS4 should save as .psd (Photoshop CS4 version). I see the problem with gradients, though... (Hopefully, next version of Fireworks -- CS5 -- will address some of these problems, when saving as PSD.)
    Fireworks is not perfect when saving PSD. PSD is native Photoshop format, so this is the reason why Fireworks cannot save so well in it.
    If you do serious design work and they request from you .psd, I suppose, Photoshop will do much better job for you... Yes, it is much more difficult than Fireworks, it is not so intuitive, but that's the best I can think of...
    I work as a Web designer for many years, and I always used Fireworks in my work. However, if I receive a design as .psd, Fireworks can open it very well. And I never needed to produce designs in .psd, I make my own design often, or I simply code other designer's PSD files, as CSS/XHTML...
    Unfortunately, I can't help you much in this... Maybe some other Fw guru will be able to do better!

  • Fireworks 8 + Vista : color depth ?

    Hello,
    Do anyone know why Fireworks 8 can't manage Vista Aero and
    make it switch to "standard" Vista setup ?
    How to change that ?
    Has FW CS3 the same problem ?
    Tanks for the information

    I've been getting this a lot lately (new RDP Client that came out recently??)
    A server that I connect to, occasionally has a congested link.. only for a few moments.. but the RDP session will blink, and drop down to 256 colours - Outlook/Office is VERY ugly and unusable
    I have to disconnect, and reconnect to get back to 16bit colour
    I'm using the MS Remote Desktop Connection Manager - although I'm pretty certain that just leverages the current MSTSC client
    Windows 7SP1 Workstation
    Shell Version 6.2.9200
    Control Version 6.2.9200
    Remote Desktop Protocol 8.0 Supported (in the help-about of mstsc)
    Connecting to a 2008R2 RDS Server
    Checking MSTSC on it, and I see it's a bit older
    Shell 6.1.7601
    Control 6.1.7601
    RDP 7.1 Supported
    I've been connecting to this RDS server for the last year or so.. and this display-bit-dropping has only started happening in the last month or so.
    RB

  • Crash Upon Quit

    Can anyone explain why Fireworks CS4 might crash upon "Quit"?
    It makes me RALLY nervous and it happens EVERY time.
    I quit out of the application via key command or menu exit and I it crashes ... prompting me to report or restart the application.
    Is it a prefs thing?
    If so ... how do I ditch the old one and create a new one?
    I could not find it.
    help?
    thanks to any and all.
    - marc

    lol ... that's exactly what I was thinking.
    They are introducing the CS5 suite today actually.... so ... I'll sit tight and wait.
    I have had similar problems with AfterEffects and Premiere.
    I've COMPLETELY uninstalled and reinstalled the CS4 suite and I still have issues with those two.
    Now three with Fireworks.
    Thanks Linda.
    - m

  • How to transfer (copy/move/paste) group layer to another page or file?

    Hi
    I wanted to transfer a set of group layer to another page in Fireworks CS5, how can I do that?
    When I try to copy paste, it doesnt paste as a group instead paste as layers, then I have to again group it and name it Why Fireworks doesn't understand that I have copied a set of group layer?

    You can share a layer to another page in Fireworks by selecting the layer in the Layers panel, then clicking on the small fly-out menu in the upper-righthand corner of the Layers panel and choosing "Share Layer to Pages". This opens up a two-column dialog, where can select the new page and add it to the right-hand column, "Include layer to page(s)".
    As far as moving a layer into another file, you may need to use a Command like "L - Copy to Next Doc" from John Dunning's Frame and Layer Utilities command set:
    http://johndunning.com/fireworks/about/FrameLayerUtils

  • Crashing when saving using type tool

    Hi,
    Has anyone else found an answer to why Fireworks CS5 crashes when using the type tool and saving?
    I saw this thread but there is still no real resolution:
    http://forums.adobe.com/thread/493212
    Cheers

    Hi Steve,
    Its CC and it was working perfectly.
    I was on OSX Mavericks when I last edited documents.
    I've updated the OS to Yosemite a few days ago. Illustrator and Photoshop worked perfectly on Yosemite.
    I also installed a few fonts, which worked on Illustrator, if that's of any help.
    I've uninstalled all the recent additions and tried using InDesign afterwards, but its still crashing.
    I can post the error log I receive.

  • Why animated gif not working in webpage designed in fireworks?

    Hi,
    I have 2 questions. Pl. consider me a novice in this field, started just 2 days ago.
    1. I have designed a website page in fireworks cs5, I have added an animated gif in the page and when I preview in browser or export the webpage.png the animated gif's background color is only shown and no animation takes place.  Where as when I run the gif file only in web browser it shows animation. Why the animation doesn't show in the website. However, when i change the selection to "animated gif websnap128" at the bottom of the screen, then every element of the whole webpage alongwith the animated gif start doing animation, that is everyelement changes (animate) from state 1 to state 2 contineously. 
    other question is in new thread.
    thanks for your help.

    The animation needs to be in a seperate slice.

  • Why is it no longer Possible to Copy and Paste files from Illustrator CC to Fireworks?

    Why is it no longer Possible to Copy and Paste files from Illustrator CC to Fireworks?

    What do "normal" AI prefs mean? AICB or PDF compliant? You might wanna try to turn off the latter....
    Mylenium

  • Why do vector graphics appear pixelated when zoomed in, isn't fireworks meant to support vectors?

    I am new to using Fireworks, but I thought it would be great since it has both vector and bitmap support. However, when I work with vector tools and a vector image I imported from Illustrator, if I zoom into the image, it appears as though it's a bitmap. Also, if I were to resize the image down 25% and then bring it back up to a size similar to what it was at, it will look distorted and the quality will have changed? Why is this? I do this in Illustrator with no such results. I thought vectors should be able to be resized up, down, or up and down and they should look relatively the same. Any ideas, what is going on?
    I have screenshots of this happening which I posted on a different forum. But if you want to see the screen shots, go here.
    http://www.sitepoint.com/forums/showthread.php?787277-Help-with-using-CS4-Fireworks-and-Ve ctor-Graphics-They-appear-to-be-pixelated.&s=cd2134478a293cbc045bc150427d5674&p=4968267#po st4968267
    PLEASE HELP. Thanks in advance! I would really like to use fireworks, but with this issue I might have to use illustrator and ditch fireworks all together.
    Josh

    I realized Sitepoint wont let you see the screenshots without logging in (stupid)
    Here is my graphic in illustrator:
    Here is the graphic imported into Fireworks and you can see how bad it looks when I resize it.
    You see how the starting image looks VERY different from the image after the resize. why?!?!?!?!?!??!?

  • Why does fireworks add and extra quote on exporting html and images... looks like this -----  align=""left"

    Hi Adobe Community,
    I had this issue on previous versions of Fireworks.
    Why is it happening? Is there a glitch in the software? I thought it would be fixed in the CC version..
    here is a snippet of code that is exported.
      <td><table style="display: inline-table;" align=""left" border="0" cellpadding="0" cellspacing="0" width="810">
    Basically where ever there is a align="left" it is exported as align=""left"
    This leaves me to do a find and replace to fix the code. Kind of annoying.
    Personally I thought this would of been fixed in this version.
    Please advise and how to fix this and prevent it from happening.
    See screenshots below for my fireworks export settings.
    Please help.

    Anyone out there experience this?

  • Why can't I copy an image or vector from Illustrator CC and paste to Fireworks CS6?

    Why can't I copy an image or vector from Illustrator CC and paste to Fireworks CS6? This was possible with Illustrator CS6. I know they are different versions but since there is no Fireworks CC, is there a fix update???

    Yes, other users have complained about that. Unfortunately, Fireworks' development was halted a year ago, and I would be surprised if Adobe spends any money or time to fix bugs and interoperability issues in Fireworks. I would not expect any real updates or fixes.
    Tough to swallow, but FW is dead in the water and EOL'ed.

Maybe you are looking for