Create Wiggly Text and Animations Using the Line Boil Effect


Learn how to create a line boil effect on text and animations in After Effects. Tutorial includes free preset!

In this tutorial, we’ll look at how to create a line boil effect in After Effects. We’ll also explore some of the handy uses for this effect and how to create your own line boil preset.

Ready for the tutorial? Let’s go! Be sure to download the free project file and preset as well!

DOWNLOAD THE AE PROFECT FILE AND PRESET

By downloading, you agree not to resell or redistribute these free assets.


What Is a Line Boil Animation?

A line boil is a visible effect that occurs when frames of an animation don’t align perfectly. It gives the animation almost a “bubbly” quality, hence the term “boil.” It’s a common occurrence with hand-drawn or painted animations. However, we can add our own line boil effect to existing animations and text in After Effects, to give them more of a handmade feel.

Line Boil Effect: Example
Visual examples with and without a line boil effect.

Check out Jason Boone’s tutorial on Creating Hand-Drawn Line Boil Animations, if you’d like to know more about creating this effect by hand.


Creating a Line Boil in After Effects

First, create a new Adjustment layer above your animation. Next, apply the effect Turbulent Displace. This is the core effect we’ll use to create our line boil. The two effect settings we’ll need to adjust are the Amount and Size of the displacement.

Line Boil Effect: Turbulent Displace
Apply the Turbulent Displace effect.

For the Amount, I recommend setting this between 5 and 10. For the Size, I suggest between 20 and 60. (For animations, lower values usually look better. I typically only use higher values with text, for exaggerated movements.)


Animating the Line Boil

Now, we need to animate the line boil. For this, we need the Turbulent Displace effect to change randomly at a frame rate we set. These random changes will create the look of a line boil on our animation. Toggle down to the Evolution Options for the Turbulent Displace Effect. Then, hold Alt and click on the stopwatch icon for Random Seed. (Hold Option and click on a Mac.)

Line Boil Effect: Random Seed
Hold Alt and click on the stopwatch icon for Random Seed.

This will open up the expression options for the Random Seed effect. We’re going to input an expression that will change the Random Seed effect to a random value at a set frame rate. Let’s say we want our line boil to change four times per second. Plus, we want the Random Seed to be a random value between 0 and 100. For this, we’d input this expression for the Random Seed setting:

posterizeTime(4);random(100)

Now the Turbulent Displace effect is changing randomly four times per second, giving the illusion of a line boil effect on our animation.

Line Boil Effect: Line Boil at 4fps
Line boil effect animating at 4 frames per second.

We can easily change the frame rate of the line boil effect by changing the number value for Posterize Time in our expression. Let’s say we want a faster Line Boil at twelve frames per second. To do this, we just need to input a value of 12 instead of 4 in our expression, like this:

posterizeTime(12);random(100)

The result will be a much faster line boil effect on our animation.

Line Boil Effect: Line Boil at 4fps
Line boil effect animating at 12 frames per second.

Making the Line Boil Easier to Use

We can make the line boil easier to animate by adding a controller for the line boil frame rate. To do this, apply a Slider Control to the Adjustment layer. Select the Slider Control and press Enter to rename it Line Boil Frame Rate. Then, use your mouse to highlight the number value after Posterize Time in the expression.

Line Boil Effect: Posterize Time
Highlight the number value in parenthesis after posterizeTime.

Next, click and drag the Pick Whip for the Random Seed setting to the Slider Control. This will link the two.

Line Boil Effect: Linking the Slider Control
Use the Pick Whip to link the expression to the Slider Control.

Now you can just set the Line Boil Frame Rate using the Slider Control, instead of having to input it manually in the expression.


Creating the Line Boil Preset

Now that the expression and Slider Control are set up, we can save out everything as a preset. (This will make it easy to drag and drop the effect on anything we need in the future.) First, hold CTRL and select the Line Boil Frame Rate and the Turbulent Displace effects.

Line Boil Effect: Selecting Both Effects
Hold CTRL and select the Turbulent Displace and Line Boil Frame Rate effects.

With both effects still selected, make sure you have the Effects & Presets panel open. Then, click on the small post-it note icon in the bottom corner. This will allow you to name and save the preset.

Line Boil Effect: Creating the Preset
With both effects selected, click the small post-it note icon in the corner of Effects & Presets.

You can now search for the line boil preset in the Effects & Presets panel.

Line Boil Effect: Line Boil Preset
Search for the line boil preset in the Effects & Presets panel after you save it.

Drag and drop the preset directly onto graphics or Adjustment layers to immediately create a line boil look.

Line Boil Effect: Using the Preset
Drag and drop the preset onto text and graphics to create a line boil look.

Interested in the royalty-free tracks we used to make this video? Give them another listen:

Also, for additional info on creating graphics and animations, check out these articles:





Source link
Studionics The Best Media Production house in Coimbatore


Category: ,
%d bloggers like this: