HOME | DD
cgratzlaff — Icon Tutorial 3: Saving a GIF
Published: 2010-08-30 19:09:39 +0000 UTC; Views: 16121; Favourites: 249; Downloads: 209
Redirect to original
Description
Part Three: Saving Your Animation as a GIFIf anyone has any questions, feel free to ask! There's no way I could cover everything, so if anyone feels confused by anything, I'll answer all your questions. C:
Part 1: Part 2:
EDIT: ~Nashida pointed out that in order to save in ImageReady, you have to go to File > Save Optimized As in order to save your animation for the web.
Related content
Comments: 102
Oh good, I'm glad you figured out a way around it! I have no idea why it wouldn't let you import the .gif though! I know it's a little tricky because you have to find an "invisible" file because the import video frames only recognizes video files when you browse, but you should be able to start typing the .gif filename. It should show up, I dunno why that wouldn't work. :I
What version of Photoshop do you have?
Love the avatar, too! Heehee the little feather.
👍: 0 ⏩: 1
It's probably because I use a mac d: and I used both Flash and Photoshop CS4 for it 
👍: 0 ⏩: 1
Well I'm glad you went for an animation more challenging than a jumping icon! It turned out great.
👍: 0 ⏩: 1
Hehe thanks, I've been animating in Flash for a while now but I never really tried to do a personal work, wierd eh d: I suppose having to animate and work in flash for my job all the time, makes me tired of it *gg*
👍: 0 ⏩: 0
coool, it went okay till I have to import the file to Photoshop. When I open Photoshop and choose Video frames to layers, the .Gif is not clickable :/ so I cant import it to PS? Is there maybe something I did wrong with the publish settings or? IDK what I did wrong >3< or do I have to import a different filetype?
👍: 0 ⏩: 0
This was such a helpful tutorial! Thanks so much
👍: 0 ⏩: 0
Waah, yay! This has been so awesomely mega helpful! Thanks for uploading this. I had a go of it myself...I never realised how many layers and stuff you needed to do XD lol Thanks so much again, this has really been a great help :3 Hehehe, here's the one I did [link]
And Bling looks totally awesome too, hahah XD How very addictive
👍: 0 ⏩: 0
Wow 
👍: 0 ⏩: 1
Well then you're very welcome! x) I'm glad it helped! 8D
DO YOUR HOMEWORK
👍: 0 ⏩: 0
[link]
Gosh I fail so hard. D:
👍: 0 ⏩: 0
Wow, you made it look so simple!
And just look at how many of these are popping up now! The number of jumping icons is jumping!
👍: 0 ⏩: 1
I know, it's awesome! I love that so many people are actually understanding how to animate this. 8D
👍: 0 ⏩: 1
Almost makes me want to try it myself now!
...Almost.
👍: 0 ⏩: 0
I DID IT!!
[link]
Thank you for putting up the tutorial! I couldn't have made it so quickly and easily without your helpful info 
How did I do?
👍: 0 ⏩: 0
These are really well done tutorials! Thanks for hosting them
👍: 0 ⏩: 1
Did it and it works! :yay: eeexecpt for the fact that I am unable to upload it into Photoshop. I'm running PS CS4 and I'm only able to upload avi, mov, and mpegs to it. Is there any way I can upload gifs to it?
👍: 0 ⏩: 1
Just do what I said in the tutorial; start typing in the name of your file and it should show up as a .gif in the dropdown box. C: Photoshop only recognizes video files but it will load your .gif too. 8D
I want to see it when you're done!
👍: 0 ⏩: 1
👍: 0 ⏩: 1
Wow, it turned out great! Very smooth, good job! And the wings look like they're flapping. You totally got the hang of it. x) I'm so proud, haha. C':
👍: 0 ⏩: 1
Yeey~! <3
The wings flapping was a mistake but I managed to make it work x3 Heehee I'm happy.
👍: 0 ⏩: 1
lol sometimes mistakes turn out to be better than you originally intended! X)
👍: 0 ⏩: 1
aaye. It's great when it happens x3
👍: 0 ⏩: 0
What an efficient way to animate! Perhaps I'll test out your technique someday
Personally I'm a little old fashion. My current icon was made pencil drawn, frame by frame, and painted over each frame in photoshop.
👍: 0 ⏩: 1
I really admire people that have the patience to do it frame by frame in Photoshop. x) And I love your icon; it's adorable!
👍: 0 ⏩: 1
Thanks!
And it didn't really take a lot of time. The individual frames where about an inch tall. Not very detailed at all.
👍: 0 ⏩: 0
Thanks for posting this! 
👍: 0 ⏩: 1
I hope you find a way to make it useful!
👍: 0 ⏩: 0
Oh my gosh.
You do such a great job! It takes skill and talent to do what you do! Keep it up!
👍: 0 ⏩: 1
Haha it's not that complicated. x) Thank youuuu <333
👍: 0 ⏩: 1
In my eyes, its like giving me a broken machine covered with wires and telling me to fix it. 
👍: 0 ⏩: 0
Thanks so much, going to go try it out now!
This should work with Flash CS3, right? And Photoshop CS2?
👍: 0 ⏩: 1
It should! Let me know if it doesn't. d:
👍: 0 ⏩: 2
Holy cow I think I did it
[link]
Am I doin it rite?
👍: 0 ⏩: 1
Hopefully it will be fine, having fun so far just messing with it. :3
👍: 0 ⏩: 0
Great set of tutorials, thanks for sharing! I especially appreciate the information about symbols in Flash and saving GIFs for optimized web performance. Useful stuff!
👍: 0 ⏩: 1
Thank you! Hope it comes in handy! 8D
👍: 0 ⏩: 0
Thanks for this series! Seeing how you break up characters into different parts makes this feel a lot like cut out animation being done on a computer
👍: 0 ⏩: 1
Well that's what Flash is infamous for; cut-out animation. d: It's not the best way of animating, but it is pretty efficient. c:
👍: 0 ⏩: 1
I've never used flash, so this is new to me.
👍: 0 ⏩: 0
One of these days I'm going to have to find a copy of Flash and play with it... People do some crazy things with flash.
👍: 0 ⏩: 1
You can download a free trial from adobe.com, except now it's got CS5 up and it won't let you download anything older than that. Which is dumb. I'm sure there isn't much of a difference though. d:
👍: 0 ⏩: 1
Hey thanks for posting these. I don't have much experience working in flash so it's nice to find a clear tutorial like this.
👍: 0 ⏩: 1
You're quite welcome! Glad you think so. C:
👍: 0 ⏩: 0
It's a lot less complicated than I expected~
For some reason, I always thought with GIF. animations you had to draw each and every individual frame, string them together and hope they fit together smoothly o:
This really helps a lot, thank you very much~
c:
👍: 0 ⏩: 1
Haha I tried to find the most efficient way to make these.
👍: 0 ⏩: 1
Yes, I've tried doing frame-by-frame before ... It was okay, but kind of soul destroying for longer animations ;o;
Thank you for the explanation, anyway c:
👍: 0 ⏩: 0
| Next =>