## Metadata_Start 
## code: en
## title: Add a First Fill 
## slug: adding-a-fill 
## seoTitle: Add a First Fill 
## description: Learn how to add and customize your first fill in Vexy Lines to transform images into vector art.
## contentType: Markdown 
## Metadata_End

In Vexy Lines, a "fill" turns your reference image into vector art. Fills are line patterns that follow the contours and details of your image. Each type creates a distinct style, giving you plenty of creative options.

## Ways to Add Your First Fill

There are three ways to add your first fill:

### Using the Menu

![image.png](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/image-43JGZFBH.png){height="" width="316"}

1. Click **Fills > New** in the top menu  
2. Choose a fill type from the dropdown (see below for descriptions)  
3. The new fill appears in the Layers panel  

### Using the Layers Panel
![image.png](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/image-5XG87IRT.png){height="" width="218"}

1. Find the Layers panel (usually on the left)  
2. Click the **"Add new fill"** button at the bottom (+ symbol)  
3. Pick a fill type from the menu  

### In a New Project
![image.png](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/image-BM9NYOV7.png){height="" width="218"}

1. In an empty document, click the **"Click to add your first fill"** message in the center of the Layers panel  
2. Select a fill type to start  

## Understanding Fill Types

Here are the available fill types:

### Basic Fills
![Linear fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-linear.svg) **Linear**: Straight, parallel lines. Good for clean, simple looks.  
![Wave fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-wave.svg) **Wave**: Curved lines that follow image contours. Adds motion.  
![Radial fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-radial.svg) **Radial**: Lines radiate outward from a central point. Draws attention inward.  
![Circular fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-circle.svg) **Circular**: Repeating circles. Works well for round shapes or texture effects.

### Artistic Fills
![Spiral fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-spiral.svg) **Spiral**: Tightening or expanding spirals. Creates depth.  
![Halftone fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-halftone.svg) **Halftone**: Dots of varying size, like old newspaper prints.  
![Trace fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-trace.svg) **Trace**: Follows edges in your image. Best for outline-style results.  
![Wireframe fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-wireframe.svg) **Wireframe**: Interconnected lines. Looks modern and technical.

### Expressive Fills
![Scribble fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-scribble%282%29.svg) **Scribble**: Random sketch-like lines. Feels handmade.  
![Fractals fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-fractals.svg) **Fractals**: Repeating geometric patterns. For complex visuals.  
![Text fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-text.svg) **Text**: Uses characters to build the image. Words become art.  
![Handmade fill](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/fill-handmade%281%29.svg) **Handmade**: Draw custom line paths manually. Maximum control.

> **Beginner Tip**: Start with Linear or Wave fills—they're straightforward and easy to adjust.

## Customizing Your Fill

Once added, select your fill in the Layers panel. Then open the Properties panel (typically on the right) to tweak settings:

![image.png](https://cdn.document360.io/f64a08c7-43f3-48cf-ac56-a1facdb8f0ec/Images/Documentation/image-79ZFZMEK.png){height="" width="285"}

- **Interval**: Controls spacing between lines  
- **Angle**: Rotates the direction of lines  
- **Thickness**: Adjusts line weight  

Other options vary by fill type. Changes update live, so you can see results immediately.

## Tips for Success

- Use one fill type at a time until you know how it behaves  
- Small adjustments to interval or thickness can drastically change the output  
- Layer multiple fills once you’re ready for complexity  
- Reset individual settings if you go too far  
- Save versions frequently to avoid losing good setups

## Common Questions

**"Why doesn't my fill look right?"**  
Your reference image may be too detailed. Simplify the image or increase the interval/thickness values.

**"How do I make my artwork more detailed?"**  
Lower the interval value to add more lines. Try the Trace fill for sharper edge definition.

**"Can I combine different fill types?"**  
Yes. Many users stack multiple fills to create richer visuals.

Ready to build on this? The next section covers working with multiple fills to produce advanced vector designs.