Line drawing animation after effects

Line drawing animation after effects DEFAULT

Cgcreativeshop Cgcreativeshop Cgcreativeshop Cgcreativeshop

cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

How to animate a line in After Effects

Whether you're drawing a line between two points, underlining some text, or creating a simple lightsaber effect, knowing how to animate a line in After Effects is one of the basic skills you need in your motion design toolbox.

In this article, we'll look at perhaps the most common line animation After Effects is great for: animating a line so that it appears to draw on the screen from one point to the next.

Alternatively, you may want to check out our other blog post on how to connect objects with lines in After Effects which produces a different type of line animation - in that post the line is animated by moving the individual points on it. For this article though let's see:

How to animate a line drawing on-screen in After Effects:

Step 1. Create a shape layer with a stroke

To get started then, first you need to draw the line you want to animate. To do that create a new shape layer by choosing

Layer > New > Shape Layer

With the new shape layer selected, you should now see the fill and stroke options appear in the top bar of After Effects. For this example, we don't want the shape layer to have a fill effect so in the top bar click the blue Fill link to open up the fill options, then choose none (the furthest left option), and click OK.

Next, make sure the shape layer has a stroke applied to it by clicking the px value next to the stroke colour option in the top bar of After Effects, for this example let's use a value of 10 pixels. You can also change the colour of the stroke by clicking the colour box next to the pixel value in the top bar.

Step 2. Create your line

With your shape layer selected, it's time to create the line. To do that you need to select the pen tool from the top toolbar, or alternatively press G on the keyboard to switch to the pen tool.

Next, click on the composition window to add new points to your line, holding down the shift button will ensure that any lines you draw are straight and they'll either be horizontal, vertical, or at 45 degrees from the previous point.

With your line now created, it's time to animate it!

Step 3. Add the trim paths option

In the layer panel, open up the shape layer by clicking the little arrow next to the blue square, this reveals the Contents and Transform options of the shape layer.

Alongside the Contents line, you should see the Add option with an arrow inside a circle, click this arrow and choose Trim Paths from the pop-up menu.

Step 4. Add your keyframes to animate the line

Open up the trim paths settings in your shape layer by clicking the little arrow next to “Trim Paths 1” - you should see four options: Start, End, Offset, and Trim Multiple Shapes.

The option we're interested in is the End value, which by default is set to 100%.

First, move the timeline marker to where you'd like your line animation to begin, for this example we'll just use the starting time of 0.

Next, click the little stopwatch next to the End value to add a keyframe in the timeline.

Without moving the timeline marker, change the End value to 0% - you should notice that the stroke on your line has now disappeared.

Move the timeline marker along around 4 seconds or so (or however long you want the line animation to last) and then change the End value again to 100% - and there we are, it's this change in the end value from 0% to 100% that creates the line animation.

And that's it!

That's how to create a simple line animation in After Effects, you should definitely experiment with the animating the other Trim Paths options too - for example, try keyframing the Start value from 0% to 100% in the same way as you've animated the End value but then shift the start keyframes over by a couple of frames, this will create a shorter line that animates along the path and disappears at the end.

Enjoyed this post? Share it with your friends:

  1. Cottage for rent rideau lakes
  2. Hotels west st paul mn
  3. Haircuts for blonde straight hair

Pen Tool in After Effects

pen tool in after effects

Introduction to Pen Tool

Pen tool usually we see in photoshop which helps us to create a path and select the characters. The pen tool is one of the great performance tools in after effects also; with the pen tool, we can draw a shape easily and create different masks; masks are used to merge the multilayers in after effects. With the help of the pen tool, we can draw shapes and create the path to animate; we can do animations, text animation, and shape animation with pen tool Now, let’s see some of the animations with the help of the pen tool.

Using Pen Tool in After Effects

First, we see how to draw a line with the pen tool and animate a line.

Step 1: Create a New Composition.

new compostion in pen tool

Step 2: Create a Shape layer where we can draw the shape of the line and animate it.

creating shape layer

Step 3: Select the Pen Tool, and here we do not need the fill because we are drawing only a shape, fill will be used in masking cases, here are two options one is masking, and another one is drawing a shape, so we select shape option.

select pen tool

Step 4: Select the Stock of color which you like; always select an attractive color because it gives beauty to the animation.

choose color

Step 5: Now here we go with the drawing, draw a shape of your wish with the help of a pen tool, draw a line like a curve’s no issues even you don’t get the correct shape because we have another option to correct the shape we can see that in the next step.

draw with pen tool

Every time we will not get a good drawing, however, we use the pen tool; while using the pen tool, in some places, we cant manage the curves and shapes; in such cases, we have an option to correct the shape and curves; let us see how

