HOME | DD
Katolin โ Animation Tutorial of DOOM
Published: 2006-07-29 04:18:09 +0000 UTC; Views: 20923; Favourites: 356; Downloads: 1484
Redirect to original
Description
And here it is.Amateur Animation as I know it. It's a HUGE file because I was insane and decided to do ALL the programs I'd ever animated with. From left to right: Photoshop 8, Photoshop Elements 3.0, and Paint Shop Pro 8. I really do hope it helps, and I shall have to hide from all the dialup users who will be out for my blood after this loads. Sorry! If it gets to be too much of a hassle I'll restructure and do it as three separate tutorials. Woo!Feedback is greatly appreciated - I tend to get wordy, and I want to know if it's confusing! It's easy enough to clarify.
And if you use this to make your own animated goodies, I would love to know!
Enjoy!
Arikalen animation: [link]
Luna Dragon: Would you believe it, a hungry cat jumped on my keyboard and SAVED OVER THIS. Gah. I'll have to redo it from scratch....
Sath Animation: [link]
Related content
Comments: 123
Well, I try to answer questions as best I can even when busy 
Sorry to hear you're having computer troubles, I hope they get resolved quickly!
๐: 0 โฉ: 1
thanks, and yep, thanks to my husband .. my computer is back to normal.. maybe even better than normal.. for now... *looks around all nervous*
anyway, as for my questions.. well the main one i keep coming back to is... i dont understand layers!! not - at - all!
not just with animations, but... nothing makes sense! i see all kinds of cool things where people use layers but its beyond me how they do it!
..i feel like Donkey, trying to understand what Shrek is saying about layers....
๐: 0 โฉ: 1
Hm, what art program do you use? Only some programs like Photoshop and Jasc Paintshop Pro support layers. There's also GIMP ([link] ) that is free and also supports layers and will let you animate.
๐: 0 โฉ: 1
i have PS7. i dont know much about it really. a friend gave it to me back in 2001 or 2002.. and he lived in the UK and I in the US. so as far as updates and differences.. i dunno... the tutorial looked like my program so i'm guessing they're the same thing.
there used to be a free animation program.. active X or something.. i used it in the past and its simple.. but i only did simple drawings with it. i think it was gif only formats... not sure.... i'll have a look at GIMP and see if its something like i'm used to... but honestly i WANT to learn to use photoshop! i will always have PS7, but i may not always have access to the net or programs downloaded from the net..
๐: 0 โฉ: 1
PS7 is good! It's what I used for this tutorial. I only mentioned GIMP in case you didn't have an art program and needed a free one. PS7 usually comes with ImageReady for animation, but if you don't have that you can always try GIMP.
I don't know what you already know about layers, but they can be a pretty powerful tool for both drawing and animating. You can stick an eye on one layer and the head on another, and any erasing you do on the 'eye' layer won't affect the head layer below it. Or you can put text on a layer above a picture and move it around without moving the picture. With animating, layers are important because each layer is going to become a frame in the animation.
How in-depth of an explanation do you want? I could make a quicky tutorial showing step-by-step how to use layers if you need it.
๐: 0 โฉ: 1
i know abso-freakin-lutely nothin about layers lol what little i do know came from your tutorial. when i turn on PS7 i always click off all the windows except for my tools and colour pallet. it took a fair amount of searching to find the window for layers and then i was like "...k.. now what?"
that would be awesome if you could do a tutorial on layers! i just hope i'm not imposing my ignorance on you...
๐: 0 โฉ: 0
Wow that turtorial really helped!!!! the only thing though is that one of my annimations won't move on DA... and i can't figure out how to make it work.. i made it on photoshop7 
๐: 0 โฉ: 1
You need to save the animation as a .gif. Right now it looks like you have it saved as a .psd. When saving in ImageReady, go to Save Optimized in the File menu and make sure you save it as a .gif. I hope that helps!
๐: 0 โฉ: 1
Yeeeaaaa!!! thank you thank you sooo much!!!! It FINALLY WORKED!!! YYYYYYAAAAAAAAAAA!!!!
๐: 0 โฉ: 0
Thanks, that was helpful, do you how to insert music to the animation in photoshop 7?
๐: 0 โฉ: 1
You're welcome! Unfortunately, Photoshop only does .gif files. To animate with music/sound, you need Flash. Sorry!
๐: 0 โฉ: 1
How do you merge the wing outline and color layer? I just got photoshop and am trying to figure it out...^-^;
๐: 0 โฉ: 1
Make sure both layers are visible and right next to one another (no layers in between on the layer box), then click the little right-facing arrow on the top of the layer box. Near the bottom there should be the command 'Merge Layers.' Alternately, you could go to the Layers menu at the top, and it should be near the bottom of that menu as well.
I hope that helps!
๐: 0 โฉ: 1
Wow! I've been wanting to learn flash and stuff. I didn't realize Ps could do this! Just used your tut and I got this figured out! A new form of art has been opened up for me! wow One problem. I don't know what to save it as. GIF? That doesn't work. It's just an image. hmm...
๐: 0 โฉ: 1
Sorry for the late reply! To save it as an animated image, make sure you going to 'Save for Web' instead of 'Save As' and save as a .gif Also, if you open it up again in Photoshop it'll still look static because Photoshop itself doesn't support animation. Try opening the image in your web browser and see if it works.
๐: 0 โฉ: 1
Thank you That works 
๐: 0 โฉ: 1
I'm not sure exactly how Flash works as I've never had the opportunity to play with it
๐: 0 โฉ: 1
Yeah. On flash, a head will pop up, an arm will blink... just crazy messed up.
OK Thanks anyway. I'll be working with Ps animation for now. It seems so much easier
I appreciate your replies and the tutorial
๐: 0 โฉ: 0
Thank you so much i havent tried it yet but I have tried many times and I just needed accouple peices of the puzzle to put it all togeather thank you I will let you see the finished product I am a tad computer challenged but I am getting there thanks to da and other tutorials.
๐: 0 โฉ: 0
Iv'e been banging my head against the wall trying to work image ready just to get a simple rotation (you can't with just image ready alone. thanks for the tutorial it helped me already
๐: 0 โฉ: 1
You're very welcome! I'm glad I could help.
๐: 0 โฉ: 0
Uh huh, cool!! This looks like a verrrry useful tut, I shall now fave!
๐: 0 โฉ: 1
Thanks! I hope it helps!
๐: 0 โฉ: 0
Thanks a lot!!!
Your tutorial is very useful!!!
I really needed it!!!
Iยดm gonna prove it now!!!hahaha!!!
๐: 0 โฉ: 0
many thxes.i always needed to learn how to make animations!
๐: 0 โฉ: 0
^___^ Thank you so much, this was a very nice, comprehensive tutorial laid out easily enough for someone as dense as me when it comes to computer stuff to understand.
I tired it out, and yay, I have a pic with blinking eyes now! Its so simple, yet such a wonderful thing, thank you!
๐: 0 โฉ: 1
You're very welcome! I'm glad it helped you; that's the reason I made it!
๐: 0 โฉ: 0
Looks great! Glad I could help!
๐: 0 โฉ: 0
one question. where can you get ImageReady? the tutorial is great, I just dont have one piece of it x(
๐: 0 โฉ: 1
I've yet to find a free animating program. ImageReady comes with Photoshop, Animation Shop comes with Paint Shop Pro. The programs themselves can be pretty pricey, but if you shop around you can probably find a cheaper older version with the animation capabilites. I hope that helps!
๐: 0 โฉ: 2
^__^ Hehe I just now looked on my hard drive, and I have 17 different ImageReady programs! I have CS2, and thats probably how I got it!
Once again, THANK YOU!!!
๐: 0 โฉ: 1
Yay! I'm glad you have the program! ImageReady's my favorite of the three options. You're welcome! Good luck!
๐: 0 โฉ: 1
๐: 0 โฉ: 1
Go to 'Save Optimized As...' in the file options. Then it SHOULD let you save as a .gif. Don't save as a .jpg, because that file type doesn't support animation.
๐: 0 โฉ: 1
๐: 0 โฉ: 1
Oh, you're not being a burden! I enjoy helping
๐: 0 โฉ: 2
[link] there it is :3 how can I make it repeat?
๐: 0 โฉ: 1
Oh, I see! It's actually easy enough to fix. See, each layer is going to be a frame. So before you tell it 'Make frames from layers' you need to duplicate the bottom layer for each moving layer and merge each moving layer onto the separate bottom layers. So, you'll end up with four or five layers with the same face but different ear positions. Yay! Then you can go make all layers into frames Now, to make it repeat, go to the little animation bar with all the frames in it. At the bottom left there should be a little box that says "Once" and has a little arrow pointing down. Click on it and change it to 'Forever'.
I hope that helps some! If it confuses you more I can do a few picture references too to help clarify
๐: 0 โฉ: 1
okay....umm.... so I need to do it all over? I dont know how to merge
๐: 0 โฉ: 1
No, you wouldn't need to do it over. Just take the layer with the main part of the image and make a few copies of it (right click - Duplicate layer). Select and put one of the duplicates beneath each ear layer. Then, select an ear layer. Click the small arrow on the layer box and select 'Merge Down.' ([link] ) This combines the selected layer with the layer beneath it. Repeat until all the ear layers have been merged to the non-transparent layers. You'll end up with a chain of four or five images that are similar with only the movement as a difference. Then, you Make Frames from Layers and everything should work!
๐: 0 โฉ: 1
thanks :3 but, well I'm just gonna make a new one cause the one I'm working on right now is awful. Every time I transfer the pictures adobe delets it, so yeaah -_- but thanks a bunch!!
๐: 0 โฉ: 0
well the first frame is solid, then the rest are transparet, ya know with the gray and white squares... I'll put it up, but then I'm gonna delete it to put the new one up after the little conversation is done
๐: 0 โฉ: 0
๐: 0 โฉ: 1
Your welcome, and good luck! You could try downloading a trial version of Adobe Photoshop from the website (www.adobe.com) and using it for the free trial period. It comes with ImageReady. I'm glad the tutorial helped!
๐: 0 โฉ: 0
No offense, but this doesn't really help me oO. I need a lot of help, and you are the best help so far, but not enough help. Do you think you can give me more information?
๐: 0 โฉ: 1
Of course I don't take any offense! This is my first tutorial, and I have no clue what I'm doing
๐: 0 โฉ: 1
Well, I figured it out, but now, how to I put it on dA without downloading it to desktop?
๐: 0 โฉ: 0
| Next =>