App13X Apple Logo App13X Name Logo
 
Bezier DrawPro App Bezier DrawPro Bezier DrawPro Go To App Store
 

Overview

Bezier DrawPRO is a full-featured, professional, vector-based drawing app, using bicubic Bezier Paths. It's also a lot fun and easy to use. There are 43 creation tools, including the powerful Path (Pen) tool, PolyLinePath, and freehand BrushPath tool. The 40 preset graphic tools cover the full range of geometric presets with many subtype variations along with many innovative additional graphics. Paths can be combined, joined, and you can even perform Boolean Ops of 6 types on them. (Union, Subtract, Minus Front, Intersect, XOR, Divide)

Graphics can be center-scale pinched or rotated with finger gestures or more precisely with the Scale and Rotate popovers. You can also do directional scaling in 1 or 2 directions by dragging a knob. To move a graphic just drag it or use the Nudge Bar, which allows you to move all selected graphics in 1 pixel increments (or 1 grid-space if you have Snap to Grid turned on) in 1 or 2 directions simultaneously. For precision alignment and/or distribution of multiple graphics to each other or to the document, use the Align/Distribute popover.

Use the Layer Popover to quickly Show, Hide, Lock, Unlock, Select, Deselect and change the Z-order of graphics.

Cut, Copy, Paste, and Duplicate, and Select All, of course.

The Gradient Maker is best in class. It features unlimited colors, color reversal, auto distribution, drag-positioning, global alpha, and repeat mode up to 20x. The gradient of a graphic can be blended with its underlying fill color, both of which have 28 blending options.

The Color Palette features RGBA and HSB color bars, along with a color ring with automatic complimentary colors, and a color swatch library. Both Fill and Stroke Colors support all 28 blend modes. The document has a Canvas (background) color.

The Arrow Maker is a unique and revolutionary way to create symmetrical arrows that can be standalone or applied to both ends of a shaft that's straight or curved. You really have to just try this one out.

Styles representing a collection of properties can be created and stored in the Style Library for easy access and reuse.

There are Libraries for Documents, Graphics, and Gradients. Documents can be exported as JPEG images to the Photos app or emailed as JPEG, PDF, or as a text string consisting of the iOS or Cocoa code to reproduce the Bezier Paths.

Text can be drawn in a box, inside a Speech Balloon (7 types with lots of options) or around a circle or semi-circle. Text can have transparent shadows with color, be outlined or underlined, and can be converted to paths for direct editing of points. You can horizontally and vertically align the text. Draw it in 1, 2 or 3 columns and adjust all 4 margins individually.

Finally there is a really cool tool for drawing an impossible object called the Penrose Tribar tool. One More Thing... Tesselate a path into a puzzle-piece that's symmetrical on all four sides, so you can create a pattern from it.

 

Features

  • 43 Creation Tools
  • 6 Path Edit Tools
  • Gradient Maker
  • Color Palette
  • Arrow Maker
  • Text
  • Styles
  • 6 Libraries
  • Nudge Bar
  • Grids
  • Guides
  • Align
  • Distribute
  • Export to Photos app
  • Export by eMail
  • Built-in Help

43 Creation Tools

  • Path (Pen)
  • Brush Path
  • Polyline Path
  • Oval
  • HalfCircle
  • QuarterCircle
  • CircleSlice
  • Ring
  • Band
  • Arc
  • Arc2
  • Crescent
  • InsideOutOval
  • Rectangle
  • RoundRect
  • Line
  • ParallelLines
  • Wave
  • FastArrow
  • FastArrowDuo
  • Arrow
  • ArrowOnShaft
  • Spiral
  • Triangle
  • Diamond
  • Parallelogram
  • Trapezoid
  • Polygon
  • Star
  • Pentagram
  • Polygram
  • Cross
  • Heart
  • Gear
  • RectGrid
  • PolarGrid
  • TriQuetra
  • YinYang
  • TextArea
  • TextOnCircle
  • SpeechBalloon
  • BarCube
  • PenroseTribar

Drawing Tools

Path Edit Tools

  • Path Point Edit
  • CoRadial Edit
  • Add Path Point
  • Remove Path Point
  • Convert Tool (Corner Tool)
  • Split Path

Path Commands

  • Boolean Ops (6 types)
  • Tesselate
  • Join
  • Blend Join
  • Combine
  • BreakApart
  • Reverse
  • Flatten
  • Unflatten
  • Bisect (Tri and Quad)
  • Smooth
  • Unclose and Close

New Features in Version 2.0

PQoid Tool (Quasi-Spirograph graphics)

If you remember Spirographs, you will be amazed, because PQoids in DrawPRO takes it to a whole new level (way past eleven). It's an awesome way to create epicycloids, hypocycloids, epitrochoids, and hypotrochoids without the hassle. You can also watch how they are created in the animation viewer. There are virtually endless variations; especially when you stack them with translucent gradients and use the Even-Odd fill rule.

Tiles

