Every Mother

How to draw a path with fill none in Adobe After Effects

H

Help, how do I draw a path and not a shape in Adobe After Effects?

For beginners in After Effects, sometimes simple tasks are very challenging. Case in point: creating a path with no fill is not completed like in Adobe Illustrator or Photoshop. However, don’t worry; making a path instead of a shape in Adobe Effects is still simple, but the option is a bit hidden.

After Effects Tutorial: Switch Pen Tool From Shape with Fill to Fill None for a Path with Outline

This short video tutorial shows you how to select a Fill of None for a path or shape in Adobe After Effects.

If you’re an Adobe After Effects user, you might run into this scenario. You’re following the tutorial. You’re trying to make a custom path to animate an object, and it says grab your pen tool and draw your shape. Your line, your path. Oh well, that’s not a path. That’s a shape, right? It has a fill. So then you’re going to come in, you’re going to say, okay, I’m trying to change my fill to none. Can’t find it. Right? So in After Effects, to create your fill as none there are different places that you need to look for that versus what you might be used to in Illustrator or Photoshop. In Illustrator and Photoshop, at the bottom of your toolbar, you have a fill and stroke area, and you can select either and click the none, and you can click between them. If you click the actual square or the outlined rectangle, you can pick your color so you get that similar color picker as you get in After Effects. If you have a fill when you use your pen tool, it is going to add a fill. It’s making a shape. If you click on that fill, you can then click none. All right so we know how to make paths in Illustrator. Well how would you do that in After Effects?With your shape layer selected and your shape selected you have these options for shape properties. And you can see that it has stroke color solid color, fill color, solid color. So I can use this dropdown and say none. That’s one way to get to a path. If I go back to solid color, the other way is up from this menu. If you click the blue text fill option, you now get a pop up window where you can choose none. All right, so sometimes the simplest things are hard to find. And I hope that made the process easier for you to switch from drawing a shape with your pen tool to switching to drawing a path. Good luck!

Latest After Effects Update

In versions, such as 25.6, now the word Fill is a hyperlink (and the color changes slightly when you hover over the word Fill). Clicking the word fill opens a modal that allows you to choose your fill options.

This FILL modal is accessed by selecting your shape, and then clicking the word FILL from the top menu. It allows you to change fill from none, to solid, to gradient and opacity and layer blend modes.
Fill modal accessed by selecting your shape, and then clicking the word FILL from the top menu.

An additional way to change a shape’s fill in After Effects

You can also use Option-Click on your Mac and click Fill’s rectangle color swatch. This will cycle you through fill options: solid fill, none, linear gradient, and radial gradient.

Thanks for sharing this tip. Yes, you can cycle through the fill options with this technique, too. On a Mac, with your shape selected, click Option on your keyboard and click the fill box. Each click on the fill box will change it from solid, to linear gradient, to radial gradient to no fill.

If you’re looking for an easy way to find or edit the size of your shape in After Effects, there’s a simple way.

Happy Animating!

About the author

Kelly Barkhurst

Designer to Fullstack is my place to geek out and share tech solutions from my day-to-day as a graphic designer, programmer, and business owner (portfolio). I also write on Arts and Bricks, a parenting blog and decal shop that embraces my family’s love of Art and LEGO bricks!

Add comment

Recent Posts

Archives

Categories