PDA

View Full Version : Animation Goodies, a ramble


Stroker
09-13-2003, 08:33 PM
This is a straight cut-n-paste from somewhere else in these halls. A suggestion was made and I'm taking him up on it. I recommend you take in chunks to digest the ideas and concepts.

Hopefully jonbalza will show up soon with his little diddy.

********

I did say I would post something to test the waters over here. Rather than a tutorial, I think I'll go on a ramble. You might have to put your thinking caps on because I'm going to assume a certain level of proficiency and this is text only with one exception.

And here is that exception. This is a Polar Coord variation I did from Mahjqa's fire technique:
http://w3.chrlmi.cablespeed.com/~halmich/ozone/littlebowser.gif

Some other cool things can be done with Mahjqa's fire, like smoke and other whispy things. I even have a variation to build a D-Map for rising heat waves (see Heat Waves (http://w3.chrlmi.cablespeed.com/~halmich/tech-slop/heatwaves/index.shtml)). Gotta love it.

So, you want to animate a gooey mess? Well, I'm not going to show you how to do it explicitly, but I will give a bunch of junk for you to mess with.

First, let's take a look at Mahjqa's fire. Layer are something like this:
4. Favorite method to colourize, probably a Gradient Map Adjustment Layer
3. Mask layer set to Colour Burn
2. Magic layer
1. Background

Not bad.

Now, let's look at another method for animating:
1. Start a new doc and fill with Black
2. Paint white blobs and give it some liberal Gauss
3. Start another layer with black
4. Paint some white blobs and give it some more Gauss
5. Set the second layer to Screen
6. Add a Levels Adjustment Layer and tighten it up

Layers something like this:
3. Levels Ad-Layer nice and tight
2. Blurred blobs and set to Screen
1. Blurred blobs

Pretty straight forward, but the fun is with the Move tool. Use the Move tool to move the Screen layer around. What you should see is some blobs kind of flowing around. Now that's cool.

Now let's take a peek at a modern version of Snowy Mask (http://development.gurusnetwork.com/kpt/tip/23/).
The Layers for a modern version looks something like this:
3. Levels Ad-Layer to taste
2. Something with some kind of blur and set to Difference
1. Background, probably also with some kind of blur

With Snowy Mask, move either Layer 1 or Layer 2 to get things to animate. Now, this is one of my favorite techniques. I can't even begin to describe the variations.

For those last two variations, I didn't mention colourizing. Use your favorite method on top of it all to add some colour. Yeah.

Sure is fun, isn't it? Ah, but there is a slight problem with the three techniques mentioned. The problem is that there is a layer in each one that kind of operates on what's beneath it. When you try adding more stuff in there, the compositing of those layers can get messed up. It can get very not pretty in a hurry.

Let's run through this with Snowy Mask on a photo to see the problem, and then fix it really smooth like.

1. Grab a photo
2. Start a new layer and fill with black
3. Default colours and Clouds/Difference Clouds to taste and some Gauss
4. Set it to Difference
5. Add a Levels Ad-layer and switch the Output sliders to invert and Input sliders to taste

What you should end up with is a Snowy Mask effect that conforms to the photo. However, the Difference Layer makes it kind of hard to composite over the photo. That is, you can see the Snowy Mask, but not the photo. Jeez, I hope that makes sense.

Let's fix it real smooth like.

1. Start a new Layer Set
2. Copy the photo and toss in the set
3. Toss the Difference Clouds layer in the set
4. Toss the Levels Ad-Layer into the set

Now this is the cool part...

5. Set the Blending Mode of the Set to Screen

Should looks something like this:
2. Set1 set to Screen
2c. -- Levels Ad-Layer
2b. -- Clouds/Difference Clouds
2a. -- Photo copy
1. Photo background

Now use the Move to move 2b around and watch the magic.

Dude! That is too cool!
And the same idea of using a layer set with a non-normal blending mode applies to the other techniques already mentioned.

So, what does this mean?
It means you can animate any sort of dependant blending mode combo over any given background with ease.
It also means that you can mix and match the techniques within the same doc.

Yes, you can mix and match the techniques with layer sets.

Lets say you have a layer set with Snowy Mask in it that has an electric feel to it. Well, copy the set, rearrange a few things for a whispy smoke feel, and all of a sudden you've got electricity *and* a plasma-esque aurora to go with it. Now, if you link the right layers between the two different sets, you can keep the seperate effects in synch with each other when you animate.

Or you can do blobs that flow and ebb in one layer set, and give them snaking tendrils in another set - while keeping them in synch.

That is like coolness^2 or something.

So, can the gooey stuff originally posted be animated?
Certainly, and a whole lot more with the right Bag o' Tricks.

Now, I have left a ton of junk out of this ramble. I mean, I could talk about variations, particulars, and tweaks until your brain oozes out of your eye sockets, but I won't do that. I'll leave those things up to you. At the very least, you should now have a pretty good foundation to mess around with.

play.fiddle.learn

jonbalza
09-13-2003, 11:24 PM
OK, cool Stroker. Lots of cool info in there, with some great techniques. I wouldn't hesitate to say required reading for anyone looking to create animated avs. Nice to have you here, btw...

