Welcome To Signs101.com: Largest Forum for Signmaking Professionals

Signs101.com: Largest Forum for Signmaking Professionals is the LARGEST online community & discussion forum for professional sign-makers and graphic designers.

 


  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How how how??

Discussion in 'Adobe' started by PMG, Apr 6, 2007.

  1. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    I am making my first animated gif. and iam trying to save it as low as i can get it,but cant get it below 370 KB with out it looking worse. I need to keep it at 90x728 and have used every option in the (save for web) but when it saves it smaller it looks worse...........!
     
    Last edited: Sep 28, 2007
    Tags:
  2. weaselboogie

    weaselboogie Very Active Member

    3,835
    9
    38
    Apr 23, 2006
    Us
    I designed my last one in corel rave and then brought it into imageready and did a 'save optimized as'. Cut it in 1/3 of the original size. Wasn't too impressed with corel's image quality though, but you couldn't tell a difference after imageready did its work.
     
  3. Fred Weiss

    Fred Weiss Merchant Member

    20,416
    345
    83
    Sep 11, 2003
    Olympia, WA
    As stated, Imageready is made for what you want to do with animation frames and optimizing. Save for Web is more for static images.
     
  4. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    So should i send the PSD to image ready or should i save as a gif,then to image ready?
     
  5. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    Saving from the web option and taking it to Image ready gives me the same size,no change!!! it drops it down about 100kb from the original PSD file size!! the file im working with is 600kb and i have it down to 500 kb and need it down to 150kb YIKES!!
     
  6. weaselboogie

    weaselboogie Very Active Member

    3,835
    9
    38
    Apr 23, 2006
    Us
    This poses a question. Maybe I just don't get it and maybe there is something easier. To animate you move an object, duplicate frame and repeat? And then save layers as a gif. I have never designed an image in imageready, but I have used it to optimize a gif. Please tell me that there is an easier way.

    Rave is much like macromedia flash whereas you want to move an object from one side to the other. You put the object on one side, slide your keyframe out and then move the end piece to where you want the object to stop and select tween.
     
  7. Ken

    Ken Major Contributor

    5,484
    2
    38
    Feb 7, 2005
    BC
    ,.
     
  8. Bobby H

    Bobby H Very Active Member

    1,869
    106
    63
    Feb 4, 2005
    Lawton, OK
    PMG, how many frames are you trying to put into your animated GIF? Most animated GIFs for web display typically have perhaps 5 to 20 frames and use different time settings for each frame to get a greater variety of effects.

    What color mode are you using to save the optimized GIF? If you're using a full 24-bit 16.7 million color palette your file size is going to be a lot bigger. I typically save animated GIFs in the "adaptive" 256 color palette. Nearly everyone surfing the Internet these days has a full 24-bit color display, so the web-safe palette thing is pretty antiquated anymore. The "adaptive" palette just uses the 256 colors most often used in the image and often doesn't look much different than a full color image. You don't see as much dithering in the exported image as you do with the standard web safe palette. If your image has fewer than 256 colors it will drop as many unused colors out of the palette to further shrink file size.

    When I create animated GIFs I usually build the colors and animation in Photoshop. I may begin the artwork in CorelDRAW or Illustrator and then bring those vectors into Photoshop's paths palette to do all the color work (it's a lot more efficient than fiddling with a bunch of alpha channels).

    I wish more forums supported Flash for uploaded images, avatars, etc. Flash just stomps the tar out of animated GIF. There's just so much more capability in the format. Flash 8 added a lot. FlashCS3 is an even more tremendous jump in adopting the full Illustrator vector engine.
     
  9. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    Thanks for the input Ken,LOL:thumb:I still cant seem to get it down,but still plugging away at it,,if anyone has any other ideas or want to give it a go let me know...thanks!!!
     
  10. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    Bobby H. this has 47 frames and I'm saving it from the (save for web) GIF...Perceptual...Diffusion.....Transparency is checked....Lossy @0...
    256 color....88% Dither and 0 Web snap......and if i save it using image ready....its saved as a gif....100%dither and 256 color!!! here is the file I'm trying to get down in size!!!
     
    Last edited: Sep 28, 2007
  11. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    I'm using CS2..........The PSD file before doing any animation on it is 403kb,when i do all the animation it takes it up to 8 MB,and when i (save for web save for optimized) same feature as in Image Ready save for Optimized bring it back down to 604kb,but i need it to be around 150kb,,is there anything else to get it down with out changing the pixel ratio and or images?
     
  12. iSign

    iSign Major Contributor

    13,027
    31
    48
    Nov 29, 2003
    Kahului, Maui
    pro... I can't help you with your question, but besides complimenting you for a cool animation & admitting that it is far more advanced then any I have done... could I be so presumptious to offer a design suggestion anyway?

    The twinkling of the highlights gave me an idea that I think would be fairly easy, & would be subtle enough to not read as busy or overdone... but at the same time might add pop & pizazz beyond what you already have.

    Once the lettering moves into plac & rests there... your animation then focuses on the twinkling & the color change of the sub-copy. Personally I don't find the sub-copy color change to do much for me & the twinkling has an unnatural quality right now. What I think is lacking is a further extension of the underlying concept that if the lettering is not moving, a light source must be moving to provide that twinkle in the reflection. Because you have a bevel & a shadow... assuming you created these with layer styles... it would be quite easy to set up 8 or 10 frames of a gradually shifting light source, applied globally, to all layers with bevels or shadows, resulting in a pan from right to left & back, like under a circus tent with roving spotlights overhead. Add evidence of a subtle spotlight beam crossing over the checkered flag to complete the illusion, & you might wish to adjust your sub-copy animation to fit this idea as well, rather then flashing in an unrelated manner.

    It's easy for me to say it would not be difficult, but of course I don't know that, and while it sounds like a cool idea to me... it may just sound like a lot of work to you... but when I get a flash of an idea... I am compelled to share it, so there you have it.

    What you've got looks really cool & my entire website pales by comparison, so take it for what it's worth.
     
  13. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    Thanks D...It is all done in layers in PScs2,and this is the first animation i have done ,so i will try to do what your suggesting,sound real good and to more of where I'm looking to get to with this design, I'm still on the learning curve of photo shop,so ALL please forgive me for trying to get this where i need it to be!!!!!THANKS!!!!!:U Rock:
     
  14. iSign

    iSign Major Contributor

    13,027
    31
    48
    Nov 29, 2003
    Kahului, Maui
    while you're exploring .gif files... why not make a transparent .gif for the image in your signature & lose that ugly white box? Like my avatar, just delete the white from a .psd file & save as a .gif & be sure "preserve transparency is checked... it will look way nicer!

    (I'll check back in 10 minutes :wink: )
     
  15. iSign

    iSign Major Contributor

    13,027
    31
    48
    Nov 29, 2003
    Kahului, Maui
    ok... 5 more minutes...
    trust me, you'll thank me it'll look so much cooler!!
     
  16. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    I went over this 2 time and i see no white box in the PSD,LOL
     
  17. iSign

    iSign Major Contributor

    13,027
    31
    48
    Nov 29, 2003
    Kahului, Maui
    do you see the white box in your signature?
    [​IMG]

    I changed it from index color to rgb, & changed the layer from background to layer 0... then selected the white with the magic wand... deleted it & saved as .gif with transparency checked.

    I'm tired, catch you later
     
  18. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    YES when open in Cs2 it has a checkered back!! And saved with transparency
     
  19. iSign

    iSign Major Contributor

    13,027
    31
    48
    Nov 29, 2003
    Kahului, Maui
    hmmm... I saw that your signature image came down for a minute & then you put up a new one... I DL'd it again & still find it opening as index color mode in photoshop. I had to change mine to rgb color to get transparency, so maybe that is the missing step.
     
  20. PMG

    PMG Very Active Member

    2,453
    0
    0
    Feb 1, 2005
    Here is a screen shot........................
     
    Last edited: Sep 28, 2007

Share This Page

 


Loading...