You can now create a repeating tile pattern from an unlimited number of graphics and add it to the drawing stack of any graphic. The tile even draws the combined shadows of each graphic comprising it.

Gradients

You can stack a Stroke Gradient on top of the Stroke Color of all graphics.

New Gradient Types:

  1. Pyramid
  2. Beveled Pyramid
  3. Diamond
  4. Sweep (Cones)

The Canvas (background) can now draw a gradient fill.

 

 

NOTE: The following Quick Start Guide along with many more entries can also be found in the extensive built-in help contained within the Bezier DrawPRO app.


 

Quick Start Guide

In the Bezier DrawPRO app we draw a distinction between Graphics and Paths. Graphics are basically convenience paths where the hard part is done for you, but you can not edit the points individually. Paths are completely createable and editable on a point by point basis to give you the most flexibility. Graphics and Paths can be converted to each other by using the 'Convert Graphics to Paths' command or the 'Convert Shapes to Graphics' command in the quasi-menu presented when tapping the Path button in the main toolbar.

=========================

Tools

=========================

The Tools popover allows you to add graphics to the current document. Just tap the Tools button on the far left of the toolbar and tap a tool. Tools in the bottom 4 rows will automatically insert a centered graphic that's 200 x 200 pixels in size, into the current document. The Tools in the top row are for dealing with Paths. (See the 'Paths' section down below.)

=========================

Graphics

=========================

Once you have a graphic in the document there are lots of options for modifying it. We will start with some basics. To move a graphic just select it and drag it around. A graphic is selected when the blue dashed bounding box with the knobs are visible.

To resize a graphic you can perform the standard two-finger Pinch gesture (for centered scaling). When doing the Pinch gesture, make sure you fingers are within the bounds of the graphic. Otherwise you will zoom the document. Alternatively, drag one of the blue handles of the bounding box to scale in one or two directions. Note that when dragging a handle you need to pause slightly (0.3 seconds) from the time you initially touch the handle until you start dragging the handle. Otherwise you will pan the document.

To rotate a graphic either perform the standard two/three finger Rotation gesture or tap the Panes button in the main toolbar and then choose the Rotate command to present the Rotate popover. From there you can drag the slider or tap one of the buttons with a preset rotation value. To unrotate a graphic (set the rotation back to zero degrees), just double-tap it. To unrotate a 'Path' (or graphic), tap the Path button in the main toolbar, and then tap the 'UnRotate' command in the popover's tableview. (It's the first one.)

=========================

Styles

=========================

All graphics have a set of properties that can be modified, such as stroke color, stroke thickness, fill color, gradient, shadow etc. These are collectively defined as a Style and can be modified by tapping on the Style button in the main toolbar. For most graphics all of the style properties are applicable. One example of an exception to this would be the Line Graphic. It doesn't have a fill color because there is no area to fill in.

You can select and modify multiple graphics at the same time.

Additionally, styles can be stored into the Style Library by tapping the White Plus button on the far-right of the toolbar at the top of the Style popover. To apply a style to selected graphics, tap the Library button in the main toolbar. Then tap the Styles segment in the Library toolbar and tap one of the styles in the library.

=========================

Editing Graphics

=========================

Some graphics have properties that are specific to that type of graphic. If a graphic has these editable properties, then the Edit button in the main toolbar will be enabled when that graphic is the first selected graphic. Just tap the Edit button and the correct popover for that graphic will be presented. If a selected graphic doesn't have any editable properties, then the Edit button will be disabled.

=========================

Paths

=========================

In the top row of tools, the tool in the second column (the Path Tool) allows you to manually create a bicubic Bezier path one point at a time. It can consist of curves and lines.

In the top row of tools, the tool in the last column (the PolyLinePath Tool) allows you to create a Bezier path one point at a time, but it only allows straight lines.

In the top row of tools, the tool in the next-to-last column (the PathBrush Tool) allows you to create a bicubic Bezier path in a free-form manner by simply dragging your finger in the canvas. The path will automatically smoothe itself as you drag.

To create a PolyLinePath, just tap anywhere in the drawing canvas to start the path. You'll see a red handle. Now tap somewhere else to draw a straight line from the first point. Each succesive tap will draw a new line from the last point to the new point.

You can end the creation process in one of three ways:

  1. Double-tap the path.
  2. Tap the Edit button in the toolbar.
  3. Close the path by tapping on the first point in the path.

To create a Bicubic Bezier Path follow the same procedure described for PolyLinePaths, but you have the option of drawing curves by dragging out a tap point. In other words, instead of just tapping a point, you place a finger on the iPad and then move in any direction to specify the curve. Once you are satisfied with the shape of the curve, then lift your finger. Don't worry if it doesn't look perfect after you lift your finger. You can always tweak it after you finish creating the path by entering Edit Mode.

=========================

Edit Mode

=========================

