The YouiDraw Drawing interface

Screenshot 2014-09-25 16.36.04_n

1. File Button 2. Top Function Area 3. Left toolbox 4. Canvas Workspace 5. Layer Tree
6. Shape, Color, Effects Properties 7. Templates and Style Library

• File Button:   Screenshot 2014-09-26 12.11.33

Let you NEW, OPEN, SAVE a project, or import a SVG.

• Top Function Area:

Screenshot 2014-09-26 12.20.32  Undo and Redo the your work steps.
Screenshot 2014-09-26 12.21.05  Delete the selected elements.
Screenshot 2014-09-26 12.21.33  Group multiple selected elements, then you can move them together, or ungroup.
Screenshot 2014-09-26 12.22.25  Use combination tools to let multiple shapes change to one special shape, you can union, subtract, intersect, exclude, divide the shapes.
Screenshot 2014-09-26 12.23.04  Align multiple selected shapes to left, center, right horizontal, or to top, middle, bottom vertical.
Screenshot 2014-09-26 12.24.07  Change the order of selected elements up and down.
Screenshot 2014-09-26 13.24.19  Show the grid to help you work easier and enable snap to grid function.
Screenshot 2014-09-26 13.24.50  Show or Hide layer tree.
Screenshot 2014-09-26 13.26.40  Fullscreen your canvas workspace and preview your design.
Screenshot 2014-09-26 13.27.08  Export and download your work to SVG / PNG / JPG / PDF …
Screenshot 2014-09-26 13.28.17  Log in or Sign out with Google Drive or Dropbox account.
Screenshot 2014-09-26 13.28.50  Show or hide Tips and get user guide.

• Left Toolbox:

Screenshot 2014-09-26 13.37.52 Screenshot 2014-09-26 13.38.36  Select and move, rotate, scale, skew the selected elements.
Screenshot 2014-09-26 13.41.49  Pen tools let you add point to draw line and curve and create a special shape as you want.
Screenshot 2014-09-26 13.48.08  Pencil tools let you draw a thinner line freeform.
Screenshot 2014-09-26 13.49.26  Brush tools let you draw a thicker line freeform.
Screenshot 2014-09-26 13.50.07  Use eraser to erase elements on canvas.
Screenshot 2014-09-26 13.50.39  Switch elements to edit mode, then you can edit the point to change the shape and path.
Screenshot 2014-09-26 13.51.03  Draw a straight line on canvas.
Screenshot 2014-09-26 13.52.19  Draw a curve arc on canvas.
Screenshot 2014-09-26 13.52.53  Add a text on canvas workplace.
Screenshot 2014-09-26 14.12.38  Import text path with local fonts by “text path” button on toolbar.
Screenshot 2014-09-26 14.15.01  Add rectangle, rounded rectangle, ellipse, circle, convex, concave and gear shapes.
Screenshot 2014-09-26 14.15.39  Canvas move.
Screenshot 2014-09-26 14.16.10  Zoom in and Zoom out.
Screenshot 2014-09-26 14.16.36  Fill color and stroke color.

• Canvas Workspace:

In the center of the YouiDraw Drawing interface is the workspace. This workspace shows your
vector shapes, text, and other elements visually, just as they will be displayed as they will
appear in a browser.
Screenshot 2014-09-26 14.17.52

• Layer Tree:

At the top-right corner of YouiDraw Drawing interface is the layer tree. This area you can select
elements and use layers to manage the elements, one layer is one separate area on canvas.
Screenshot 2014-09-26 14.20.20

• Properties

Basic properties:
Screenshot 2014-09-26 14.22.51
Set shapes special parameter and basic style, such as fill color, gradient, pattern,
and stroke size, style etc,.

Text properties:
Screenshot 2014-09-26 14.24.14
Choose fonts, text size, set bold, italic, underline, strikethrough, etc,.

Transform, Arrange and order:
Screenshot 2014-09-26 14.25.34
Set elements position, width, height, rotate, skew, flip, arrange multiple elements, and change the
order for selected elements.

Filter Effects:
Screenshot 2014-09-26 14.26.45
Set opacity and set Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Reflection, Blur and
Light filter effects.

Project settings:
Screenshot 2014-09-26 14.27.36
Set the size of canvas, and set background fill color, gradient or pattern.

• Template and Style Library

Style Library:
Screenshot 2014-09-26 14.31.24
You can find and open library at the right-bottom corner of YouiDraw Drawing interface. You
have hundreds of different style to apply, include gradient, simple and artistic styles.

Shape Library:
Screenshot 2014-09-26 14.32.23 Screenshot 2014-09-26 14.33.05
Many different kinds of shapes and basic icons you can use to create your work quickly.

Template Library:
Screenshot 2014-09-26 14.36.27 Screenshot 2014-09-26 14.36.55 Screenshot 2014-09-26 14.37.14 Screenshot 2014-09-26 14.37.40 Screenshot 2014-09-26 14.37.59
Templates graphic will improve your work and help you to get high efficiency

Posted in .