# 5. How to add shapes and shape effects?

## Intelligent shape drawing and rich special effects

Click "Shape" <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSN4YVc_XBcnv89nJa%2F-MNSRvMu_IY3ixfM2010%2FScreen%20Shot%202020-12-01%20at%2016.17.43.png?alt=media&#x26;token=1011e2b3-cb64-4b2b-8b46-6184c8006a47" 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="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSZTSZkvr_l_Oa0qvi%2F-MNSnQPYJsdBOIzRoI8k%2FAdd%20Shape.png?alt=media&#x26;token=94b5a481-11a4-40bb-ac59-2337d301d519" alt="Add Shape"></div>

Of course, you can also select the desired shape in the <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNW9cF3QbVy8wuj1WfW%2F-MNWCiiif177Ca7g5qt2%2FScreen%20Shot%202020-12-02%20at%2010.09.35.png?alt=media&#x26;token=96d77958-afab-4a8f-bd92-634341e95628" alt="" data-size="original"> "icon" library, use it directly, or modify it.

### 5-2. Shape color fill：

<img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNRI_UJ0bRUPL3hH6bF%2F-MNRLT--bWIR_zO_FgHP%2FAdd%20text%202.png?alt=media&#x26;token=7259df17-7a44-4ce6-b2fe-d07ac2fad194" alt="" data-size="original"> <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNRI_UJ0bRUPL3hH6bF%2F-MNRLWr0hrXEwmhHFuxB%2FAdd%20text%203.png?alt=media&#x26;token=f2a19726-1be9-4929-9875-70a7286562e4" 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="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNStQM98pbfGEoHgPHx%2F-MNSvFWj41EWJDu81jng%2FScreen%20Shot%202020-12-01%20at%2018.50.12.png?alt=media&#x26;token=5c08c6b8-4932-4199-97d9-33fe299aac1c" alt="" data-size="original"> transparency and set the size of the outline.

### 5-3. Shape To Path:

Click <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWF0FgxvluL28hWKaa%2FScreen%20Shot%202020-12-02%20at%2010.14.23.png?alt=media&#x26;token=9e4aa28c-f676-4548-b63c-b296b2d1589b" alt="" data-size="original"> "Edit Path" or double-click the shape to edit and <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWF5z0YKKEREBXpB1l%2FScreen%20Shot%202020-12-02%20at%2010.17.10.png?alt=media&#x26;token=6f61d787-8ce3-4677-bcd7-6fc1f677a307" alt="" data-size="original"> modify. And end by right-clicking.

Click <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWK920Q5KVGDKFXk9a%2FScreen%20Shot%202020-12-02%20at%2010.25.44.png?alt=media&#x26;token=deb8d850-d275-48d9-872b-f354fa3613df" alt="" data-size="original"> "Path to Outline" to quickly obtain the <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWLl1ZkJQzkt7_ivbb%2FScreen%20Shot%202020-12-02%20at%2010.27.04.png?alt=media&#x26;token=2b660791-8e4e-44ee-b7c2-e53154a905b7" alt="" data-size="original"> outline of the shape and support re-editing.

Click <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWKEn3CMEzn5HgYJy-%2FScreen%20Shot%202020-12-02%20at%2010.29.00.png?alt=media&#x26;token=3b67b046-5cd6-4671-aa7e-d698929ca123" alt="" data-size="original"> "Split Path" to break the complex shape into multiple separate paths <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWKOYCbz3dA3E19WP5%2FScreen%20Shot%202020-12-02%20at%2010.39.26.png?alt=media&#x26;token=6ca0afd3-d419-42e9-b0bc-89650f5af543" alt="" data-size="original"> for easier and accurate editing.

For multiple shapes, you can click the <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWM_zSTiseq9-WVctY%2FScreen%20Shot%202020-12-02%20at%2010.36.39.png?alt=media&#x26;token=3383ed89-a967-4e99-b228-81c1aa2f1509" alt="" data-size="original"> "Boolean" operation in the toolbar, and through <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWMenuwYNRqOL1Eslo%2FScreen%20Shot%202020-12-02%20at%2010.37.01.png?alt=media&#x26;token=c3d26892-2222-451e-80c5-205b29a5a787" 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="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWMiUs4BOpHlWZk_sv%2FScreen%20Shot%202020-12-02%20at%2010.39.42.png?alt=media&#x26;token=58c787bc-88cb-421b-82db-cafece32f441" alt="Boolean operation"></div>

Of course, you can also open  <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWPWpwAq9QSgFhDKfJ%2FScreen%20Shot%202020-12-02%20at%2011.05.59.png?alt=media&#x26;token=c66064d5-4b91-4aca-9a62-f99a01dc6ecf" alt="" data-size="original"> "3D Extrude" <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWPsav6iUlj71nsgQ_%2FScreen%20Shot%202020-12-02%20at%2011.07.10.png?alt=media&#x26;token=4dfc8e31-d3af-4362-92a6-b9624ad24eb6" alt="" data-size="original"> , adjust the value, and add 3D effects to the shape.

<div align="left"><img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWCtwu9xNavvQy6gbD%2F-MNWQ1nXolX50bUWYBjT%2FScreen%20Shot%202020-12-01%20at%2018.31.38.png?alt=media&#x26;token=c4779387-e682-4732-b9af-4c580286c28e" alt="Add 3D effects"></div>

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

Click <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSFFFMthDN8Quc7tPq%2F-MNSKgkrgzQ3q4cKHzBq%2FScreen%20Shot%202020-12-01%20at%2016.06.10.png?alt=media&#x26;token=1c6ad29c-b195-40a4-91ed-3553236abd63" alt="" data-size="original"> "Node Filter" to add special effects to the shape,   and use "Filter Template" <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWTmuNoc_V-YmkjuM_%2F-MNWVKzkNnS7vxtVQKV6%2FScreen%20Shot%202020-12-02%20at%2011.30.58.png?alt=media&#x26;token=415241ec-caa0-4ec2-97c9-b9511eda82c9" alt="" data-size="original"> <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSFFFMthDN8Quc7tPq%2F-MNSLdO7-BLBBpcjI0sZ%2FScreen%20Shot%202020-12-01%20at%2011.14.34.png?alt=media&#x26;token=48a93fd5-ed39-49f4-b4b1-d363730a6532" alt="" data-size="original">to easily obtain filter effects with one click.  &#x20;

Click <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSFFFMthDN8Quc7tPq%2F-MNSKlrpEMhTdWtbqpsP%2FScreen%20Shot%202020-12-01%20at%2016.06.21.png?alt=media&#x26;token=a6855690-7ef9-4618-b162-a22604cabb85" alt="" data-size="original"> "Blend Mode" <img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNSFFFMthDN8Quc7tPq%2F-MNSLmOHBHGp0tu3pZPT%2FScreen%20Shot%202020-12-01%20at%2011.14.52.png?alt=media&#x26;token=084a291a-d17d-47e6-aa97-261bd45095be" alt="" data-size="original"> to add a montage effect to the shape.

<div align="left"><img src="https://1162200595-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrRgUTEb29ZBeY8Xni6%2F-MNWQgvEvCHen699S9NN%2F-MNWTD6uT_P7jRdopPHs%2Fshape%201.png?alt=media&#x26;token=34d4cef1-add6-4bcc-9365-65556fb7c23f" alt="Add special effects to shapes"></div>
