> For the complete documentation index, see [llms.txt](https://docs.drawtify.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.drawtify.com/easier-graphics-solution/how-does-it-work/how-to-add-shapes-and-shape-effects.md).

# 5. How to add shapes and shape effects?

## Intelligent shape drawing and rich special effects

Click "Shape" <img src="/files/-MNSRvMu_IY3ixfM2010" alt="" data-size="original"> to draw and edit the shape. In Drawtify Designer, 9 basic shapes are built-in.&#x20;

### 5-1. Smart Shape Drawing：

On this basis, you can perform smart shape editing in the "shape inspector".

<div align="left"><img src="/files/-MNSnQPYJsdBOIzRoI8k" alt="Add Shape"></div>

Of course, you can also select the desired shape in the <img src="/files/-MNWCiiif177Ca7g5qt2" alt="" data-size="original"> "icon" library, use it directly, or modify it.

### 5-2. Shape color fill：

<img src="/files/-MNRLT--bWIR_zO_FgHP" alt="" data-size="original"> <img src="/files/-MNRLWr0hrXEwmhHFuxB" alt="" data-size="original"> You can fill shape and stroke. Including: monochrome filling, gradient color filling, and image filling (the specific operation is the same as that of background color filling). Of course, you can also set the <img src="/files/-MNSvFWj41EWJDu81jng" alt="" data-size="original"> transparency and set the size of the outline.

### 5-3. Shape To Path:

Click <img src="/files/-MNWF0FgxvluL28hWKaa" alt="" data-size="original"> "Edit Path" or double-click the shape to edit and <img src="/files/-MNWF5z0YKKEREBXpB1l" alt="" data-size="original"> modify. And end by right-clicking.

Click <img src="/files/-MNWK920Q5KVGDKFXk9a" alt="" data-size="original"> "Path to Outline" to quickly obtain the <img src="/files/-MNWLl1ZkJQzkt7_ivbb" alt="" data-size="original"> outline of the shape and support re-editing.

Click <img src="/files/-MNWKEn3CMEzn5HgYJy-" alt="" data-size="original"> "Split Path" to break the complex shape into multiple separate paths <img src="/files/-MNWKOYCbz3dA3E19WP5" alt="" data-size="original"> for easier and accurate editing.

For multiple shapes, you can click the <img src="/files/-MNWM_zSTiseq9-WVctY" alt="" data-size="original"> "Boolean" operation in the toolbar, and through <img src="/files/-MNWMenuwYNRqOL1Eslo" alt="" data-size="original"> 5 different superposition combinations, you can get a brand  new shape, and then you can edit it again.

<div align="left"><img src="/files/-MNWMiUs4BOpHlWZk_sv" alt="Boolean operation"></div>

Of course, you can also open  <img src="/files/-MNWPWpwAq9QSgFhDKfJ" alt="" data-size="original"> "3D Extrude" <img src="/files/-MNWPsav6iUlj71nsgQ_" alt="" data-size="original"> , adjust the value, and add 3D effects to the shape.

<div align="left"><img src="/files/-MNWQ1nXolX50bUWYBjT" alt="Add 3D effects"></div>

### 5-4. Add special effects to shapes:

Click <img src="/files/-MNSKgkrgzQ3q4cKHzBq" alt="" data-size="original"> "Node Filter" to add special effects to the shape,   and use "Filter Template" <img src="/files/-MNWVKzkNnS7vxtVQKV6" alt="" data-size="original"> <img src="/files/-MNSLdO7-BLBBpcjI0sZ" alt="" data-size="original">to easily obtain filter effects with one click.  &#x20;

Click <img src="/files/-MNSKlrpEMhTdWtbqpsP" alt="" data-size="original"> "Blend Mode" <img src="/files/-MNSLmOHBHGp0tu3pZPT" alt="" data-size="original"> to add a montage effect to the shape.

<div align="left"><img src="/files/-MNWTD6uT_P7jRdopPHs" alt="Add special effects to shapes"></div>