Anyway, here's something I did that's pretty much the same as method number 2 of the post above. It's still a WIP, but you get the idea.

http://www.balzasteel.com/temp/av.gif

sPECtre
09-14-2003, 02:55 AM
Ah ah! Stroker at his best!


I'll try to dive in that effect when I'll be fully awake!
---

For more info about Mahjqa's fire effects, check these entries from OzoneAzylum's FAQ :

fire (http://faq.ozoneasylum.com/76/rating/) fire II (http://faq.ozoneasylum.com/350/rating/) fire III (http://faq.ozoneasylum.com/692/rating/)

---

Stroker
09-15-2003, 01:52 PM
Doh! I'm falling behind.

Jonbalza, I'm interested in how you did the highlights on your water. I've been trying a few different things, but I haven't yet hit on something that I'm totally satisfied with. Care to tell?

jonbalza
09-15-2003, 10:05 PM
Great links as always, Pierre.

Actually, the highlights are just a layer style (http://www.balzasteel.com/temp/water.asl)... Specifically, the bevel and emboss with pretty standard settings, and the altitude set to 50 degrees.

Greg Vander Houwen
09-15-2003, 10:17 PM
Thanks Stroker. Nice stuff and sweet rant.

Greg

Stroker
09-16-2003, 07:06 AM
Layer Style? Figures. I have problems with Layer Styles. For some reason, they don't behave for me the way RTFM says they should.

I am working on a few examples, but I'm a tweak freak and low on time, so don't hold your breath.

Stroker
09-18-2003, 09:32 PM
I'm lower on time than expected. I won't bore you with the details. So I figured I would at least post some of my initial fiddles and tests as oppossed to a polished final. Fairly simple, but they show the potential.

Been having some server problems lately, so I can't say for sure if they will show.

My very first "official" animated test:
http://w3.chrlmi.cablespeed.com/~halmich/ozone/tech-slop_snowy-mask.gif

Another really simple text fiddle:
http://w3.chrlmi.cablespeed.com/~halmich/ozone/plasma_st.gif

An 8 frame test with Polar Coords:
http://w3.chrlmi.cablespeed.com/~halmich/ozone/plasma_arc2.gif

A "compositing" test:
http://w3.chrlmi.cablespeed.com/~halmich/ozone/plasma_bikerchic.gif

jonbalza
09-18-2003, 10:03 PM
THAT is crazy. Very nice stuff, but why would we expect anything less. I'm having a lot of fun playing around with this stuff, but haven't gotten anything like that second one. Very cool.

Stroker
09-19-2003, 12:48 AM
The second one is Snowy Mask, but the bottom layer (Normal) is animated instead of the top one (Difference).

5. Gradient Map Ad-Layer to colourize
4. Levels Ad-Layer to Invert and tweaked to taste
3. White text, rastorized, Fill Behind > Black, Gaussian Blur, set to Difference
2. Random photo of lesbians with some Gauss set to Normal <-- this is the layer that gets animated
1. Background

I originally had that one in a Set set to Screen over a background with text, but I was too crazy with the tweaks and the background text was getting lost. So I just took it out.

edit:
I just double-checked the PSD and made an error.
Between the Levels and the Grad-Map, I have a "mask" layer set to Colour Burn.
Copied the text, rastorize, fill behind > black, more gauss, and set to colour burn. Put that between 4 and 5.

docilebob
09-19-2003, 10:59 PM
Good stuff, Stroker. You SO make learning fun :)
Thanks (again).

Phenomenon
12-11-2003, 07:52 AM
Stroker - your anims are kewl!

I've tried having a go myself by following the Snowy Mask tutorial, but I keep getting stuck at the Difference Window!!!! I don't know wot to do :]

Is there anychance of you doing a tutorial on yer anims? From PS thru to IR?

Anim is something I want to take a look at.

Stroker
12-11-2003, 08:47 AM
Ugh! Perfect timing. I'm right in the middle of writing a small series of 3DS Max tutorials, taking care of some PS tutorials that I've been meaning to upload, making PDFs of choice material, plus getting ready to open a new site. Not to mention being a dad.

But I like talking about PS, so I'll see what I can whip up in the next few days. At the very least, I'll upload a PSD for folks to tear apart. Also know that I'm not going to talk about IR. It's just basic tweening and not that difficult to figure out.

Phenomenon
12-11-2003, 08:59 AM
Sounds like you've got yer hands full mate. Hope I haven't caused you more hassle. Takes yer time for the tut - I can find another project to work on for now.

Thanks for taking the time to answer tho - cheers

Stroker
12-11-2003, 02:28 PM
No worries. I have to get back to this one of these days.
As for now, here is a simple PSD for you to play with:
snowyex01.zip (http://www.playfiddlelearn.com/stuff/snowyex01.zip) ~166k

I'll toss up a few more variations as I get the gumption.

You know what? Stuff like this might be perfect for me to test making videos. Sounds like a plan.

Stroker
01-15-2004, 12:43 PM
Here's another one that shows shortcuts for "dual" motion. Rather than go with 2 layers sets, I sacrificed some control for fewer layers.

snowyex03.zip (http://www.playfiddlelearn.com/stuff/snowyex03.zip) ~515k