00:00
00:00
JamesLee
Animation Director/ Producer

James Lee @JamesLee

Male

Animator

Queensland College of Art

Australia

Joined on 7/1/03

Level:
3
Exp Points:
64 / 100
Exp Rank:
> 100,000
Vote Power:
3.03 votes
Rank:
Civilian
Global Rank:
> 100,000
Blams:
0
Saves:
3
B/P Bonus:
0%
Whistle:
Normal
Trophies:
135
Medals:
148
Supporter:
10y 7m 13d
Gear:
1

Tarboy Special Effects - A quick guide and source FLA

Posted by JamesLee - June 22nd, 2011


I've had so many people ask about how I did the special effects in Tarboy, and despite the fact that I intended to write a proper tutorial about for my blog, I decided to write a quick guide for how I did some of the art. I've posted it up on the forums, but I figured I'd post it here too. I figure it could help someone if they don't frequent the forums too often.

You can download the source FLA here (CS3):

http://www.newgrounds.com/dump/item/e9 fe906bf173b700f5123548058a7c49

Explanation below, copied from the thread here http://www.newgrounds.com/bbs/topic/12 55008:

I used tweening for the Robots, and for Tarboy I used a more hybrid approach. Some scenes for Tarboy are all tweened symbol animation, others contain elements of traditional animation (FBF) and some morphing for simple shapes.

For the sneak cycle for example, the head and arms are tweened, the torso is morphed, and the legs are traditional. Each part is nested into a symbol, as I like to keep my elements separate, so it's easy to make minute changes as I go. Because Tarboy's design is a silhouette, it makes it a bit easier to work in this way, I don't need to worry about the sharp edges of the morphing etc as it just bleeds into the overall white shape.

The sparks and FX are all Flash. What I do is start by animating a simple white shape (a single piece of debri, a disintegrating flame or something. Once I have a few base elements, such as the flame, the bouncing debri, the initial burst, I duplicate the hell out of everything. I flip and rotate everything to make it less apparent that I've duplicated it, and change it's first frame so that not everything happens at the exact same time, or it will break the illusion. It works best if you try to not make it too 'random', but have different levels of variation. There might be small parts of the explosion where there's many little flames clustered together, spewing out in an overall direction, and another part where there's one bigger flame (which I might sometimes expand the duration of this one symbol to give a bit more variation). When I'm satisfied with the look and timing, I place everything into the one movie clip symbol, and apply my glows. To give a more realistic effect, I apply three glows into the symbol which is the hotter colour close to the centre (usually yellow), the cooler colour (orange), and the coolest colour on the outside (darkish red). The content of the symbol itself is the hottest part which is already white. If you apply an 'add' blend mode to this movie clip, it will help to create more convincing glow effect.

The camera movements are Flash as well. Unfortunately it's impossible to render out an SWF which retains vector data from After Effects. The basic idea is that the furthest objects from the camera move slower, and closer objects move faster. This is true for when the camera is in motion, whether it's moving from side to side, forward or back, rotating in space. If the camera is simply zooming on an object (instead of physically moving towards it), this isn't the case, everything move at the same rate.

Flash is quite primitive when it comes to handling more complex camera moves (such as if the camera is moving from left to right, while zooming in and rotating). In these cases it's better to separate the movements into different symbols. Eg: Nested in the first symbol is all of the elements, simply moving from left to right. From outside that symbol, apply rotation. From outside that symbol, apply the zoom etc. This allows you to have varying rates to the zoom, while have a constant left to right motion if you need to.

Tarboy Special Effects - A quick guide and source FLA


Comments

Nice breakdown of your Tarboy techniques! I'll be checking that .fla out.

amazing work and thanks for sharing your techniques with us.

My pleasure :)

You went to qca, are you based in brisbane?
I liked those spark effects very much. Would you consider yourself more inclined to vfx animation or character animation?

Yep, I want to QCA and I'm still based in Brisbane (for the time being! :P)

It's hard to say which way I'm more inclined as I love both equally. I enjoy special effects as I find it rewarding to find technical solutions to create pleasing eye candy. I approach animation in a similar way, mostly I just love tinkering around :)

You sir, inspire me. Thanks for sharing that .fla, but I'm really curious...I bet the full .fla of Tarboy was huge, how did you manage to work after it got so long it lagged? You made several files and then put them all together, or something else? Hope you can answer.

Yeah that's correct. I make a habbit now of splitting my animation across multiple FLAs, and combining them at the end. It's always nerve wracking, because sometimes while combining the new scenes, Flash will simply say there's not enough memory.

Love your style man, and thanks for taking the time to share this :D Can't wait to chill with you guys!

Likewise! Only one more week to go!

Thanks for this, man. I always loved how clean and fast your effects were when it came to the glows/flashes/action, and it's great to see that your approach is actually quite practical... also really awesome to see someone else who doesn't resort to aftereffects when the going gets rough. Nice job as always!

Yeah, I love seeing how far Flash can be pushed, and it's interesting to see how finding out new ways to use old features can really open it up. Plus, I hate the fact that I can't retain my work in vector form, which is one reason I try to limit my After Effects use.

I'm not sure if you have mentioned this or not, but are you going to come out with a Tarboy 2?

Tarboy II is an ongoing project, but it's release is still most likely a while away :)

if tarboy was good then tarboy 2 is in my opinion better

And I thought my libraries were a mess ;)
Thank you very much for sharing this, this is great learning material

EPIC~!!!

Interesting techniques in that FLA... Alot of shit there I never touch.

what the F, there were 3D models in Tarboy??

Anyway the sparks n splashes n whatnot are all great, are you as big a Michael Gagne fan as I am or what?
<a href="http://www.youtube.com/watch?v=HSYDSLbrlZI#t=0m21s">http://www.youtube.com/watch?v=HSYDSL brlZI#t=0m21s</a>

Tarboy's head for a couple of scenes was constructed in 3D, as well as the waving liquid effect and insect laser eyes.

Michel Gagne is one of my favorite artists. I showed him Tarboy via email, and I was lucky enough to get a reply. He give me a link to his upcoming work, Sensology, which is amazing too :)

If anyone would have asked me if you would ever provide an FLA for special fx reference, I would have said no way in hell..This will help me out tremendously! Thank you so much!!