HOME | DD

imagine-like-crazy — How To Make An Icon

Published: 2008-03-24 00:35:37 +0000 UTC; Views: 4816; Favourites: 48; Downloads: 91
Redirect to original
Description A tutorial I made for those of you who want to know how to make moving icons using Photoshop CS and ImageReady CS

Yeah, its a little big.

here's the link to the icon: [link]

En J-O-Y
Related content
Comments: 40

Gingigoat [2012-03-27 05:44:36 +0000 UTC]

thankyou for this i will try it

👍: 0 ⏩: 1

imagine-like-crazy In reply to Gingigoat [2012-03-27 20:13:02 +0000 UTC]

you're welcome

👍: 0 ⏩: 1

Gingigoat In reply to imagine-like-crazy [2012-03-27 23:18:51 +0000 UTC]

i tried it out [link]

👍: 0 ⏩: 0

xFwankiex [2010-09-26 14:34:26 +0000 UTC]

Oh dude, thanks alot for this. Now I finally know how to make a moving icon, I did one and it looked great!

👍: 0 ⏩: 2

imagine-like-crazy In reply to xFwankiex [2010-09-27 21:16:50 +0000 UTC]

well its my pleasure to know that you guys are able to figure it out

👍: 0 ⏩: 0

xFwankiex In reply to xFwankiex [2010-09-26 15:20:34 +0000 UTC]

Only problem is that I have no idea how to make it smaller D:

👍: 0 ⏩: 0

addiedog [2009-12-06 21:15:43 +0000 UTC]

I used this and you don't have to go to image ready for it! it can stay in ps at the end when you save it just save it in Save as web and devices!
just wanted to let you know! this really helped me!!!!!!

👍: 0 ⏩: 0

addiedog [2009-12-06 21:15:37 +0000 UTC]

I used this and you don't have to go to image ready for it! it can stay in ps at the end when you save it just save it in Save as web and devices!
just wanted to let you know! this really helped me!!!!!!

👍: 0 ⏩: 1

imagine-like-crazy In reply to addiedog [2009-12-09 03:59:45 +0000 UTC]

Yeah, I can do that too, but in everything that is above Photoshop CS, I use CS3 so I don't have to go through the entire process either
I made it for those that don't know how to make one.

I'm happy it helped

👍: 0 ⏩: 1

addiedog In reply to imagine-like-crazy [2009-12-09 20:22:31 +0000 UTC]

oh sorry! i should have knew that you already knew that!
no prob!!

👍: 0 ⏩: 1

imagine-like-crazy In reply to addiedog [2009-12-11 03:03:07 +0000 UTC]

lol thats ok

👍: 0 ⏩: 1

addiedog In reply to imagine-like-crazy [2009-12-11 20:34:17 +0000 UTC]

thanks!

👍: 0 ⏩: 0

TeamIanBaby [2009-10-25 15:22:58 +0000 UTC]

Is there a way to do this without ImageReady? I have Photoshop

👍: 0 ⏩: 1

imagine-like-crazy In reply to TeamIanBaby [2009-10-25 17:51:16 +0000 UTC]

What version of photoshop?

👍: 0 ⏩: 1

TeamIanBaby In reply to imagine-like-crazy [2009-10-25 17:54:38 +0000 UTC]

CS3

👍: 0 ⏩: 1

imagine-like-crazy In reply to TeamIanBaby [2009-10-25 18:16:05 +0000 UTC]

ohhh! Then this just got very simple for you.

Follow the steps in the tutorial, except you don't need to do Step 8, but it's nice if you read it, just so understand what you're skipping.

Go to the WINDOWS drop-down menu and select ANIMATION. A window will open that is labeled Animation, if it is humongous when you first open it up, you can minimize the size down in the bottom right corner.
Down in that same corner, there will be a little icon that when you hover over it, it will say "CONVERT TO FRAME ANIMATION." So click on that, so that it will be easier to work with.
Then just keep following the steps after Step 8 and PRESTO! you should have a working animation.

If you have trouble with the saving process, let me know, cause I think that changes a little too.

Have fun!

👍: 0 ⏩: 2

TeamIanBaby In reply to imagine-like-crazy [2009-10-25 19:49:02 +0000 UTC]

im afraid you're right. Their is a different way to save it. Could you let me know how

👍: 0 ⏩: 1

imagine-like-crazy In reply to TeamIanBaby [2009-10-27 23:43:32 +0000 UTC]

Sorry for replying late, so what you do is this:

