HOME | DD

nkelsch — Icon Mini-Turtorial: Transform

Published: 2007-10-16 03:20:03 +0000 UTC; Views: 3912; Favourites: 43; Downloads: 72
Redirect to original
Description Someone once asked how I make these little guys, and for the most part, I make every one from scratch and do not copy/paste parts of them. This keeps them from getting stale and forces me to re-make every part based ont he character and not generic bodytypes.

I decided to show the process of animating a transformation. Hopefully people can learn and apply this to animating THIER OWN ORIGINAL WORK. Remember, just because I use a specific style doesn't mean the tips don't work in any style. My goal is to help fellow artists develop their own trade, not simply do the work of drawing/animating my art for me.


Here was a step by step I did of G1 Springer.

1st Frame: First thing you do is make your character. Panel 1, is springer, TADA!!!

6th Frame: Next you mae the ALT MODE icon. It should not be based off your original in any way. It should share style, but drawn from scratch. Animations look horrible when you simply cut/paste parts from the robot mode. MOST TIMES this is not needed. In this example I have made both alt modes for Springer, which ARE similar, but this may not always be the case.

2nd and 5th Frames: This is the trick, Simply modify the first and last frames a little bit. What is the first thing that happens when a robot transforms? The hands sink, the head pulls in, the chest rises. What does a vehicle look like before transforming, very vehicular, except it begins to pull apart. As you can see the frames are VERY SIMILAR to the frame next to them. This is the goal, it is a simple illusion to show movement.

3rd and 4th Frames: Sometimes you can even make this one frame, this frame should take the most distinguished parts between the two other icons. The distinguished parts I chose where the shoulders and the chest. This brings the animation together. You can then fudge the rest as your animation will trick the eye if done smoothly.

Finally, dump it in an animator. If you see things that look wrong, go back to your frames.

1. If you don't change an angle or size of something, MOVE IT. If pixels remain unchanged, it looks WRONG. As you can see, Springer's Chest is very static, but because it lowers 1-2 pixels a frame, the eye doesn't catch it.

2. Giving the modes something to do makes the animation seem quicker and the static modes look better. The dustclouds are pretty much crap, but gives the impression of movement. It gives the viewer time to focus on the static mode then POOF animation!




So you can see the process I go through to make these guys
Related content
Comments: 13

RobotMaster3 [2011-03-01 19:08:54 +0000 UTC]

This tutorial really helped me out, thanks.

👍: 0 ⏩: 0

Sharingan-No-Kakashi [2009-06-26 01:42:47 +0000 UTC]

CREDITS FOR YOU FOREVER!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

👍: 0 ⏩: 0

Sharingan-No-Kakashi [2009-06-26 01:37:14 +0000 UTC]

Can I Do my avatar for here?????
Say yes!!!!!

👍: 0 ⏩: 0

Silvertide [2007-12-22 08:34:46 +0000 UTC]

Very informative! I did not think that making a tiny change in the position of something in the next frame was important, even if it was just 1-2 pixels.

👍: 0 ⏩: 1

nkelsch In reply to Silvertide [2007-12-22 12:10:44 +0000 UTC]

It fools the eye, If pixels stay in the same position, it is picked up instantly.

👍: 0 ⏩: 0

Nix91 [2007-10-17 23:14:40 +0000 UTC]

AWESOME!

👍: 0 ⏩: 0

The-REAL-Carcass [2007-10-17 04:28:51 +0000 UTC]

I can see it, Nick. I've had problems like that myself at DA before. Don't be discouraged, the world needs more Nick Kelsch

👍: 0 ⏩: 0

Skowl-The-Howler [2007-10-16 14:30:42 +0000 UTC]

Yes, Deviant Art is on crack. It's a pain to upload stuff, the site really isn't user-friendly at all.

Nice tutorial. I remember you showing me a similar step-by-step process too when I used to make icons. Hopefully this will help others who want to try to animate their own icons. It works like a charm.

Nice to see so many new animations by Nick! They're all so cute!

👍: 0 ⏩: 0

LoneWolf-dragon [2007-10-16 09:48:25 +0000 UTC]

wow thats awesome, i love these animations, they're awesome, so keep it up.... and yes, i can see it too

👍: 0 ⏩: 0

HunterKi11er [2007-10-16 08:42:19 +0000 UTC]

I can see it! It's freakin' sweet! Thanks.

👍: 0 ⏩: 0

nkelsch [2007-10-16 03:50:04 +0000 UTC]

Fine, here is a BMP!!!

👍: 0 ⏩: 0

nkelsch [2007-10-16 03:29:49 +0000 UTC]

Am I blind? Can anyone see the tutorial?

👍: 0 ⏩: 0

nkelsch [2007-10-16 03:27:58 +0000 UTC]

Deviant Art is on some crack. It won't allow me to upload the tutorial and then specify a preview... all it shows is the preview.

What a load of garbage.

👍: 0 ⏩: 0