banner



How To Animate Paint In After Effects

This tutorial will evidence you lot how to brand this from scratch....

animate.gif#asset:672

Later you lot have opened up a new project in After Effects open up a new limerick by doing the post-obit...

1. Open a new composition

1.New-Comp.jpg#asset:605

Gear up PRESET to: HDTV 1080 25

You can set the Duration to whatever time you want just I set mine to 0:00:x:00 (10 secs)

Now click OK

2.a.jpg#asset:606

two. Create a solid (background)

To create a solid right-click under the window that says "Source Name" in the timeline panel. (Ordinarily the bottom left panel  of the screen.

2.Make-a-solid.png#asset:607

Change colour of solid to a dark grey or black (or another colour if yous prefer) click OK

changeColour.png#asset:608

three.  Create a Text layer

Create a text layer by once again right-clicking nether the "Source Name" part of the timeline window and selecting Text from the pull down menu.

3.great-a-text-layer.png#asset:614

Type out any word in your preference of font/typeface (something in bold volition probably work best for this)

3.type-out-your-word.png#asset:615

4. Catechumen Text to Shape

Right-click on the text layer and click "Create Shapes from Text"

Screen-Shot-2017-07-27-at-14.18.25.png#asset:616

5. Add Stroke to Layer

At present that your text layer has been converted to a shape, you can add a stroke.

You tin do this by following the below steps.

  1. Click the pointer to the left side of the shape layer
  2. Click the pointer beside Add
  3. Select  "Stroke" from the pull down menu

5.addstoke.jpg#asset:617

6. Remove Make full

Under the contents tab, go through each letter of the alphabet and make certain the visibility icon (the eye) is not selected or shown. You want to remove each fill from every letter.

6.Remove-Fill.jpg#asset:621

Your composition should at present look something like this...

Screen-Shot-2017-07-27-at-16.35.01.png#asset:623

7. Thicken Stroke

Now go to the Stroke yous added which should exist located in a tab under all the letters, and increment the stroke width to 7.

7.stroke.jpg#asset:627 Screen-Shot-2017-07-27-at-16.41.21.png#asset:625

8. Add together Trim Paths

With Contents tab selected get to the arrow beside Addand select Trim Paths from the dropdown menu.

(You shouldn't see any divergence to your composition)

8.Add-trimPaths.jpg#asset:629

9. Add together Keyframes to Trim paths

  1. Motion Time Scrubber to far left of Timeline
  2. Change the value of the End from 100% to 0.0%
  3. Click the Stopwatch so it turns Blue (on)

A blueish diamond (keyframe) should now announced on the timeline to the right.

9.-Set-keyframes.jpg#asset:630

  1. Now move the the timeline scrubber to the right, somewhere further on in the timeline (perchance two seconds)
  2. Change the End value back to 100%

9.setother.jpg#asset:631

Now Right-click the outset keyframe and go to > Keyframe Assistant > Like shooting fish in a barrel Ease Out

rightclick9.jpg#asset:636

Your keyframe should now wait like this...

Screen-Shot-2017-08-02-at-16.29.12.png#asset:637

Now do the same with the other Keyframe on Select Easy Ease In

Screen-Shot-2017-08-02-at-16.39.01.png#asset:638

10. Add Start Keyframes for Trim Paths

  1. Move Time Scrubber to roughly middle (3/4) between the End Keyframes
  2. Click to stopwatch abreast Start to turn it blue (on)

9StartKeyframe.jpg#asset:639

Now motility the Time Scrubber to the correct about 2d after the right End keyframe.

Change the Start value to 100%

10Start.jpg#asset:641

At present make sure both of these new keyframes are Easy Ease Out and Easy Like shooting fish in a barrel in by following the steps in the previous step. They should at present wait like this.

Screen-Shot-2017-08-02-at-16.56.43.png#asset:642

And that is it!

xi. Render (export)

Become to Composition > Add to Render Queue

Screen-Shot-2017-08-02-at-17.00.28.png#asset:643

Afterward picking a file proper noun past clicking on the pick that says your comp proper name.mov only hit Render.  This should take several minutes to render and should appear as a .mov in the file that you lot chose.

Screen-Shot-2017-08-02-at-17.00.54_170802_160814.png#asset:646

And that is it!

animate.gif#asset:672

If you would similar to enquire about an animation or an explainer animation for your company, requite u.s. a call on:028 9507 2030. Or you can fill out a contact form and we will become back to you equally soon equally possible!

Source: https://animatestudios.com/blog/tutorial-animate-the-outline-of-a-word

Posted by: hallvint1982.blogspot.com

0 Response to "How To Animate Paint In After Effects"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel