Animation tut for beginers

**Mr.SpaceShipDriver** · 01/12/06, 01:44 AM

Supplies:
mikailsspritesheet0bd5rz.png (PNG Image, 895x1992 pixels)
Credit to mikail for the sheet ^_^

Photoshop and imageready
site to download.

www.adobe.com

Step one:
Make a new document i would say....350x100..but for this were gonna do a avii size(80x80).(350x100 is battle size if you wanna go advanced)

Step two:
open the sprite sheets.....now to cut the sprites....if you have photoshop a simple magic eraser can do it..(dont forget betwwen the arms and little notches)

Step 3:
select the sprites you want;most sprite sheets have the sprites in order.
ill select these

http://i15.photobucket.com/albums/a3...spritetuts.jpg

Step 4: now take youre rectangluler marquee tool and select the sprites the press Ctrl + C to copy the sprite then paste it on the new document
now continue to paste the rest of the sprites on the new document...but make sure you allign the sprites correctly so it looks natural

step 5: when youre done pasting you should get this http://i15.photobucket.com/albums/a3...spritetut2.jpg

Step 6:
now click the image ready button on photoshop and it will send youre work on iageready. then click window>animate. the a little window should pop up with a box on it.

step 7: look on youre layer box and click all the eyes except for layer one.
(even youre b/g eye)

step 8:
then click the little post it look alike on the animation window. and another box should pop up. then get rid of the layer one eye. then click the layer 2 eye. then repeat up to the last layer.

Step 9:
press the play button and it shoul be done...set the speed ( the arrow under the box) then you get a animation ding ding!

EDIT: cNc appriciated ^_^

Aminity · 01/12/06, 02:00 AM

About time. To bad we cant have animation in our avatars anymore though. I heard it was eaiser to open up the sprite sheet in Paint first though. Good job

C4strife · 01/12/06, 02:03 AM

Meh I know nothing about animatiions or Imageready
but yeah thanks for sharing this.
I did an animation at school but it's a choppy .gif xP

I'm sure I'll use this as a starting point when I get the proper programs

**shortythugsta** · 01/12/06, 02:29 AM

good job, atleast someone made this since i always get pm saying how too animate alot, its very easy too follow i gotta say

Flashback Humor · 01/12/06, 02:31 AM

Ive never tried to use Photoshop and ImageReady to make animations. I use a program called Fireworks MX. I think its pretty easy to make animations in there, mainly because theres frames and you can see the progress of your animation or w/e. So yeah, I just thought I would say that.

Dark Niwa · 01/12/06, 02:40 AM

animations shop's onion skin proves to be invaluable (well the good one) in this case i say use paint+animation shop+ image ready if you have all three

the onions skin give you a preview of the last 3 frames faded to make lining up etc easier

**Mr.SpaceShipDriver** · 01/13/06, 12:13 AM

ermm...lol DN im to lazy to rally properly put the sprites to make it soilid...besides...i only have photoshop and imageready...BTW post youre results plz!!!

Dark Niwa · 01/13/06, 01:53 AM

umm i've done animations they seem to be less creavtive and more timeconsuming then sigs imo

**shortythugsta** · 01/13/06, 05:41 AM

they are creative if you have a creative mind and they are more kind consumming just too make a good one that has 30 layers it might take 1 hour and 10 minutes if it is a battle scene

~~Mitsukai~~ · 01/13/06, 08:15 AM

Where can I get all the required programs? and are they free? (imageready and photoshop) I clicked on the link but I couldn't see it anywhere...

TheMuffinMan · 01/13/06, 04:14 PM

Quote:

Originally Posted by Mitsukai

Where can I get all the required programs? and are they free? (imageready and photoshop) I clicked on the link but I couldn't see it anywhere...

On the main page, go to 'Support', then click 'Downloads'

Scroll down to 'Photoshop' and download the 'Photoshop CS2 tryout'

When this is done downloading, you will have PHotoshop Cs2 for 30 days, for free, and you get to keep imageready for free forever

STO: Decent tut, real simplistic to help people understand the basics, nice job

C4Strife: If you want an animation tutorial for Photoshop Elements, just pm me and I can send mine to you

~~Mitsukai~~ · 01/13/06, 10:52 PM

Ok Thanks.

**Mr.SpaceShipDriver** · 01/14/06, 12:02 AM

Quote:

Originally Posted by TheMuffinMan

STO: Decent tut, real simplistic to help people understand the basics, nice job

well it is for beginers

'

~~Mitsukai~~ · 01/14/06, 12:19 AM

Ok one more question, I'm sorry I haven't given any results yet but what is the difference between imageready and photoshop?

**Mr.SpaceShipDriver** · 01/14/06, 12:20 AM

imageready animates the sprites....but photoshop is for sigs....but i also use it to place sprites cause its more accurate then imageready.....

