30(ish) Clicks — No. 3

What up Fablers, welcome back to Fable Academy's, 30(ish) Clicks, where we show you how to make cool motion design inside of fable with as few clicks as possible. Let's dive right in.

In this exercise, we're going to create this sort of universal flowing lines graphic. Let's go ahead and set our canvas backgrounds to #EAEAEA.

Let's make sure our dimensions while we're at it are set to 1920 by 1080. We're going to set our frame rates at 24 frames per second. And set the duration to three seconds.

Our first step, let's grab our ellipse tool. From the top left, draw a circle on your canvas. Using our aligned tools, let's align it vertically and horizontally.

Let's remove our fill, enable the stroke, and set the stroke width to three.

We'll also set our stroke color to pure black.

Our next step, let's go up to the effects panel on the top right. Scroll down until we find our wave warp effect. Let's apply that to this first sphere.

Next, we're going to keyframe the movement to zero value at zero seconds. And at two seconds and 23 frames, we're going to set it to 18.81.

Next let's select our first keyframe and up here on the top right. We're going to change our curve type to linear so that it maintains a constant speed throughout.

Looks pretty cool already. Let's get some duplications in line to create our desired effect.

Selecting the layer, control D, duplicate and let's slip this layer forward three frames.

Hit control D again, and let's slide our layer forward three frames again as well.

Now we can select all three layers, duplicate them as a group and let's continue the pattern of three frames ahead.

Now that we have all of our layers, let's twirl down to expose our keyframes. Alt hold or option hold, if you're on a Mac. Select your last keyframe at the top and drag it forward so they're in line.

You're going to control A, select all, then de-select the bottom layer and shrink it down. Continue this process, deselecting the bottom most layer and shrinking down the circles above it. We're just trying to go for this sort of layered look here.

Once we've adjusted all of these, just go ahead and drag the front of each layer so that they are visible from the very first frame. Even if they don't start moving until a couple of frames down.

Preview this. Looks pretty cool as is. Let's move on to the next step here.

Our next step is to click outside of our canvas so that we're accessing the main scene. And on the main scene, we're now going to apply an invert effect. This one inverts the colors of our scene.

We're also going to apply grain on the master scene. These two effects will affect everything in our scene. Select all with control A, control G to group,. Let's rename our layer, the circles. Then we're going to increase our horizontal skew to 48.

Back on the master comp, we're going to add the tilt shift blur.

We're going to adjust the strength of the tilt shift to 38.8 and then adjust the angle of the tilt shift to 22.8.

I actually prefer the skew in the opposite direction. So let's go to minus 48

There we have it. Can't wait to see you in the next one.