Once you're done animating and everything, save you're work as a .psd file and keep it for your record.
Then go File > Save for Web & Devices.
Then the only thing you have to do is make sure that in the little box underneath "Done" the drop-down menu under "Preset" is set to GIF and then you click "Save." (Don't mess with anything else. Not unless you're exploring )
When the window pops un (It's named "Save Optimized As") just rename the file and save it, don't mess with the settings, once again.
And that's it your done, upload it to where ever you want

Let me know if it works, and if it does I'd love to see it!

👍: 0 ⏩: 1

TeamIanBaby In reply to imagine-like-crazy [2009-10-28 02:16:57 +0000 UTC]

IT WORKED!!!!!! Thank you SOOO much. Ive always wanted to do this but never knew how!!
here's what i did: [link]
its just practice but THANKS!!

👍: 0 ⏩: 1

imagine-like-crazy In reply to TeamIanBaby [2009-10-30 02:13:21 +0000 UTC]

It's great! For practice, it's really good, keep up the good work and I'm happy I was able to help

👍: 0 ⏩: 1

TeamIanBaby In reply to imagine-like-crazy [2009-10-30 13:11:36 +0000 UTC]

thanks

👍: 0 ⏩: 0

TeamIanBaby In reply to imagine-like-crazy [2009-10-25 18:28:39 +0000 UTC]

THANKS SO MUCH! Ill try that!!!

👍: 0 ⏩: 0

NDA-Patel [2009-10-12 17:20:09 +0000 UTC]

wow, thank you so so much for this tutorial, i have always wanted to know how everyone made those moving avatars on DA, and now i know how, so thanks i used your awesome tutorial to make my first moving avatar (as seen on the left ) again, thank you so much, you take care

👍: 0 ⏩: 1

imagine-like-crazy In reply to NDA-Patel [2009-10-16 00:15:26 +0000 UTC]

Your welcome, I'm glad I could help.

Nicely done.

👍: 0 ⏩: 0

xDarkxBunniesx666 [2009-05-20 21:25:34 +0000 UTC]

Great tutorial!!
But i have a question to ask
So i followed all the steps but it seems i don't have it where i can Save Optimized As Note from Another... (you know what i mean right?) I was wondering if you might know what to do with this problem?

👍: 0 ⏩: 1

imagine-like-crazy In reply to xDarkxBunniesx666 [2009-05-22 04:52:32 +0000 UTC]

oh. no. it's just "Save Optimized As"

all the other stuff after that is my fooloishness. I'm just saying that when you're about to save it not to click on "Save As" because then you;re icon won't move.

So just go to
File > Save Optimized As

and then follow the rest of the instructions on the tutorial after that one little bit, it'll tell you how to save and upload to whatever site you want to put it on.

If you need anymore help, don't hesitate to ask.

👍: 0 ⏩: 1

xDarkxBunniesx666 In reply to imagine-like-crazy [2009-05-22 18:38:20 +0000 UTC]

Thank you got I've got it

On my thing it was like "Save for web" so it threw me for a loop

Thank you though
Your tutorial help me quite a bit ^_^

👍: 0 ⏩: 1

imagine-like-crazy In reply to xDarkxBunniesx666 [2009-05-23 05:25:13 +0000 UTC]

you're welcome

👍: 0 ⏩: 0

coconutpup [2009-02-12 18:33:24 +0000 UTC]

Thank you so much, i new how to animate things, but i couldn't figure out how to open the animation frame. xD

👍: 0 ⏩: 1

imagine-like-crazy In reply to coconutpup [2009-02-14 05:49:23 +0000 UTC]

lol you're welcome I'm happy to help

👍: 0 ⏩: 0

mcpuffersons [2008-04-06 15:03:08 +0000 UTC]

good tutorial!
thanks. if i actually had any of those problems i'd definitely try this out...xD

👍: 0 ⏩: 1

imagine-like-crazy In reply to mcpuffersons [2008-04-06 23:24:16 +0000 UTC]

thanks lol

👍: 0 ⏩: 1

mcpuffersons In reply to imagine-like-crazy [2008-06-05 01:22:43 +0000 UTC]

rawr I said problems
I meant, programs xD
silly kayti

👍: 0 ⏩: 1

imagine-like-crazy In reply to mcpuffersons [2008-06-05 01:47:15 +0000 UTC]

lol

👍: 0 ⏩: 0

jaalondon [2008-04-01 15:37:13 +0000 UTC]

THX SO MUCH FOR

👍: 0 ⏩: 1

imagine-like-crazy In reply to jaalondon [2008-04-02 02:18:59 +0000 UTC]

np, it was my pleasure

👍: 0 ⏩: 0

sandalhat16 [2008-03-24 01:28:08 +0000 UTC]

you put a lot of thought into this.

👍: 0 ⏩: 1

imagine-like-crazy In reply to sandalhat16 [2008-03-24 04:20:28 +0000 UTC]

yup, four days of work.

👍: 0 ⏩: 1

sandalhat16 In reply to imagine-like-crazy [2008-03-24 04:26:48 +0000 UTC]

you're a heck of a trooper.

👍: 0 ⏩: 1

imagine-like-crazy In reply to sandalhat16 [2008-03-25 00:29:50 +0000 UTC]

thanks. hey I say that a lot! "YOU'RE A TROOPER!"

👍: 0 ⏩: 0