01/12/06, 01:44 AM	#1
Mr.SpaceShipDriver CARDBOARD CUP HOLDERS Join Date: May 2005 Location: inside you! Age: 16 Posts: 3,828 Rep Power: 7	Animation tut for beginers Supplies: mikailsspritesheet0bd5rz.png (PNG Image, 895x1992 pixels) Credit to mikail for the sheet ^_^ Photoshop and imageready site to download. www.adobe.com Step one: Make a new document i would say....350x100..but for this were gonna do a avii size(80x80).(350x100 is battle size if you wanna go advanced) Step two: open the sprite sheets.....now to cut the sprites....if you have photoshop a simple magic eraser can do it..(dont forget betwwen the arms and little notches) Step 3: select the sprites you want;most sprite sheets have the sprites in order. ill select these http://i15.photobucket.com/albums/a3...spritetuts.jpg Step 4: now take youre rectangluler marquee tool and select the sprites the press Ctrl + C to copy the sprite then paste it on the new document now continue to paste the rest of the sprites on the new document...but make sure you allign the sprites correctly so it looks natural step 5: when youre done pasting you should get this http://i15.photobucket.com/albums/a3...spritetut2.jpg Step 6: now click the image ready button on photoshop and it will send youre work on iageready. then click window>animate. the a little window should pop up with a box on it. step 7: look on youre layer box and click all the eyes except for layer one. (even youre b/g eye) step 8: then click the little post it look alike on the animation window. and another box should pop up. then get rid of the layer one eye. then click the layer 2 eye. then repeat up to the last layer. Step 9: press the play button and it shoul be done...set the speed ( the arrow under the box) then you get a animation ding ding! EDIT: cNc appriciated ^_^ Last edited by sora-the-one; 01/12/06 at 01:48 AM.

01/12/06, 02:00 AM	#2
Aminity R.I.P. Sh[EX] Join Date: Dec 2004 Location: Wherever Posts: 2,301 Rep Power: 6	Re: Animation tut for beginers About time. To bad we cant have animation in our avatars anymore though. I heard it was eaiser to open up the sprite sheet in Paint first though. Good job

01/12/06, 02:03 AM	#3
C4strife Re.V Join Date: Apr 2004 Location: Over Across the Time Age: 17 Posts: 1,243 Rep Power: 6	Re: Animation tut for beginers Meh I know nothing about animatiions or Imageready but yeah thanks for sharing this. I did an animation at school but it's a choppy .gif xP I'm sure I'll use this as a starting point when I get the proper programs

01/12/06, 02:29 AM	#4
shortythugsta G0t anth1ng 2 say b1+ch ? Join Date: Jul 2005 Location: in ur room wit ur mom go check!! Age: 17 Posts: 4,017 Rep Power: 8	Re: Animation tut for beginers good job, atleast someone made this since i always get pm saying how too animate alot, its very easy too follow i gotta say

01/12/06, 02:31 AM	#5
Flashback Humor relative power Join Date: Aug 2005 Age: 16 Posts: 2,157 Rep Power: 8	Re: Animation tut for beginers Ive never tried to use Photoshop and ImageReady to make animations. I use a program called Fireworks MX. I think its pretty easy to make animations in there, mainly because theres frames and you can see the progress of your animation or w/e. So yeah, I just thought I would say that.

01/12/06, 02:40 AM	#6
Dark Niwa 挑戦 Dare Join Date: Apr 2005 Location: Bklyn NY Age: 17 Posts: 1,532 Rep Power: 5	Re: Animation tut for beginers animations shop's onion skin proves to be invaluable (well the good one) in this case i say use paint+animation shop+ image ready if you have all three the onions skin give you a preview of the last 3 frames faded to make lining up etc easier

01/13/06, 12:13 AM	#7
Mr.SpaceShipDriver CARDBOARD CUP HOLDERS Join Date: May 2005 Location: inside you! Age: 16 Posts: 3,828 Rep Power: 7	Re: Animation tut for beginers ermm...lol DN im to lazy to rally properly put the sprites to make it soilid...besides...i only have photoshop and imageready...BTW post youre results plz!!!

01/13/06, 01:53 AM	#8
Dark Niwa 挑戦 Dare Join Date: Apr 2005 Location: Bklyn NY Age: 17 Posts: 1,532 Rep Power: 5	Re: Animation tut for beginers umm i've done animations they seem to be less creavtive and more timeconsuming then sigs imo

01/13/06, 05:41 AM	#9
shortythugsta G0t anth1ng 2 say b1+ch ? Join Date: Jul 2005 Location: in ur room wit ur mom go check!! Age: 17 Posts: 4,017 Rep Power: 8	Re: Animation tut for beginers they are creative if you have a creative mind and they are more kind consumming just too make a good one that has 30 layers it might take 1 hour and 10 minutes if it is a battle scene

01/13/06, 08:15 AM	#10
~~Mitsukai~~ Banned Join Date: Jul 2005 Location: I must be dreamin'. Age: 17 Posts: 1,464 Rep Power: 0	Re: Animation tut for beginers Where can I get all the required programs? and are they free? (imageready and photoshop) I clicked on the link but I couldn't see it anywhere...

01/13/06, 10:52 PM	#12
~~Mitsukai~~ Banned Join Date: Jul 2005 Location: I must be dreamin'. Age: 17 Posts: 1,464 Rep Power: 0	Re: Animation tut for beginers Ok Thanks.

01/14/06, 12:19 AM	#14
~~Mitsukai~~ Banned Join Date: Jul 2005 Location: I must be dreamin'. Age: 17 Posts: 1,464 Rep Power: 0	Re: Animation tut for beginers Ok one more question, I'm sorry I haven't given any results yet but what is the difference between imageready and photoshop?

01/14/06, 12:20 AM	#15
Mr.SpaceShipDriver CARDBOARD CUP HOLDERS Join Date: May 2005 Location: inside you! Age: 16 Posts: 3,828 Rep Power: 7	Re: Animation tut for beginers imageready animates the sprites....but photoshop is for sigs....but i also use it to place sprites cause its more accurate then imageready.....

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode