Featured Article

How to Fill a Shape with Lines in Illustrator

Cynthia Jul 13, 2026

Ever found yourself in Adobe Illustrator, needing to fill a shape with lines, but unsure how to approach it? Fret not, you're in the right place. Today, we're going to explore a simple yet powerful technique to achieve just that.

Easy way to make shapes in adobe illustrator!❤️
Easy way to make shapes in adobe illustrator!❤️

Before we dive in, ensure you have a shape selected in your Illustrator workspace. If you haven't created one yet, don't worry, we'll guide you through every step of the process. So, let's get started!

Fill Shapes with script in illustrator
Fill Shapes with script in illustrator

Understanding the Stroked to Filled Transition

First, let's grasp the basic concept of filling a shape with lines. In Illustrator, a shape's outline is defined by its stroke. By manipulating this stroke, we can create the illusion of a filled area. This technique is often used to create halftone effects or intricate patterns.

Adobe Illustrator: Simple SVGs with Shapes and Lines
Adobe Illustrator: Simple SVGs with Shapes and Lines

In this guide, we'll be using the 'Illustrator native' method to achieve this effect, which involves utilizing the strokes' properties and the scanner plugin. This ensures compatiblity and ease of use across different versions of Illustrator.

Creating the Base Shape

How To Create Die Cut Lines in Adobe Illustrator
How To Create Die Cut Lines in Adobe Illustrator

Begin by creating a simple shape using the Rectangle Tool (M) or the Ellipse Tool (L). For this guide, let's use a circle. Once your shape is created, using the selection tools (V or Direct Selection Tool A), ensure it's selected, and proceed to the next step.

At this stage, your shape should have a visible outline, indicating it's stroked but not filled. This is the foundation upon which we'll build our line-filled masterpiece.

Preparing the Stroke

an app that shows how to make cool shapes
an app that shows how to make cool shapes

Now, let's prepare the stroke for creating lines. First, ensure your shape is still selected. In the toolbar, click on the Stroke color to open the color picker. Choose a color for your lines. Typically, a stark contrast to the background or surrounding elements works well.

Next, adjust the stroke width. A wider stroke means thicker lines. For a filled shape effect, a moderate to wide stroke will suffice. You can adjust this in the toolbar, or by entering a specific value in the Stroke panel (Window > Stroke).

Applying the Scanner Plugin

the new method to create an animated shape in adobe
the new method to create an animated shape in adobe

The scanner plugin is a powerful tool that helps us create a filled effect from the stroke. If you haven't installed it yet, you can find it in the Adobe Creative Cloud marketplace or by searching for 'scanner plugin' in your Illustrator menu.

Once installed, you'll find it in the Effect menu. Before we proceed, ensure that your shape is still selected.

How to Fill Letter Shapes with Link Threaded Text in Adobe Illustrator
How to Fill Letter Shapes with Link Threaded Text in Adobe Illustrator
Monje Studio Tutorials: How to Make Colorful Liquid Effect in Illustrator (Easy)
Monje Studio Tutorials: How to Make Colorful Liquid Effect in Illustrator (Easy)
【Illustrator】イラレの線で立体的なシルエットを表現する方法
【Illustrator】イラレの線で立体的なシルエットを表現する方法
Tutorial
Tutorial
Abstract Background Tutorial, Abstract Background Adobe Illustrator, Smooth Lines In Illustrator, Illustrator Lines, Illustrator Background Tutorial, Adobe Illustrator Chrome Effect, Liquid Gradient Adobe Illustrator, How To Make Wave Lines In Illustrator, How To Make A Blurred Background In Illustrator
Abstract Background Tutorial, Abstract Background Adobe Illustrator, Smooth Lines In Illustrator, Illustrator Lines, Illustrator Background Tutorial, Adobe Illustrator Chrome Effect, Liquid Gradient Adobe Illustrator, How To Make Wave Lines In Illustrator, How To Make A Blurred Background In Illustrator
an image of a hand with the words power written in it
an image of a hand with the words power written in it
"Master the Shape Builder Tool in Illustrator | Tips & Tricks You Must Know!"
"Master the Shape Builder Tool in Illustrator | Tips & Tricks You Must Know!"
a woman sitting in front of a laptop computer with the text how to create a double outline text effect
a woman sitting in front of a laptop computer with the text how to create a double outline text effect
Vector Illustrator, Lux Design, Features Design, Graphic Design Vector, Adobe Illustration, Design Process Illustration, Pathfinder Illustrator, Graphic Design Vector Illustration, Logo Sketch
Vector Illustrator, Lux Design, Features Design, Graphic Design Vector, Adobe Illustration, Design Process Illustration, Pathfinder Illustrator, Graphic Design Vector Illustration, Logo Sketch

Applying the Scanner Effect

With your shape selected, navigate to Effect > Illustrators Effects & Presets > Scanner... This will open a dialog box where you can customize the scanner effect.

In the 'Scanlines' section, adjust the 'Area' slider to control the fill density. A higher value results in a denser, more filled appearance. The 'Width' slider adjusts the width of the scanlines, and the 'Angle' rotates them. Experiment with these values to achieve your desired effect.

Rendering the Effect

After adjusting your settings, click 'OK'. This will apply the scanner effect to your shape's stroke. At this stage, your shape should now appear filled with lines.

You can expand the effect (Object > Expand Appearance) to edit the lines directly, or you can leave it as is for a non-destructive workflow. Additionally, you can adjust the stroke color, width, or other properties to fine-tune the effect.

And there you have it! You've successfully filled a shape with lines in Adobe Illustrator. This technique opens up a world of creative possibilities, from intricate patterns to stunning halftone effects. Happy designing!