Help - Search - Members - Calendar
Full Version: My First Animated GIF
Forums > Resource Center > Showcase Booth
xTHExDUDEx
You'll need to force refresh to start the animation again (shift+refresh)



I made it for a friend that is promoting his own rock music nights.
It's on his myspace page just now.

So yea, Imageready was assimilated into Photoshop CS3, it now has a nifty frame tool for creating animated GIFs.
It was fairly easy to pick up and start making frames straight away.

This is my first ever animated GIF, pretty simple I guess; I created around 50 layers in PS, each layer representing another frame, as each layer keeps all the data from the last I simply duplicated the last layer all the way to 50(ish).

To achieve the fade up affect I simply started opacity at 3% then 5%, 7% etc for a slow fade up then I raised the opacity intervals higher every few layers.

This is probably dot-to-dot to a lot of you's but I'm chuffed I can make GIFs now :D
SarahxJoy
It's nice and simple, and the message being sent is clear. happy.gif The only thing that kind of bugs me is the length of the "I" above the heart. It almost looks..too short to me, like it should be longer to be seen better as an "I". Or something. mellow.gif But it's nice. :)
xTHExDUDEx
I see what you mean but I think it's an illusion caused by it not being on a white background so it makes you think it's somewhat squashed when infact it's the same size as the rest of the text.

Thanks for commenting :D
YourSuperior
That's pretty good for your first graphic animation. It's pretty simple and clean. Good job! Make more! biggrin.gif
The Markster
I just like the chrome heart.
heyyfrankie
it's really good for not using flash.
doing it on photoshop/imageready is so much more tedious. wacko.gif

but the fading effect is nice. _smile.gif
and i thought the same thing abtout the "i" sweating.gif

and i would have put the loop setting on "forever" and set the last frame to 5 seconds.
xTHExDUDEx
I didn't make the heart, scooped it from a google pic search.
I have this animation set as the header on a myspace page so it's better to have it on "once" rather than "loop" I think.

If I put the last frame to 5secs it would just take 5secs longer to become a small amount blacker, do you mean extend the fade of "ROCK"?

Yea, I have a kind of biased against flash, I like to keep my work as accessible as possible. I think flash is a really great thing but I enjoy the challenge of recreating flash, java etc with css/html probably because myspace got me into coding.

EDIT: The last 2 frames are 85% then 100% opacity.
SinfullySweet
I think the really big and blocky font doesnt go well with the shiny red heart mellow.gif
xTHExDUDEx
Cheers everyone, this is my first so there'll be plenty other drafts brfore I'm happy with it too, but as for the "short" "I", scroll down til there is just a few pixels of white above the "I" instead of the forum colours and you should see that it doesn't look as short.
CharlieT
This is really cool.


I wish I could do that...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.