Step 6: Go to the shape layer, content, shape. Select the path as shown in the below image. Once we select the path, we can find the points in our drawing.

select path and draw

Step 7: Now, select the selection tool to adjust the points in the drawing; by adjusting that points, we can bring the shapes according to us to get good shapes.

adjusting point

Step 8: We can see the anchor points in the drawing now; we can select every point and adjust the drawing.

anchor points

Step 9: By adjusting the points, we can get our shapes.

adjusting the point

Step 10: In this step, I am going to explain very important and useful option Trim paths; let me tell something about the trim path; some of the users who use aftereffects rarely may don’t know about this because it hides under the shape submenu, this tool allows you to adjust the layer paths. We can do multi animations with this trim path like Map route, infographic, text stroke, text box, circle bursts.

the trim path

Step 11: In this Trim path, there are two main options start and end.

Trim paths

Step 12: Now, change the values of start and end.

change value

Step 13: Here, we change the values of start and end.

changed value (pen tool in after effects)

Step 14: Here, we need to start the animation by applying it to the start and ending points. The first start is with 0,0 in the start, and end values go to the next point where ever you need and give the value of 100,100 in start and end values.

start animation

Step 15: At the starting point, increase the value of End to 20 now; we can find a small line.

end point

Step 16: When we move from start to end position, we can see the animation of the line moving from starting to end like a snake.

moving animation

Step 17: Here, we have the vector mode to edit the values to make our animation smoother.

vector mode (pen tool in after effects)

  • In this process, we saw how a shape is animated with the help of a pen tool, here we draw a line with a pen tool; with the help of a path, we create a shape, and we use trim paths to animate that line by changing starting and ending points. Not the only shape we can animate a particle with the help of a pen tool.

Particle Animation with Pen Tool

Following are the steps of creating animation with the pen tool.

Step 1: Import any of the objects which you willing to animate; here, I am importing a ball.

import a ball

Step 2: We can animate the object with keyframe animation by changing the start and end position; it’s a basic normal process anyone can do.

normal keyframe

But if you need to do something different or creative animation, just go through the pen tool.

Step 3: Select the shape layer where we are going to draw a path for our animation.

select shape layer

Step 4: Select the pen tool to draw the shape.

use pen tool

Step 5: Now draw a shape according to our animation requirement, we have imported a ball object, so I draw a shape of up and down because I feel that the ball need to fall from up to down and jump step by step so I started the first point at the top and draw an up and down shape and ends at a corner where the ball needs to stop.

animate with pen tool

Here you can see how the shape is; in this shape, the ball is going to travel, you can find the first point out of the screen where the ball travels from out of the screen.

Step 6: For every object, there will be a centre point; in this process, we need to change the centre point to the bottom because we have an object ball; if the ball has a center point in the middle while touching the ground, its center point will meet the ground where it won’t look professional, so I changed the center point if we have any other object we can change the center point according to the requirement.

change center point

Step 7: Go to the Shape Layer, Contents, shape – Path 1 – Path. Select the path and copy, make sure both the path is selected while copying.

copy the path

Step 8: Go to the object (ball) and select the position by clicking (p) on the keyboard and paste.

select position (pen tool in after effects)

Now the ball is hidden because while applying the path copy to position to the ball, it moves in that path.

Step 9: By adjusting the key points in the timeline, we can manage the animation like fast starting and slow at the end.

adjust key points


In this process, we animate a ball using the pen tool; we draw a shape and create a path and copied the path from the shape layer and pasted in the object position by that the object follows the shape positions. By using this as a sample, we create many other animations. Like ways, we can animate any object by using the pen tool.

Recommended Articles

This is a guide to Pen Tool in After Effects. Here we discuss how to use Pen Tool in After Effects with practical examples. You can also go through our other related articles to learn more –

  1. Effects in Illustrator
  2. After Effects Timeline
  3. After Effects Tracking
  4. 3D Effects in After Effects
Super EASY scribble, scrawl, doodle effect - Adobe After effects tutorial (Remastered)

Then dad began to increase the pace, the tremors became faster and more energetic, and again I felt myself flying away somewhere. it seemed that my whole body became light and weightless. Each push drove a wave in front of me, it made me bend, wriggle, moan. no, it was not even moans, but some incomprehensible cries like oh, oh, oh!, Which I was surprised myself.

Animation effects after drawing line

I close my eyes and imagine fucking her. Now would be to fuck a naked woman. I wonder where you have to go to record to be filmed in such films.

How To Animate A Line In After Effects

It's such a thrill to feed him as small hey. in the afternoon I was pumping in the toilet and in the evening he eagerly sucked his breast and finished like schoolchildren. the milk became even more.

Similar news:

Do you know how I get off with Mikhail. Not that with you. Women love to be tough.

1275 1276 1277 1278 1279