Your Account
    Log into your account here:
       Forgot Password

    Not registered? Sign Up for free
    Registration allows you to keep track of all your content and comments, save bookmarks, and post in all our forums.

Complete Animation Tutorial

Subscribe to topic Low Bandwidth

Down to Quick Reply
Displaying Page 1 of 1

Procrastinator Posted: 17:24 Jul20 2009 Post ID: 2681405
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+


Tutorial


Resources

Programs
GIMP
PHOTOSHOP

Sprites
The Spriters Resource
Sprites Inc
Sprite Database
The ShyGuy Kingdom

Examples
Shaking
Fade Transition
Flash Transition
Fire Disintegration
Pulse
Pulse II
Intense Motion
After Image

Information

SHAKING
This can be done by duplicating a layer three times and moving each layer in different directions with 5 pixels (So it doesn't get too chaotic).


FADE
This can be done by filling a canvas with black and lower the opacity by the tenths (The link provided is by thirds, and as you can see, it's not as smooth).


FLASH
This can be done by filling a canvas with white and lower the opacity by the tenths (The link provided is by thirds, and as you can see, it's not as smooth).


FIRE DISINTEGRATION
This can be done by getting some fire sprites and pasting them over the main sprite you have set out. As you move it up on each new layer, delete excess below (I'm no longer in possession of the sprites, so you'll have t find your own).


PULSE
This can be done by pasting a shrunken version of the original sprite over the original and placing the opacity to 50 percent. The next frame is just the normal sprite. The frames after that have an enlarged version of the original sprite over the original, growing larger with each frame, and lowered opacities with each frame (Basically, make it bigger and Fade it out).

The other can be done by pasting the sprite four times in different places; on the left, right, top, and bottom. With each frame, spread them out in their own directions and lower the opacities as well (Basically, space them out and Fade it out).

INTENSE MOTION
This can be done by using the WIND filter on GIMP. Filters > Distorts > Wind. Once their, toy with the settings, but make sure it's set to blast. Then, once you click "OK", paste the original over it to make it clearly seen.

AFTER IMAGE
This can be done by pasting the sprite BEHIND the one before it beneath at a low opacity, such as 50 percent. To double the effect, (as shown), place another below at an even lower opacity, like 25 percent.

Hope you've enjoyed this tutorial.

Reply Quote & ReplyMulti Quote
Vasco Posted: 17:31 Jul20 2009 Post ID: 2681414
Vasco
MOE MOE KYUUUUUN
AvatarMember
Posts: 28,454
Post Likes: 7
0
+
Simply fantastic and, without a doubt, the most detailed Animation Tutorial I've ever seen. Fantastic work, Proc ^^

Don't have much time right now, but will be sure to read everything tomorrow.

againstall has invaded

BECKY = 10/10
Reply Quote & ReplyMulti Quote
tbug2007 Posted: 17:37 Jul20 2009 Post ID: 2681417
tbug2007
Da Bug
AvatarMember
Posts: 10,426
Post Likes: 4
0
+
Pretty amazing animation tutorial Proc O.O

ubr cuulness by Craizin the raizin. <3

FILIP R POLICE
Reply Quote & ReplyMulti Quote
Procrastinator Posted: 19:50 Jul20 2009 Post ID: 2681584
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+
Thanks guys, feels like it took forever.
Reply Quote & ReplyMulti Quote
Krow. Posted: 21:04 Jul20 2009 Post ID: 2681637
Krow.
AvatarMember
Posts: 995
Post Likes: 0
0
+
Awesome tut. I won't be using it though, because I don't animate...

Run on, girl, run on.
Check out my deviantArt!

Reply Quote & ReplyMulti Quote
Procrastinator Posted: 21:11 Jul20 2009 Post ID: 2681642
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+
Heh, it's something to look into, then.
Reply Quote & ReplyMulti Quote
v-gamer Posted: 21:54 Jul20 2009 Post ID: 2681653
v-gamer
y so srs?
AvatarMember
Posts: 18,379
Post Likes: 4
0
+
That... looks... awesome!

Nice job, Proc! Like Vasco, I shall read it in full detail another time. I promise.
Avatar: In memory of ieatwyverns <3


Thank you, Vasco <3
Reply Quote & ReplyMulti Quote
qwertyuio Posted: 23:38 Jul20 2009 Post ID: 2681690
qwertyuio
Bite the Bullet
AvatarMember
Posts: 19,587
Post Likes: 10
0
+
Question, is it easier to animate with GIMP or PS? I've heard GIMP. A friend got me interested in this, I think I will animate sometime soon, this helped a lot, thanks!
Voted Best Nazi Mod Ever <3
Reply Quote & ReplyMulti Quote
Procrastinator Posted: 23:49 Jul20 2009 Post ID: 2681693
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+
I'd say it's much easier animating in GIMP, since it's more direct. With Photoshop, you need to set up layers and create frames for them all. Then when saving, instead of saving normally, you need to go to Save for Web (last I checked). I had PS for a while, had to do a clean sweep of my laptop and lost it, never got it back.

However, with GIMP, you just save it as a .GIF animation and you should be fine.

Glad it helped.
Reply Quote & ReplyMulti Quote
tbug2007 Posted: 05:59 Jul21 2009 Post ID: 2681863
tbug2007
Da Bug
AvatarMember
Posts: 10,426
Post Likes: 4
0
+
When you get on MSN, I have something to tell you about this tut you might like.

ubr cuulness by Craizin the raizin. <3

FILIP R POLICE
Reply Quote & ReplyMulti Quote
Oh Joy Desctruction Posted: 06:02 Jul21 2009 Post ID: 2681865
Oh Joy Desctruction
AvatarMember
Posts: 885
Post Likes: 0
0
+
Wow man.

I love how detailed this tutorial is. As I told Tbug it makes me wan't to try annimation.

I will give it a try when I have some spear time.
[center]

Reply Quote & ReplyMulti Quote
PhilXZ Posted: 11:59 Jul21 2009 Post ID: 2682119
PhilXZ
German Wunderkind
AvatarMember
Posts: 11,010
Post Likes: 0
0
+
Best animation tutorial. It is detailed and explains a lot!
Reply Quote & ReplyMulti Quote
Procrastinator Posted: 13:22 Jul21 2009 Post ID: 2682167
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+
Great, those who choose to try, please post your results.
Reply Quote & ReplyMulti Quote
Lycanthrope Posted: 08:07 Jul22 2009 Post ID: 2682903
Lycanthrope
AvatarMember
Posts: 1,143
Post Likes: 0
0
+
I will definitely be trying this out later today. I'll try and do Cammy or Sakura two of my mains in SFIV.
[center][b] Damn awesome tag by V-Gamer, thanks breh

The Word Alive - The Devil Inside
PannicC[/center][/b]
Reply Quote & ReplyMulti Quote
Procrastinator Posted: 15:37 Jul22 2009 Post ID: 2683589
Procrastinator
AvatarMember
Posts: 3,213
Post Likes: 0
0
+
Ah, my only main is Ken by random choice. And, great.
Reply Quote & ReplyMulti Quote
Displaying Page 1 of 1

Subscribe to topic Low Bandwidth

Currently viewing this thread:
REPLY IN THIS THREAD
You must be logged in to reply:
Username: 
Password:   
Forgot password? Click here to get it resent to you.
Sign Up Register for free.

Users under 13 are not eligible to post on the SuperCheats forums.

Post Top
Click to close