# Path Editing
Path editing lets you refine paths created with the Pen tool or converted from shapes. This page covers **path vertices** and how they are used to change the shape of a path.

<Image src="https://assets.docs.lottiefiles.com/static/962ebc1303-640.webp" alt="Path Editing Overview" caption="Path Editing Overview" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/962ebc1303-640.webp 640w, https://assets.docs.lottiefiles.com/static/962ebc1303-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/962ebc1303-1920.webp 1920w" width="2560" height="1440" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAACxLAAAsSwGlPZapAAAAfUlEQVR4nG2MQQuCQBhE/RtRIquyS60i0b06ym4Z4UJW0CHD/3/19MLPjh1n5s2LzvcPdXixr68cXcvBtZKn3nf9GDWPQYZsXbBKNUuVC9Q8B05dzwz4gDIWbSvizMhhAvzt/QNcILcVptwSp/qPwQVMuSPRGxaJEsNlNoxfYJtILbJdmPkAAAAASUVORK5CYII=" />

## Enter path editing

You can edit a path by double clicking a selected path and choosing **Edit Path**. When path editing is active, path vertices and bezier handles become visible.

## Vertices

**Vertices** are points on a path that connect segments and control where curves can change direction. They have control handles that determine the Bezier curve of the connected lines.

Vertex types:

<List type="bullet">
  <ListItem>**Sharp**: straight corner with no curve</ListItem>
</List>

<Image src="https://assets.docs.lottiefiles.com/videos/gifs/sharp.gif" alt="Sharp vertex" caption="Sharp vertex" zoom variant="default" />

<List type="bullet">
  <ListItem>**Curve**: smooth curve with connected handles</ListItem>
</List>

<Image src="https://assets.docs.lottiefiles.com/videos/gifs/curve.gif" alt="Curve vertex" caption="Curve vertex" zoom variant="default" />

<List type="bullet">
  <ListItem>**Disconnected**: handles move independently</ListItem>
</List>

<Image src="https://assets.docs.lottiefiles.com/videos/gifs/disconnected.gif" alt="Disconnected vertex" caption="Disconnected vertex" zoom variant="default" />

<List type="bullet">
  <ListItem>**Mirrored**: smooth curve with perfectly balanced handles</ListItem>
</List>

<Image src="https://assets.docs.lottiefiles.com/videos/gifs/mirrored.gif" alt="Mirrored vertex" caption="Mirrored vertex" zoom variant="default" />

## Bezier handles

Bezier handles extend from path vertices and control curve shape between vertices.

<List type="bullet">
  <ListItem>Handle length controls curve strength</ListItem>
  <ListItem>Handle direction controls curve angle</ListItem>
  <ListItem>Handles appear when a path anchor is selected</ListItem>
</List>

## Select path vertices

<List type="bullet">
  <ListItem>Click a path anchor to select it</ListItem>
  <ListItem>Shift click to select multiple vertices</ListItem>
  <ListItem>Drag to marquee select</ListItem>
  <ListItem>Press **Escape** to deselect</ListItem>
</List>

## Move path vertices

<List type="bullet">
  <ListItem>Drag vertices to reshape the path</ListItem>
  <ListItem>Arrow keys move by 1 px</ListItem>
  <ListItem>Shift + Arrow moves by 10 px</ListItem>
  <ListItem>Hold **Shift** while dragging to constrain movement to X or Y</ListItem>
</List>

## Adjust curves

<List type="bullet">
  <ListItem>Drag a bezier handle to reshape the curve</ListItem>
  <ListItem>Longer handles create wider curves</ListItem>
  <ListItem>Shorter handles create tighter curves</ListItem>
  <ListItem>Hold **Alt** while dragging a handle to break handle symmetry</ListItem>
</List>

## Change path anchor type

Right click a selected path anchor and choose:

<List type="bullet">
  <ListItem>**Convert to Sharp**</ListItem>
  <ListItem>**Convert to Curve**</ListItem>
  <ListItem>**Convert to Disconnected**</ListItem>
  <ListItem>**Convert to Mirrored**</ListItem>
</List>

## Add or remove path vertices

### Remove vertices

<List type="bullet">
  <ListItem>Select a path anchor and press **Delete**</ListItem>
  <ListItem>Or click an existing anchor with the Pen tool</ListItem>
</List>

Use the fewest path vertices needed for smooth shapes.

## Open and close paths

<List type="bullet">
  <ListItem>Click the first path anchor with the Pen tool to close a path</ListItem>
  <ListItem>Delete a path anchor to open a closed path</ListItem>
</List>
