PDA

View Full Version : Animation for web help



Bluemist
14th February 2009, 02:59 PM
Hi,

I created a very simple animation in CS3 Photoshop- renders fine in all the previews etc as soon as I uploaded to the web-it turns to pixelated crappola.
I googled this and people recommended using Fireworks- so I re did the whole thing in FW and guess what same problem.
It's an animated gif format.

Anyone have any ideas?

TIA

Bluemist.

Optogamut
14th February 2009, 03:13 PM
are you previewing in the browser or in Photoshop? Maybe your export settings need changing.

Bluemist
14th February 2009, 04:23 PM
Have previewed in both- and they both look great- then I insert it in the page in DW upload to the net and it bler....
I optimise for web- even if i dont its still bler.

Nexus
14th February 2009, 04:32 PM
What are you saving it as? Can you give us a link to it?

Bluemist
14th February 2009, 04:41 PM
saving it as an animated gif test page with it on is here (http://www.mareejaeger.com.au/test/index.html)

ziggotron
14th February 2009, 05:14 PM
Is it the logo? GIF does not support alpha transparency, it won't be pixelated if you animated the image on a black background.

jubilantjeremy
14th February 2009, 06:00 PM
Is it the logo? GIF does not support alpha transparency, it won't be pixelated if you animated the image on a black background.

This is true..

banjo
14th February 2009, 06:21 PM
Not related to the problem but: don't have a splash page like that. Ever. Nobody wants to see it, and if they have to click it just to see something interesting they'll leave instead, making the rest of your website useless.

Get rid of it and have your front page be something more important: like an example of you best work with links to more examples of your best work.

Domenic
14th February 2009, 06:32 PM
Not related to the problem but: don't have a splash page like that. Ever. Nobody wants to see it, and if they have to click it just to see something interesting they'll leave instead, making the rest of your website useless.

Get rid of it and have your front page be something more important: like an example of you best work with links to more examples of your best work.

+1!

In relation to your problem, however, if you're going to have the image appear on a black background, make sure in the Save for Web thing in Photoshop, you select "Matte" then select "Black" from the drop down menu that appears.

http://img.skitch.com/20090214-fy48thqm6x3cgh9m4mcxn5fbgi.preview.jpg (http://skitch.com/domenicp/bri7h/save-for-web-devices)
Click for full size (http://skitch.com/domenicp/bri7h/save-for-web-devices) - Uploaded with plasq (http://plasq.com)'s Skitch (http://skitch.com)

Bluemist
14th February 2009, 07:34 PM
Of course DOH! Thanks so much.