17 Replies Latest reply: Oct 20, 2011 5:47 PM by Curtis_E_Flush RSS

    graphics for dreamwaver

    idbendriss

      Hi,

      I am currently learning Dreamwaver and I would like to know what's the best and easiest adobe program to use to prepare graphics for my sites.

      Thanks.

        • 1. Re: graphics for dreamwaver
          osgood_ MVP

          Fireworks in my opinion.

          • 2. Re: graphics for dreamwaver
            JulesN Community Member

            Well, you're going to get a lot of opinions on that one.  I happen to work a lot in PhotoShop and have for years, but I now dabble in Illustrator simply because I can move the elements around off the artboard.

             

            I guess that's why the Webdesign package from Adobe has all three:  Fireworks, PhotoShop and Illustrator.

            • 3. Re: graphics for dreamwaver
              MurraySummers ACP/MVPs

              Use what you work best with, but here's the thing: Fireworks is specifically designed and built to support web graphics and web development.  For example, you can not only build a single page's layout design but you can build the entire site's layout design within a single FW PNG file, using FW's PAGES panel.  In addition, you can specify and design the various states of interactive elements within that single file using FW's STATES panel.  PS is more generic and as a result lacks some of these web-centric niceties.  Illustrator never heard of the web as far as I know (WARNING - I have never used Illustrator!).

               

              So I definitely agree with osgood....

              • 4. Re: graphics for dreamwaver
                Lon Winters Community Member

                Illustrator will export web formats, but it's not meant for page layout and design.

                 

                The designers I work with use it for creating vector art then import that along with whatever else into Photoshop for the actual layout document. I'll then take the PSD and create the web optimized graphics by flattening and cropping, or I'll bring it into FW for slicing.

                 

                PS will also, slice, I just find it easier to do in FW. also, if I'm the one creating the design, I will use FW, because since I'm not really a designer by trade, my designs will less complex

                • 5. Re: graphics for dreamwaver
                  Curtis_E_Flush Community Member

                  Without a doubt Fireworks is the most specifically designed app for producing web graphics.
                  I use it about 40% of the time because I was schooled in Photoshop and have learned to create web graphics using PS, but that doesn't change the fact that Fireworks can and will do a better job of creating web graphics.

                  • 6. Re: graphics for dreamwaver
                    Nancy O. MVP

                    Fireworks can and will do a better job of creating web graphics.

                    Hi Curtis,

                    I'm a Photoshop person.  File > Save for Web > Optimize 'til it hurts picture quality, step back a tad. 

                     

                    If you create and optimize a JPG in Photoshop and one in Fireworks, what differences if any are there between them?

                     

                     

                    Nancy O.

                    Alt-Web Design & Publishing

                    Web | Graphics | Print | Media  Specialists 

                    http://alt-web.com/

                    http://twitter.com/altweb

                    • 7. Re: graphics for dreamwaver
                      MurraySummers ACP/MVPs

                      I have never seen PS produce images as well optimized as FW.  But I'm not an expert on this issue.

                      • 8. Re: graphics for dreamwaver
                        JulesN Community Member

                        I have never seen PS produce images as well optimized as FW.  But I'm not an expert on this issue.

                        OK, I tested this out because I never would have believed that one would optimize better at all.  I took the exact same image and saved both at the same quality and Fireworks came out the winner with 18k and the PhotoShopped file came in at 24k.  I still know PhotoShop better and I don't think this will sway me, but WOW!

                        • 9. Re: graphics for dreamwaver
                          MurraySummers ACP/MVPs

                          Yep - that's my experience too.

                          • 10. Re: graphics for dreamwaver
                            Nancy O. MVP

                            Jules,

                            Thanks for making that comparison test.

                             

                            I know Photoshop PNG-24s are really huge.  But I didn't realize the compression engine overall was so much better in FW.  Good to know.

                             

                            Nancy O.

                            • 11. Re: graphics for dreamwaver
                              MurraySummers ACP/MVPs

                              24bit PNG images are always really huge!

                              • 12. Re: graphics for dreamwaver
                                Lon Winters Community Member

                                That's a valid objective measurement as long as all other things are equal. I would need to find out what setting in PS would produce an 18k file, and then see which one looks better. Practically speaking of course, I doubt anyon would notice any difference at that size - if you can, then case closed, FW wins. If not, you'd need to compare bigger images. Yes, that would take us out of the realm of web graphics, but it would tell the real story. Plus, you'd know you could just reduce the quality setting if you preferred PS to get the same results.

                                • 13. Re: graphics for dreamwaver
                                  Curtis_E_Flush Community Member

                                  My main reason for using PS over FW most of the time (not alaways) is that I have about $800 worth of filters and plugins that are not compatible with FW. Things like several Flaming Pear filters and Alien Skin's Eye Candy stuff.

                                   

                                  When it comes to file size, I haven't seen much difference between an 18kb file and a 24kb file in load time. I try to optimize everything to keep it as small as possible, especially working with galleries where I have upwards of 200 images to load.

                                   

                                  I'm on a piggy backed wireless connection (thanks to a friendly neighbor) and it averages dial up bandwidth most of the time, so I know the pain of big images and slow pages. PS will reduce nicely; FW will reduce better.

                                  • 14. Re: graphics for dreamwaver
                                    John Waller MVP

                                    Same here Curtis. I'm a Photoshop man for similar reasons.

                                     

                                    I've always found the difference in image optimisation between PS and FW interesting but not compelling enough to use FW regularly.

                                    • 15. Re: graphics for dreamwaver
                                      Curtis_E_Flush Community Member

                                      There are things I can use a tiny GIF for ( some backgrounds, li bullets, etc.), and things I cannot (header images). For those where I cannot use a GIF, I use PS and save the jpg for web.

                                      • 16. Re: graphics for dreamwaver
                                        JulesN Community Member

                                        My main reason for using PS over FW most of the time (not alaways) is that I have about $800 worth of filters and plugins that are not compatible with FW. Things like several Flaming Pear filters and Alien Skin's Eye Candy stuff.

                                        Yep... that would be another reason for my not switching.  I have the Eye Candy plug in as well!  Have to see what the Flaming Pears are all about!    I also have a huge amount of investment in PhotoShop courses, NAPP membership, etc.  I guess I feel that there are so many effects that I can do with PhotoShop, that I love the application!  I can always take an image and re-optimize in FireWorks.

                                         

                                        Which brings us back to the initial question... it is worth the investment in the Web suite if you are going to be doing Web design.  Then you can use which ever application does whichever job you need it to do.

                                         

                                        I also highly recommend taking courses, if you want to become a Web designer.  I think I've seen Murray has mentioned that in previous posts. 

                                        • 17. Re: graphics for dreamwaver
                                          Curtis_E_Flush Community Member

                                          Because I work with video, audio, Flash, and graphic editing in the process of putting a site together, I have the Master Collection. But the Web Suite would be just fine for doing graphic and web design.