To edit a Path or PolyLinePath (or PathBrush), just click the Edit button in the toolbar or double-tap the Path. The Edit Toolbar animates into view. To the right of the 'Done' button, there are 5 Path Point Edit Buttons that allow you to edit the path points in various ways. The first arrow button allows you to edit a path point independently. The second arrow button (with the green 'C', which stands for CoRadial) allows you to edit the currently selected point or ControlPoint and coRadially edit the adjacent ControlPoint simultaneously. CoRadial editing is for smoothe curves. Independent editing, among other options, allows you to create radically angled curves.

The third and fourth arrow buttons allow you to add or remove points respecitively. Just tap on or near the path to add a new point. To remove a point, just tap any red handle while the fourth arrow button is selected.

The fifth button, which looks like a sharp angle, is the Convert button. It allows you convert a LineTo to a CurveTo or a CurveTo to a LineTo by selecting the button and then tapping on a point. When converting from a CurveTo to a LineTo, the result is immediately visible because the curve is immediately changed to a straight line. However, when converting from a LineTo to a CurveTo the path will still look the same until you drag the ControlPoint Handle away from the red endPoint.

=========================

Nudge

=========================

You can use the Nudge Toolbar in conjunction with the Edit Toolbar. Just tap on the Nudge button in the Main Toolbar BEFORE you start editing the path. It will slide into view at the bottom of the iPad. You can move the Nudge Toolbar to the top of the iPad by clicking far-right opposing arrows button. The buttons in the Nudge Toolbar allow you move the currently selected Path EndPoint by 1 pixel in the direction of the arrow of the button. The first four buttons move in 1 direction. The second four buttons move 1 pixel in two directions simultaneously. If you have turned on 'Snap-To-Grid' in the Grid Popover, then the nudge buttons will move the Endpoint by the distance of 1 grid space.

When you aren't editing a path, the Nudge Toolbar buttons allow you to move the entire Path or Graphic by 1 pixel or 1 gridSpace distance.

=========================

The Layer Popover

=========================

The Layer Popover allows you to show, hide, lock, unlock, copy, delete, select and deselect graphics and paths. Most importantly it allows you to specify the Z-order of graphics. The Z-order of the graphics determines the order in which they get drawn. One way to visualize this would be to imagine a stack of dinnerplates in a cabinet. The bottom-most plate would get drawn first, and then the plate above that plate would get drawn until all the plates were drawn. Now imagine that these plates have no depth, which means that if you look at them from the side, then they are all flat and on the bottom of the cabinet. That's how graphics are drawn and if you were to look at them completely edge-on, eg at exactly 90 degrees, then they would disappear. So why does this matter? Since graphics can overlap one another, a graphic higher in the Z-order will obscure or blend with all graphics that are beneath it. If a graphic has a partially transparent fill Color (or stroke Color) then it will be blended with the color or gradient of the underlying graphic(s) and/or the canvas color of the document. Additionally, you can specify a particular type of Blend Mode in the Style Popover for various effects.

To change the Z-order of selected graphics you can use the four buttons with arrows at the bottom of the Layer popover, or you can tap the Edit button in the toolbar of the Layer popover and then drag the items around in the table.

=========================

Library Mode

=========================

There are 4 libraries availble when you tap the Library button in the main toolbar, each of which store and retrieve a particular type of data. Documents, Graphics (in this case Graphics refers to all types of graphic objects), Styles and Gradients.

To store the current document, tap the white plus button in the Library Mode Main Toolbar.

To store the currently selected graphics, tap the white plus button in the Main Toolbar. (Note: each selected graphic will be a single item in the library.)

To store the style of the first selected graphic, tap the white plus button in the Style Popover Toolbar.

To store the gradient of the first selected graphic, tap the white plus button within a white circle in the bottom-right corner of the Gradient Maker Popover.

To retrieve or apply a library item just tap on it. For a document, tapping a document makes it the new current document.

For a graphic, tapping a graphic in the libary adds it to the current document.

For a style or gradient, tapping it will apply it to all selected graphics in the current document.

=========================

Library Mode - Delete Items

=========================

To delete items from any libary, tap the Edit button in the Library Mode Main Toolbar. Then tap all of the items that you want to delete (denoted by the big green checkmark). Then tap the trash button.

=========================

Library Mode - Exporting

=========================

Documents are the only Library type that can be exported. To export Documents, tap the Edit button in the Library Mode Main Toolbar. Then tap all of the items that you want to export (denoted by the big green checkmark). Then tap the Export Actions button (the next-to-last button).

From here you have multiple options. You can export to Apple's Photos.app as a rendered JPEG image at various sizes.

You can also eMail the documents (if you have properly set up a mail client) in one of four ways.

  1. JPEG
  2. PDF
  3. as Objective-C code that specifies each graphic as a UIBezierPath
  4. as Objective-C code that specifies each graphic as an NSBezierPath.

If you are a developer, then you can use that code in your own iOS or Mac OS X apps respectively.

 
Bezier DrawPro Go To App Store
 
Send questions, feedback, feature requests, or bug reports to: support@applenexus.com
| Home | ^Top^ | Contact |