# What is Drawtify Designer?
Full-featured graphic design application. More friendly online graphic design software. Publisher & Animator & Vector editor for everyone.
## 1. **Make Design Easier**
[**Drawtify Designer**](https://drawtify.com/) is a complete **graphic design application** developed by the Drawtify team after 3 years. Including, Windows and Mac ([Drawtify Designer 2020](https://drawtify.com/drawtify-designer/)) and Web ([Drawtify Designer Online](https://drawtify.com/design.html#/)), there are 3 versions.
Its built-in **vector editor, animation editor, photo editor, layout functions and layout tools, as well as a large number of effect filters, design plug-ins and design resources**. Therefore, it is an ideal design tool for publishers, illustrators and animators who need to create various graphic content anytime and anywhere.
**Importantly, it has almost no learning curve**, and the online version provides high-quality editable design templates. Therefore, it is also the best solution and secret weapon for non-graphic designers to create outstanding graphics.
## 2. 3 Versions of Drawtify Designer：
| Version | For Mac | For Windows | For Web |
| ------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------: | :----------------------------------------------------: |
| ownload | [Drawtify Designer official website](https://drawtify.com/drawtify-designer/) / [Apple App Store](https://apps.apple.com/us/app/drawtify-designer/id1533944055?mt=12) | [Drawtify Designer official website](https://drawtify.com/drawtify-designer/) | [Drawtify official website](https://drawtify.com/) |
| price | USD 39.99 | USD 39.99 | Free users: only for learning. PRO users: $8.33/month. |
## 3. Create All The Beautiful Graphics You Need
**Become a Graphic Designer, Painter, Animator, Editor, and Publisher of Drawtify**
**Vector Editor：**Vector graphics are sometimes irreplaceable, for example, you need to zoom in 100 times and still need to maintain a clear logo. Therefore, it is recommended that you use Drawtify Designer’s professional and easy-to-use vector editor to create your own vector graphics. For example, [**logos**](https://drawtify.com/free-online-logo-maker/)**,** icons, shapes, artistic fonts, and stunning illustrations.
**Animator：**Everyone wants to attract people’s attention through animations. For example, [**dynamic logos**](https://drawtify.com/free-animation-software/)**,** icons, lines, shapes, titles, etc., and even fascinating videos. However, this will be expensive. Therefore, Drawtify Designer will be your fastest solution. With the inclusion of an animation editor, there is almost no learning curve. Therefore, you can quickly obtain custom animations.
**Publisher：**Drawtify Designer has a powerful publisher. It has a photo editor, excellent layout functions and typography, and a wealth of special effects filters, design plug-ins, and design resources. Therefore, it can help you easily combine pictures, graphics, and texts and create beautiful layouts. For example [**Business cards**](https://drawtify.com/free-business-card-maker/), ID cards, Greeting Cards, Discount Cards, Postcards, Invitation cards, Labels, [**Certificates**](https://drawtify.com/free-certificate-maker/), Resumes, Letter paper, Covers, Invoices, as well as Posters, [**Flyers**](https://drawtify.com/free-flyer-maker/), Menus, Banners, Newsletters, [**Infographics**](https://drawtify.com/free-infographic-maker/), Reports, Booklet, Brochures, Catalogs, e-mails, [**Social media pictures**](https://drawtify.com/social-media-image/), etc.
## 4. Competitive Advantage
**How does Drawtify Designer 2020 & Drawtify Designer Online stand out from the competition?**
### **4-1. 👍 Affordable Cost：Reasonable price and good value for money**
**Drawtify Designer 2020** is only **$39.99**, which is equivalent to the price of a simple graphic design. However, it is a full-featured graphic design software based on a vector editor, and an Animation editor. In addition, users of its online graphic design software – **Drawtify Designer Online** can use it for free forever (only for learning or low-quality output), and the cost of upgrading **PRO** is only **$8.33 per month**.
### **4-2. 👍 Rich & Easy-to-use Functions: Suitable for everyone, including non-designers**
**Drawtify Designer** is a complete graphic design software based on vector editing. With the accompanying online resources, rich editable templates, and powerful plug-ins, you can easily design vivid graphics without learning. Even the fascinating animations. It can accomplish tasks that other online graphic design software cannot. For example, vector editing, special effects, custom animation, path text, textured text, borders, powerful gradient colors, QR codes, charts, maps, and animator, etc.
### **4-3. 👍 Huge Online Resources: Free online resources & high-quality editable design templates**
**Drawtify Designer** comes with a large number of design elements, icon shapes, and design plug-ins. You can use millions of high-definition photos, illustrations, textures, and backgrounds for free without worrying about any copyright issues. One-stop solution for graphic design tasks without cross-platform work. In addition, **Drawtify Designer Online** also has 3000+ high-quality editable design templates, which not only can be directly edited and used but also can better stimulate your creativity.
### **4-4. 👍 More advantages:**
#### Choose Drawtify online graphic design software. No need to download, you can anytime, anywhere. So you can quickly create beautiful graphics.
* Online graphic design software, so no installation is required. You can download applications for Mac and Windows.
* 100% online vector editor, Non-destructive boolean operations.
* Friendly user interface. Intuitive and easy to use, no learning curve required.
* All design functions and tools are free, including animation editing.
* Rich online resources and powerful design plug-ins. And no longer work across platforms.
* Import and export JPG, PNG, PDF, and SVG multiple formats.
* Export animation to GIF, APNG, SVG animation, and video (MP4 or WebP).
# Full-Featured Graphic Design Software
Easy-to-use Full-Featured Graphic Design Software. Drawtify Designer has rich and competitive design features, suitable for everyone.
Drawtify Designer is a complete graphic design software. It has 5 main design functions and 7 extended functions. And barrier-free upload, download and print.
The important thing is that all the graphic design features of Drawtify Designer have been optimized by the Drawtify team, making it powerful & professional and intuitive & easy to use. Not only can it meet almost all creative needs of graphic designers, it also provides solutions for beginners or non-designers to create exquisite graphics.
## **👉 To learn more：**
**About the features of Drawtify Designer, please log in** [**https://drawtify.com/feature/**](https://drawtify.com/feature/)
# 1. 5 Main Graphic Design Features
## 1. 5 Main Graphic Design Features.
Whether it is **Drawtify Designer 2020** for Windows and Mac, or **Drawtify Designer Online** for the Web. These 5 design features are exactly the same. Everyone can easily enjoy easy-to-use professional support.
### 1-1. Professional Vector Drawing Tools
**Drawtify Designer** has a built-in vector editor. Its professional vector drawing function is similar to CorelDRAW. E.g:
* Use drawing tools (pen, pencil) to quickly customize the shape.
* Use smart tools to draw regular shapes more easily.
* You can select shapes in the resource library or import SVG files for re-editing.
* Built-in Boolean operations can easily realize shape combination, subtraction, division, intersection, exclusion, etc.
* Of course, you can also choose “color”, “gradient”, “image” to fill, and add effects to get a rich look.
**For example, create illustrations, vector logos and unique fonts, shapes, mascots, symbols, etc.**
### 1-2. Intuitive Animation **(**Motion Graphics) Editor
If you want to explain your product better or get attention on social media. Well, motion graphics is an excellent storyteller. **Drawtify Designer includes an animation editor**. It’s intuitive, rich motion instructions will help you quickly create eye-catching motion graphics. E.g:
* Up to 27 basic movement instructions. Including: move along the path, fade in, fade out, blink, rotate, zoom, enter, exit, etc. Combined with simple settings, you can add amazing motion effects to photos, icons, shapes, lines, and text.
* In addition, 14 text movement instructions will help you easily create richer dynamic text.
**For example, dynamic logos, icons, lines, shapes, titles, etc., or even a fascinating video opening.**
### 1-3. Powerful Photo Editor
Whether you select photos in the photo library or import photos, you can re-edit them with **Drawtify Designer’s powerful and intuitive photo editor**. E.g:
* Use image filters to change the saturation, contrast, brightness, etc. of the photo. The filter template is preset during the lifetime, which can realize one-click operation.
* Use node filters to add shadows, inner shadows, reflections, glows, inner glows, blurs, embossments, lights, tears, etc. to the photos.
* The mask function can quickly adjust the partial cropping of the photo.
* With the help of the shape library, one-click photo frame processing can be realized.
* Combined with the vector editing function, you can easily achieve precise cropping and place photos into any shape.
* Intuitive transparency tools and flip tools (vertical flip, horizontal flip) can better display your creativity.
* Built-in photo blending mode, you can add montage effects to photos in one click.
**Most of the stunning graphic content starts with photo editing. Combined with text, you will become the most dazzling visual hero.**
### 1-4. Excellent Layout Function
Whether it’s text, icons, shapes, photos, or **excellent layout functions**, it can not only help you create more professional and neat graphics but also improve work efficiency. E.g:
* Reference line, scaling, layer, alignment (top alignment, center alignment, bottom alignment, left alignment, center alignment, right alignment, horizontal spacing, vertical spacing, same width, same height), group, etc.
* Of course, you can also use drag and drop to replace photos, icons, and shapes for a quick layout.
### 1-5. Advanced Typography Tools
Drawtify Designer has **built-in advanced typography tools**. Not only can routinely edit letters, words, keywords, and paragraphs, but also perform artistic processing. E.g:
* Choose the font, font size, bold, italic, thin, underline, etc.
* Use alignment, spacing, lists and fixed-width tools to quickly typeset.
* Add “color”, “gradient” and “image” to the text to fill the text and outline.
* Select “Text to Path” to change the text at will.
* The “text path” function can realize unique artistic typesetting.
* Of course, apply node filters, transparency, blending modes and flip functions, etc. It will show your unique charm.
# 2. 7 Extended Graphic Design Features
### **2-1.** Free Scaled
The canvas can be zoomed between 10% and 1200%. Then click to fit the page to fit the width. To zoom in to adjust the details, or zoom out to see the whole image.
### 2-2. Special Effects
Built-in node filters, image filters, and blending modes. You can add special effects to all design elements to get a more prominent visual effect.
### 2-3. Unlimited Layers
The unlimited layer setting is a necessary feature for designing more complex graphic content. For example, place on top, place on the bottom, move up, move down, lock, hide, etc.
### 2-4. 3D Effects
3D effects can make your subject more prominent. Drawtify Designer built-in 3D tools can help you easily achieve amazing 3D effects.
### 2-5. Multi-page Editing
Multi-page editing is a very useful design feature. For example, one-click of show double pages, first-page isolation, move up, move down, etc.
### 2-6. Rich Plug-ins
As a professional and easy-to-use full-featured graphic design APP, Drawtify Designer integrates a wealth of practical design plug-ins.\
For example bar codes, QR codes, charts, and maps. These plug-ins can not only quickly graph text and data. It also improves the carrying capacity and uniqueness of the content.
### 2-7. Online Resources
Drawtify Designer is an online graphic design software with rich built-in design resources. Including design elements, icon shapes, high-definition pictures (thanks to Pixabay, [Unsplash](https://unsplash.com/)), backgrounds, color schemes, etc. This will provide convenient work for graphic designers. In addition, its online version (Drawtify Designer Online) also provides high-quality editable design templates. This will provide the best solution for non-designers to create beautiful graphics.
# 3. Barrier-free upload, download, and print
### 3-1. Multi-format Import
Drawtify Designer supports quickly importing your pictures in JPG, PNG, GIF, SVG formats.
### 3-2. Professional Export
Supports high-definition output of graphic content in JPG, PNG, PDF, and SVG formats. And download the animation in SVG, GIF, APNG, VIDEO (mp4, WebM) format.
### 3-3. Preview
Supports black or white window preview graphic design tasks (including mobile graphics). And supplemented by thumbnails to help you quickly select preview objects.
### 3-4. Print
Support direct printing, and built-in intuitive printing settings. In addition, it is supplemented by thumbnails to help you easily select objects to print.
# 4. Easy-to-use Online Graphic Design APP
More friendly online graphic design APP.
### 1. Anytime Anywhere
**Drawtify Designer Online** is a more friendly online graphic design software. No need to download, you only need an account to start your amazing graphics creation journey anytime, anywhere.
### 2. Design Template
It contains a large number of high-quality editable design templates. This not only provides help for graphic creators but also provides the best solution for beginners (especially non-designers) to create beautiful graphics.
### 3. Auto Save
Support automatic saving. Whether it is an accidental power failure or an operating error, there is no need to worry about losing design content.
### 4. Online Storage
Support online storage. Both free users and PRO users have their own storage space and support folder editing. It can be used for online storage and building a brand library.
### 5. Free Copyright
All enclosed design resources and editable design templates. Can be used for commercial purposes, and there is no need to worry about copyright issues.
### 6. Free Forever
Join Drawtify Designer Online, if you only use it for learning or download low-quality JPG files, you can use it for free forever.
### 7. Auto Update
**Drawtify Designer Online promises:**
It will be permanently online and automatically updated.
# Intuitive UI
Drawtify Designer Mac & Windows version is a complete graphic design application. It not only has professional design functions, but also has an intuitive UI and a more friendly operation interface.
## 1. Startup interface
Just click the Drawtify Designer icon to easily wake up the startup interface.
Provide 4 categories (Print, Web, Device, Social), dozens of standard sizes. Can help you start the design more quickly. Of course, you can also customize the start.
## 2. Intuitive function partition
The Drawtify Designer operation interface is divided into 6 functional areas in accordance with humanized usage habits. They are:
1. Toolbar
2. Toolbox
3. Inspector (Property bar)
4. Canvas
5. Canvas zoom controller
6. Multi-page document editor
### 2-1. Toolbar
**The toolbar of Drawtify Designer, from left to right, the first and second areas are:**
* **2-1-1. Text input tool** 
* **2-1-2. Smart Shape drawing tool** 
(including smart drawing of 9 common shapes)
* **2-1-3. Pen tool** 
* **2-1-4. Pencil tool** 
* **2-1-5. Image import tool** 
* **2-1-6. Tools** 
(Design plug-in, including QR code generator, Barcode Generator, Chart drawing tool, Map generation tool)
* **2-1-7. Group** 
* **2-1-8. Lock** 
* **2-1-9. Delete** 
* **2-1-10. Layer** 
(include Forward, Backward, Bring Front, Put Back)
* **2-1-11. Alignment** 
(include Top, H-Center, Left, V-Center, Right, Isometry-H, Isometry-V, Same-W, Same-H)
* **2-1-12. Boolean operation** 
(include Unite, Subtract, Intersect, Exclude, Divide)
#### 2-1-13/14.Easy-to-use animation editor and playback preview 
The animation editor of Drawtify Designer includes: 27 basic movement instructions and 14 text movement instructions.
#### 2-1-15/16/17/18/19. Save, preview, download, animation output, print 
Drawtify Designer supports saving and re-editing in a proprietary format (.drawtify). Support black and white background for preview. Support high-definition download.
### 2-2. Toolbox
**In the Mac & Windows version of Drawtify Designer, the toolbox has 8 contents from top to bottom. They are:**
* **2-2-1.Layer List** 
**.** It can quickly realize object hiding, locking and sequence adjustment. Object thumbnails have been added to make it easier to find.
* **2-2-2.Element** 
**.** Drawtify Designer has built-in thousands of design elements, and there is no copyright issue and can be used freely.
* **2-2-3.Icons** 
**.** Drawtify Designer has built-in tens of thousands of icons & shapes. There is no copyright issue and can be used freely.
* **2-2-4.image** 
**.** Drawtify Designer has built-in millions of high-definition photos, vector diagrams, illustrations, and PNG images. There is no copyright issue and can be used freely. (thanks to Pixabay, [Unsplash](https://unsplash.com/))
* **2-2-5.background** 
**.** Drawtify Designer has built-in tens of thousands of high-definition texture backgrounds and picture backgrounds. There is no copyright issue and can be used freely.
* **2-2-6.Palette** 
**（coloring scheme）.** Drawtify Designer has built-in 200+ color schemes, which can be used freely.
* **2-2-7.Tools** 
**（Design plugin） .**
* **2-2-8.**[**Tutorial**](https://drawtify.com/tutorial/) 
**.**
### 2-3. Inspector (Property bar)
**In the Mac and Windows versions of Drawtify Designer, the inspector is further divided into 6 contents. they are:**
* page
* Style
* Position
* Text
* Shape
* image
#### 2-3-1. Page:
The page inspector mainly includes:
* Set canvas size, unit, direction
* Preset Sizes
* Grid Type
* Print bleed
* Background (color setting)
* Editable SVG file import
#### 2-3-2/3/4. Text inspectors mainly include:
* **Style.** Including: color filling, outline, transparency, node filter, blending mode).
* **Position.** Including: coordinate adjustment, size adjustment, rotation angle, and horizontal flip and vertical flip.
* **Text.** Including: font selection, font size, word spacing, line height, alignment, underline, uppercase and lowercase conversion, numbering, text box. And the **Text Path** (including: Path presets, Edit path, Path add text, Path include text) and **Convert Text To Shape** (support 3D editing, and shape editing, etc.).
#### 2-3-5. Shape inspectors mainly include:
* **Style.** Including: color fill, outline, transparency, node filter, blending mode.
* **Position.** Including: coordinate adjustment, size adjustment, rotation angle and horizontal flip and vertical flip.
* **Shape.** Including: **Smart settings** (adjust the value), Convert To Path, Edit Path. and **3D Extrude** (including: Depth, Angle, Line width, Line color, Perspective). Path To Outline, Split Path, Reverse Path.
#### 2-3-6. Image inspectors mainly include:
* **Style.** Including: transparency, node filter, blending mode.
* **Position.** Including: coordinate adjustment, size adjustment, rotation angle and horizontal flip and vertical flip.
* **Image.** Including: Image Filter, Mask Resize, BG Removal, Path Add To Image.
### **2-**4/5.Canvas & Canvas zoom controller
The canvas can be zoomed between 10% and 1200%. Then click to fit the page to fit the width. To zoom in to adjust the details, or zoom out to see the whole image.
### 2-6. Multi-page document editor
Multi-page editing is a very useful design feature.
For example, one-click of show double pages, first-page isolation, move up, move down, etc.
# Drawtify Designer Online's Interface
## 1. Anytime, anywhere! Start an online design task.
First, please log in to the Drawtify official website and click any "Start Design" icon to easily wake up the "Template Center" of Drawtify Designer.
Of course, you can also enter directly from the link in the "Template Center". In the "Template center", even if you log in for the first time, you can freely browse all "Editable design templates".
Then, click on any "Editable Design Template" to start the design immediately and enter "Design Center". Of course, you can also click "New Blank" to select the desired standard size. Like the Mac and Windows versions, the online version also provides 4 categories (print, web, device, social), dozens of standard sizes. Can help you start designing faster. Or customize the size to enter "Design Center".
It is worth noting that if you are logging in for the first time, please use your email address to register. **No need to worry, you can learn and try for free forever.**
## **2.** Log In Drawtify Designer Online
You can use your email to quickly register online to get a dedicated free Drawtify Designer Online account. Of course, you can also log in directly with your Google account or Facebook account.
Prompt: Your email is the final proof of your account. You can set a password during registration. Or change the login password when entering the dashboard.
## 3.Template Center
#### There are 6 functional areas in the template center of Drawtify Designer Online. They are:
1. search engine
2. Editable template navigation directory
3. Create new task
4. Editable template library
5. User dashboard
6. Username and related settings
### 3-1. Search engine
The site search engine is to help you quickly find suitable editable templates. You can search by typing in keywords. For example, logos, flyers, posters, infographics, or blue, red, Christmas, Thanksgiving, etc.
### 3-2. Editable template navigation directory
The editable template navigation directory contains two parts. The first is "Recent Files", which can help you quickly open recent files. The second is the category navigation of editable templates, which basically covers the design tasks of all categories you need to create. At present, it is divided into 4 categories, a total of 34 projects, and will be permanently updated.
### 3-3. Create new task
Click New Blank, Drawtify Designer online provides 4 categories, 49 standard sizes. Of course, you can also customize the start.
### 3-4. Editable template library
It contains **3000+ high-quality editable design templates** created by professional designers and is constantly being updated. This not only provides help for graphic creators, but also provides the best solution for beginners (especially non-designers) to create beautiful graphics. **You can refer to the creation, or directly modify, use, and no need to worry about any copyright issues.**
### 3-5. User dashboard
This is a unique feature of the online version (Drawtify Designer Online).
The single "dashboard" is a dedicated storage space prepared by Drawtify Designer Online for each user. Here you can create folders, store or delete files, modify account information and view orders.
### 3-6. Username and related settings
Here is the user name and account level. Click here to enter the dashboard, modify account information, upgrade account, and launch. Of course, users who log in for the first time will directly enter the registration interface.
## 4. Drawtify Designer Online's Toolbar
The toolbar of Drawtify Designer Online is basically the same as the Mac and Windows versions of Drawtify Designer. But added "**Create file name**" 
.
\*For the same part, please see **"For Mac & Windows".**
## **5.** Drawtify Designer Online's Toolbox
**The toolbox of Drawtify Designer Online and the Mac and Windows versions of Drawtify Designer have changed their positions (layer list). However, 3 functions have been added.**
* **Editable template library** 
* **Upload Picture Center** 
* **Account Upgrade** 
\*For the same part, please see **"For Mac & Windows".**
# Rich Resource and Plugins
Abundant design resources not only save you from having to work across platforms, but also help non-designers easily create beautiful graphics.
Drawtify Designer is an online graphic design software with rich built-in design resources. Including design elements, icon shapes, high-definition pictures (thanks to Pixabay, [Unsplash](https://unsplash.com/)), backgrounds, color schemes, etc. This will provide convenient work for graphic designers. In addition, its online version (Drawtify Designer Online) also provides high-quality editable design templates. This will provide the best solution for non-designers to create beautiful graphics.
## 1. Editable template library
Web version only (Drawtify Designer Online).
Use the quick "Editable Template Category", you can find the editable template thumbnails faster, you can replace the template faster, just click to replace it. **Tip: For multi-page files, please select "Apply All"**.
## 2. Element library
Built-in service of Drawtify Designer (all 3 versions).
About 1000+ design elements, just click to use it. And there is no need to worry about any copyright issues.
## 3. Image library
All versions are available. But it needs to be connected to the network.
Thanks to Unsplash & Pixabay. Drawtify integrates about 1M+ HD pictures, as well as vector pictures, illustrations, and PNG pictures. Just click to use. No need to worry about any copyright issues.
## 4. Icon shape library
Built-in service of Drawtify Designer (all 3 versions).
Drawtify integrates about 20K+ vector icons and shapes. Just click to use. No need to worry about any copyright issues. And it is easy to search with a category list inside.
## 5. Background library
All versions are available. But it needs to be connected to the network.
Drawtify integrates about 100K+ HD backgrounds. Including texture background and picture background. Just click to use. No need to worry about any copyright issues.
## 6. Palette (Color scheme)
Built-in service of Drawtify Designer (all 3 versions).
200+ follow the color scheme of Adobe Color CC specification. Provide help for beginners or non-designers. Just click to use.
## 7. Image import
Web version only (Drawtify Designer Online).
Drawtify provides a wide range of image import functions. Supports quick import of JPG, PNG, JIF, SVG formats.
## 8.Rich Design Plug-ins
Built-in service of Drawtify Designer (all 3 versions).
As a professional and easy-to-use full-featured graphic design APP, Drawtify Designer integrates a wealth of practical design plug-ins.\
For example bar codes, QR codes, charts, and maps. These plug-ins can not only quickly graph text and data. It also improves the carrying capacity and uniqueness of the content.
**Barcode generator & QR code generator, Chart editor & Map editor.**
# How Does It Work?
Quickly create eye-catching graphics in minutes. Join Drawtify Designer. Start to enjoy the fun of creating beautiful images as easily as a designer.
Drawtify Designer is a full-featured graphic design software. But compared to other graphic applications, it is more intuitive and easy to use.
Especially its online version Drawtify Designer Online is the best solution for creating graphics for beginners or non-designers.
This instruction will briefly explain "how to use Drawtify Designer for design work" from the following points.
1. How to start Drawtify Designer?
2. How to create your design task?
3. How to add background?
4. How to add text and text art effects?
5. How to add shapes and shape effects?
6. How to create vector graphics?
7. How to add images and image effects?
8. How to create animation?
9. How to save and preview?
10. How to download, export and print animation?
11. How to design online?
## **👉 To learn more：**
**For Drawtify Designer's "How does it work?"**, please visit
# 1. How to start Drawtify Designer?
## Start your Drawtify Designer
Just click the Drawtify Designer icon to easily wake up the startup interface.
If you are using Drawtify Designer Online, you need to log in directly to or enter it from its official website. For details, please refer to the previous "Drawtify Designer Online's Interface".
# 2. How to create your design task?
## Easily create your design tasks
Provide 4 categories (Print, Web, Device, Social), dozens of standard sizes. Can help you start the design more quickly. Of course, you can also customize the start.
Of course, you can also click "Preset Sizes" 
to adjust after entering the design center.
# 3. How to add background?
Drawtify Designer provides 3 background filling methods for you to choose. So you can get richer visual effects.
## More ways to add background
Click "Background" 
, you can adjust the background. Drawtify Designer provides 3 ways for you to choose. Monochrome background, gradient background, and picture background.
### **3-1. Add a monochrome background.**
Just click "Background", and select "color palette", you can select the appropriate background color among the three color modes of HEX, RGBA, and HSLA. You can also set the transparency to get richer visual effects.
### **3-2. Add a gradient background.**
Just click "Background", and select "color palette", you can select the gradient mode, angle, transparency, and choose the appropriate background color among the three color modes of HEX, RGBA, and HSLA.
### **3-3. Add picture background.**
Please select from "Picture Library" or "Background Library" and add it by right-clicking "Set Background".
# 4. How to add text and text art effects?
## Easier text input and more stunning text art effects
Click "Text", and then click the appropriate location on the canvas to add text. If you hold down the left mouse button, you can drag to add a text box. You can enter text via the keyboard, or you can enter via "Paste".
When you click "Text", the text inspector is called up. You can easily set the text and add artistic effects.
### 4-1. **Basic text** **settings:**
font, You can freely choose among hundreds of fonts, and you can change them with one click.
Regular, You can add several formats such as bold, italic, thin, regular, etc. to the text.
size, spacing, and line height.
And 
alignment, underline, 
case conversion , serial number, text box.
### 4-2. Text color fill:
You can fill text 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 size of the contour.
### 4-3. Text To Path:
Click "Text Path", you can text artistic typesetting. For example,
"Path Preset", "Edit path", 
"Path To Text", "Path Include Text".
Of course, you can also directly click 
"Convert text to shape".
Start shape editing, for example: 
"Edit Path", "3D Stretch", etc.
### 4-4. Add special effects to text:
Click 
"Node Filter" to add artistic effects to the text, and use "Filter Template" 
to easily obtain filter effects with one click.
Click 
"Blend Mode" 
to add a montage effect to the text.
# 5. How to add shapes and shape effects?
## Intelligent shape drawing and rich special effects
Click "Shape" 
to draw and edit the shape. In Drawtify Designer, 9 basic shapes are built-in.
### 5-1. Smart Shape Drawing：
On this basis, you can perform smart shape editing in the "shape inspector".
Of course, you can also select the desired shape in the 
"icon" library, use it directly, or modify it.
### 5-2. Shape color fill：
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 
transparency and set the size of the outline.
### 5-3. Shape To Path:
Click 
"Edit Path" or double-click the shape to edit and 
modify. And end by right-clicking.
Click 
"Path to Outline" to quickly obtain the 
outline of the shape and support re-editing.
Click 
"Split Path" to break the complex shape into multiple separate paths 
for easier and accurate editing.
For multiple shapes, you can click the 
"Boolean" operation in the toolbar, and through 
5 different superposition combinations, you can get a brand new shape, and then you can edit it again.
Of course, you can also open 
"3D Extrude" 
, adjust the value, and add 3D effects to the shape.
### 5-4. Add special effects to shapes:
Click "Node Filter" to add special effects to the shape, and use "Filter Template" 
to easily obtain filter effects with one click.
Click "Blend Mode" to add a montage effect to the shape.
# 6. How to create vector graphics?
## Create your own vector graphics
In Drawtify Designer, a complete vector editor is built in. Including 
Pen, 
Pencil, 
Boolean operation, and icon library (including 10K+ vector shapes), and supports 
importing SVG files.
### 6-1. Draw vector shapes
Click "Pen" or "Pencil" to draw and vector graphics. For starters, the pen tool is more suitable for creating 
shapes, and the pencil tool is more suitable for drawing 
lines.
Of course, if you find it difficult or want to get vector graphics faster, then you can click on the icon library to find the most suitable chart for you, use it directly, or modify it.
In addition, the rational use of "Boolean operations" is also a solution for creating vector shapes. E.g:
It is worth mentioning that most vector graphic designers, especially logo makers, like to use "letters" to obtain satisfactory vector graphics. E.g:
Click "Text", enter the letter "i", and click "Convert text to shape". Then, widen it moderately, double-click to edit the path, and get the ideal shape in a few easy steps.
### 6-2. Add colors or effects to vector graphics
Adding colors or effects to vector graphics is exactly the same as the previous article: "Add Shape and Artistic Effects".
# 7. How to add images and image effects?
## Easily add images and image effects
Click "Image" in the toolbar of Drawtify Designer to easily upload your own pictures. Support JPG, PNG, JIF, SVG format. An 
"Upload" library has been added to the toolbox of Drawtify Designer Online. Not only can you easily upload your own images, but you can also save them online (PRO users use 1GB of storage space).
Of course, you can also choose from the 
"Image" library in the toolbox. Click or drag to get the selected image.
### 7-1. Add image filters and masks
When you click on any image in the canvas, the 
"Image Inspector" on the right will be automatically called. Here, you can click 
"Image Filter" to add effects to the image. Click any image filter template to get its filter effect easily. Of course, you can also "customize" to get the most satisfactory effect you think. E.g:
In addition, the mask of Drawtify Designer can achieve arbitrary rectangular cropping of images. Just click 
"Mask Resize", or double-click the image directly. E.g:
It is worth mentioning that Drawtify Designer has a magical **magic photo frame**. Click on the image, then select a suitable shape in the "icons" library, drag and drop to the image, you can realize the magic photo frame of the selected shape. E.g:
### 7-2. **Custom magic photo frame**
Of course, you can also customize the photo frame. Just draw the ideal shape through the built-in vector editor. First click on the image, then press and hold "shift" and then click on the shape, and finally click on 
"Path Add To Image" to get a **custom magic photo frame**. E.g:
### 7-3. Remove image background
Delete the image background, for Drawtify Designer, there is no learning difficulty. Just click 
"BG Removal", and then click the image to reserve the area you want (pen tool). Of course, you may need to spend a little time thinking it looks a bit complicated, but you can click on "BG Removal" unlimited times to modify it. E.g:
### 7-4. Add special effects to images
Click "Node Filter" to add special effects to the image, and use "Filter Template" 
to easily obtain filter effects with one click.
Click "Blend Mode" to add a montage effect to the image. E.g:
# 8. How to create animation?
## Become an amazing animator
Everyone wants to attract people's attention through animation. For example, dynamic logos, icons, lines, shapes, titles, etc., and even fascinating videos. However, this will be expensive. Therefore, Drawtify Designer will be your fastest solution. Built-in animation editor, almost no learning curve. Therefore, you can quickly obtain custom animations.
### Step 1: Open the animation editor
Click the elements in the canvas (including: text, shapes, icons, pictures), and then click 
"Animator" in the toolbar to bring up the animation editor on the right.
### Step 2: Add action
Select an action 
(including 27 basic action instructions and 14 text action instructions) to call the corresponding action editor. Including: 
Being, Length, Repeat, Space, Easing.
### Step 3: Set motion data
* **Being,** set the start time of the action;
* **Length,** set the duration of one cycle of the action;
* **Repeat,** set the number of times the action is repeated, "0" means infinite loop;
* **Space,** set the interval of each action repeat;
* **Easing,** you can change the uniform speed to the corresponding speed.
### Step 4: Animation preview
When you have completed the action settings, click 
"Play" to check whether the action settings are in line with the assumptions for confirmation or modification.
**It is worth noting that all actions can be superimposed.** This will provide unlimited space for your animation creation. But you need to master the time setting.
In addition, for the 
“Motion Path“, Shape As Path, Auto Rotate, and path editing are added.
# 9. How to save and preview?
## Save
Regardless of whether the design task is in progress or completed, you can click 
"Save" at any time. The design task will be saved in a proprietary format 
(.drawtify) to the location you specify, and then you can edit it again at any time.
Drawtify Designer Online will **save online to your dedicated storage space**, which can be viewed in the dashboard.
## Preview
Of course, you can also click 
"Preview" to view your design tasks in real time to understand the expected effect. And supports black and white environments.
# 10. How to download, export animation, and print?
## Download, Export Animation, Print
Click 
"Download" to easily download your design tasks. Supports high-definition output of graphic content in JPG, PNG, PDF and SVG formats. Thumbnails complement its quick selection, especially for multi-page documents.
## Export Animation
Click 
"Export Animation" to easily download your animation design tasks. And download the animation in SVG, GIF, APNG, VIDEO (mp4, WebM) format. Thumbnails are also supplemented with thumbnails for quick selection, especially for multi-page files.
## Print
Click 
"Print" to print your design task (need to connect to the printer). With intuitive printing settings. In addition, it comes with thumbnails to help you easily select the objects to be printed.
# 11. How to design online?
Drawtify Designer is a full-featured graphic design software. But Drawtify Designer Online is a simpler graphics solution, especially suitable for beginners or non-designers.
**Drawtify Designer Online** is very friendly and easy to operate. Usually, including non-designers, you can create beautiful graphic content in just 3 steps.
Of course, if you need more stunning visual effects, you need to do more.
But don't worry, because almost all design functions and effect tools of Drawtify Designer Online have been optimized, so basically one-click operation can be achieved.
### Step 1: First browse the template
1. Enter the design center. Choose design task items from over 30 thematic categories on the left.
2. In the template display area on the right, select the desired template. Click to start your design task.
3. Stimulate creativity. Of course, you can also browse all templates first to stimulate creativity. Then make your choice!
4. Of course, you can also start by creating a blank file.
### Step 2: Edit the design task.
Modify or add content in the Drawtify template or blank file. Including text, shape icons, pictures, backgrounds, colors, positions, layouts, and even all visual effects. Until satisfied.
1. **Text modification:** Double-click the text in the template to edit and modify. Or add a new text by clicking the text tool. You can even use or modify the text style you like in the element library.
2. **Modify the shape icon:** select the desired icon from the icon library, and then drag and drop it into the template to directly replace or add. You can click the "Shape" tool on the right for smart drawing.
3. **Picture modification:** select the desired picture from the gallery, then drag and drop it into the template to directly replace or add. You can upload your own pictures by clicking the "Upload" tool on the left.
4. **Modify the background:** select the background or picture texture from the gallery on the left, and then click to replace it. If you like a solid color or gradient background, you can use the "Background" tool at the top.
5. **Modify color, position, and layout:** You can also click the corresponding tool to try and adjust. It is worth noting that you can use the smart layout function to make the image clearer.
6. **Preview, information correction, and file name:** You can check by clicking "Preview" above to ensure that the design task is completed. For example, text correction, data correction, etc. If it is a print job, please open "Settings" in the upper right corner of the page, and then select "Print Bleeds". Of course, you can name the design task to make it easier to find.
### **Step 3: Save, download, print**
You can save your work to the user center provided by **Drawtify Designer Online** for users. View, modify, or create folders, and even create brand libraries. Of course, you can also choose the format to download or print directly.
# What can Drawtify Designer create?
Whether it is a print or a digital publication, including beautiful animations. Drawtify Designer can help you create beautiful graphics easily.
Drawtify Designer can complete the creation of almost all graphic content. Because it is a fully functional online graphic design software based on vector editing. In addition, it provides high-quality editable design templates containing more than 30 design specifications in four categories, which can help you quickly complete the creation of graphic content. Even if you are not a designer.
### 1. Vector logo
Drawtify Designer can help you create your own [vector logo](https://drawtify.com/free-online-logo-maker/). Including text logos, graphic logos, and even [animated logos](https://drawtify.com/free-animation-software/).
### 2. Business graphics
Drawtify Designer can help you quickly create almost all business graphics. Including [business cards](https://drawtify.com/free-business-card-maker/), [certificates](https://drawtify.com/free-certificate-maker/), [resumes](https://drawtify.com/free-resume-maker/), [greeting cards](https://drawtify.com/free-greeting-card-maker/), [invitation cards](https://drawtify.com/free-invitation-card-maker/), [postcards](https://drawtify.com/free-postcard-maker/), [labels](https://drawtify.com/free-label-maker/), [covers](https://drawtify.com/free-cover-maker/), [reports](https://drawtify.com/free-report-maker/), [letter paper](https://drawtify.com/free-letter-paper-maker/), [invoices](https://drawtify.com/free-invoice-maker/), [email headers](https://drawtify.com/free-email-header-maker/), [newsletters](https://drawtify.com/free-newsletter-maker/), [ID cards](https://drawtify.com/free-id-card-maker/), [infographics](https://drawtify.com/free-infographic-maker/), etc.
### 3. Marketing graphics
Drawtify Designer can help you easily create almost all marketing graphics. Including [gift cards](https://drawtify.com/free-gift-card-maker/), [posters](https://drawtify.com/free-poster-maker/), [menus](https://drawtify.com/free-menu-maker/), [flyers](https://drawtify.com/free-flyer-maker/), [banners](https://drawtify.com/free-banner-maker/), [brochures](https://drawtify.com/free-brochure-maker/), [booklets](https://drawtify.com/free-booklet-maker/), [catalogs](https://drawtify.com/free-catalog-maker/), etc.
### 4. Social media pictures
Of course, Drawtify Designer can help you create stunning [social media pictures](https://drawtify.com/social-media-image/) in minutes. Including Facebook, Twitter, Instagram, Tumblr, YouTube, Pinterest, Twitch, Linkedin, etc.
