Loving this app! Absolute genius and SO affordable. It fills in the blanks when I need to get something done and I’m not near Illustrator.
I couldn’t find much in the way of a manual or tutorials, so here I’m compiling my own guide page. It’s just a few things I’ve figured out. Have patience with a work in progress! Your questions and suggestions are much appreciated. If you find a mistake or know how to do something that I don’t, please let me know.
- Various Tips
Screen Overview / Toolbox
- Ivy Draw workspace with labels
- Layers Panel
- Grid Options Panel
- Selection Tool
- Shape Tool
- Text Tool
- Path Tool
- Removing a node from a path
- Drawing Menu
- Projects / Applications
I went shopping for a vector graphics editor for Android, and picked out Ivy Draw and Vector Ink. Vector Ink had so many powerful capabilities that it was close to being an Illustrator replacement, but Ivy Draw was simply more fun. I found myself wanting to play with it. At only six bucks each I figured I might as well get them both, one to really get things done and the other just because I like it.
Vector Ink can do some amazing things when it’s working, but unfortunately, all those complaints about it being buggy and unstable were right. It’s so fiddly and I got so frustrated that I ended up impatient and definitely not having any fun. There’s a wealth of tutorials for it and I started trying to follow along– “trying” because you have to hold your mouth just right and then maybe sometimes it works like the instructions. Then the program forgot I had paid for it and reverted back to the limited version. It wouldn’t load my previous artwork. I complained to the developer. No answer. I tried to get a refund from the Google Play store but they said no, which surprised me– no refund even though I had paid for nothing? I complained to the developer again. Still no reply. My credit card took the six bucks back and that’s that. Then several days later the developer replied to say that the program only works online. Well, that wouldn’t have worked for me anyway, since I’m about to move out where there’s no internet.
I was kinda glad to be left with Ivy Draw. I just like it! There are things it doesn’t do, but the things it does it does competently, in a stable, non-frustrating fashion. It’s very easy to use after an initial learning curve and getting in the groove of how to do things. Now that I’m a fan, I’m figuring out ways to make it work and it’s in my toolbox now.
This page began for myself. I wanted to write down all the tool names from the tooltips so that when I forget where something is I’d have a listing to go back and search for it.
I’m using this sign ** to mark where there’s something I still have a question about.
Moving Around the Screen
Use one finger to move a selected object. Use two fingers to move the screen around or to zoom in and out.
Long-touching a tool with your finger brings up a floating tooltip to let you know what tool it is. I’ve written down a bunch of these below for reference.
Where’s the Okay button?
Sometimes the dialog box doesn’t have enough space to show the Okay button at the bottom. Scroll down a little.
How to quit a drawing and start a new one
Save your drawing using the Drawing Menu (see next screenshot). To get back to the Splash / New Drawing screen, tap the “back” button on your device.
How to open a drawing
Return to the Ivy Draw opening screen by hitting the Back button on your device to find the Load Drawing option.
Screen Overview / Toolbox
Ivy Draw workspace with labels
Top row: Open / close Layer Panel – Toggle Panel Transparency – New Layer – Hide All Layers – Show All Layers
Layer Transparency Slider
List of layers, with an eye for Show / Hide
Bottom row: Drag to Adjust Panel Height – Move Layer Up – Move Layer Down – Change Selected Object’s Layer – Layer Menu (Duplicate – Rename – Group All – Merge Down – Delete – Identify)
To move an object to a different layer
Select the object then tap the 4th button at bottom of the Layers panel, with two layers inside a dotted square. Then tap the layer where you would like the object to go.
The Identify option is for finding artwork. Select a layer and hit Identify and the artwork flashes to show its location even if it was hidden. Pretty cool.
** Is there a way to find out which layer an object is on? Sometimes I want to select an object that I can see, but first I would have to know and select which layer it’s on.
Grid Options Panel
The Grid Options panel seems pretty self-explanatory.
** One thing I don’t know yet is what Show Divisions does and how to use it. Would it be like a grid between every 5th line like on printed graph paper? That would be great! I’m going to ask the developer pretty soon here along with some other questions.
Overview of the Selection Tool screen.
Selection Tool menu:
Locking Options – Move – Resize – Rotate – Trash – Duplicate (Copy and Paste) – Quick Edit
At the top with Selection Tool menu:
Multi-Selection Mode – Modify Selection – Selection Menu (Select All – Invert – by Fill / Stroke) – Arrange (bring to front, bring forwards, send to back, send backwards – horizontal flip – vertical flip) – Align (left, vertically, right, top, horizontally, bottom)
On the side with Selection Tool menu – Resize Mode: Grow from Centre / Center – Lock Aspect Ratio
On the side with Selection Tool menu – Rotation Tool: Drag selection box to move object – Rotation anchors
If that box is highlighted “on” then you can pull the selection arrow around on the screen to select things, and the Modify Selection menu determines whether you can add to, take away from or replace the selection. In Ivy Draw you must drag the selection box all the way around an object, not just touch the edge of it.
Copying and Pasting, Kinda
It’s the Duplicate button. There isn’t a way, that I’m aware of, to copy something and paste it later, as if to a clipboard. But you can select an object and hit Duplicate (it looks like nothing happened, but it pasted the copy right on top) then pull the copy off to the side.
There are two ways to Rotate
One way is to click the Rotation tool and do it freehand. The other is to select the object with the Selection tool, then tap the Quick Edit Toolbar (the screwdriver and wrench) then Object Properties (same screwdriver and wrench icon on the row above) and enter a precise number into the Rotation box.
Shape Tool menu:
Choose shape – Fill – Stroke – Special Effects – Object Properties – Deselect (Enter / Okay / Confirm) – Convert to Editable Path
On the side with Shape Tool menu: Toggle Stamp Tool – Stamp Tool Settings – Grow from Centre / Center – Aspect Ratio
Stamp Tool Settings
The Stamp Tool makes confetti across the screen:
** What’s that top slider? It makes an orange box, that I don’t know what it does yet. We’ll have to figure that out.
Wasn’t that clever the way I did text on an angle for my screen overview? It was waaay less easy than in Illustrator, but we need to stop comparing with Illustrator right now. Illustrator doesn’t run on tablets and doesn’t cost six bucks.
I made that text using spaces, then went to Selection – Rotate and turned the whole object 45 degrees.
Text Tool menu:
Choose Text – Fill – Stroke – Special Effect – Object Properties – Deselect
On the side with Text Tool menu: Toggle Stamp Tool – Stamp Tool Settings – Grow from Centre / Center – Aspect Ratio
See just above, with the blue flowers– this does the same thing except makes confetti out of text!
For a while I couldn’t figure out how to select and edit text again after it had been entered. It is possible! Start not with the Text tool, but the Selection arrow. Select the text THEN click the Text tool, then the capital T (tooltip calls it “Choose Text”).
Text can even be cut, copied and pasted from another source.
Here’s the Pen and Path tools, the real vector shape editing, the fun stuff!
Path Tool menu overview
Path Tool menu:
Path mode – Path settings – Fill – Stroke – Special Effect – Object properties – Deselect (Okay, Confirm)
Path Mode submenu: Straight Line – Quadratic Curve – Cubic Curve – Freehand – Pen Tool – Move Points – Edit Mode
Path settings dialog: Dotted / dashed line
YES, Ivy Draw can join an existing line with the Pen tool
People were complaining in reviews because it can’t, and at first I thought they were right.
Make a line, then select the line, tap Path Tool, then Path Mode – Pen Tool and tap one of the large ends of the shape. It joins!
In Edit Mode you get the following menu. I’ve been having a lot of fun with it.
You can run along the nodes and Toggle Control Points. Also that first small, solid round dot, Switch Focus Between Nodes and Edges, gives you the path between the nodes to play with.
Adding a node to a path
Under Path Tool – Edit Mode, use the “Switch Focus” dot on the right to focus on the line between the two points, then tap “Divide in Two”. This adds a new node in the middle of the line. I’m not sure if that’s the right way to do it, but “If it’s stupid but works, it isn’t stupid.”
Removing a node from a path
Select the node and tap the garbage can 🙂
Share Image (PNG or JPG) – Export SVG – Save – Save As – Grid Options (same as box in upper right corner) – Images (import picture into the drawing) – Display Options (background color) – View Actual Size – View Page – Hide Interface – Page Size (document layout) – Page Background
Export artwork as PNG or JPG
To export as JPG we go to the Drawing menu and choose the first option, Share. I tried various things and got various results, but exporting to a third party file manager, File Manager Plus, saved nicely as a jpg. Emailing it to yourself works too.
I’ve exported reasonably huge jpgs without any problems.
Projects / Applications
My uses are all about crafts 🙂
Stroke Dashes to illustrate embroidery ideas
I’m happy making some shapes with the Shape tool or the Pen tool, then change the Stroke style to dashed line. It looks enough like embroidery stitch to help me visualize my design before working it. See the Stroke Dashes dropdown box? Next to it is a gear where you’ll find more fine tuning for how the dash pattern looks.
After setting the dash pattern you can drag the object’s resize handles to make the dashes line up most pleasantly.
How to use printable sewing patterns without a printer
In olden times craft magazines came with miniature patterns on a grid to be enlarged onto graph paper. Ivy Draw makes it easy to overlay a pdf pattern onto a grid so you can do do the same thing.
You need a pdf viewer that has a black background so you can see the edges of the pages, and take screenshots. I used the Kindle app. The sides don’t show but I can see where the top and bottom of the page is and that’s enough.
Make a document in Ivy Draw of 8.5 x 11 inches (or your page dimensions). Paste the screenshot into it via the Drawing Menu – Images.
Make sure the Grid is showing and aligned to top left. (I randomly switched to taking the screencaps on my phone, sorry, don’t be distracted.)
Then zoom out a bit and resize the screenshot by hand until the page image and your 8.5 x 11″ grid match up. The second image is me nudging the corner until it’s as closely aligned as I can get it. This isn’t a completely exact method but better than tracing the image off your tablet screen, or some of the other printerless methods I’ve come across. I have enough feeling of confidence to cut fabric based on it.
Then get some graph paper with 1″ lines, or use a ruler to make lines on paper, and visually transfer the pattern across.
Designing colorful cross stitch or needlepoint pattern grids
This would also work for designing Nonograms.
** instructions coming
But can it make Spirographs?
I wouldn’t be very interested if it couldn’t! Only the most basic ones, but they’re pretty and they’re easy and fun to make, so they scratch the itch.
Here’s a basic oval that was Selection – Duplicated, then the copies rotated. It really only took moments.
Common factors of 360 are 6, 8, 9, 10, 12, 15, 18, 20, 24, 30, 36, 40, 45, 60. There you go. Math!
For the red shape I made copies at 30, 60, 90, 120, 150.
Let’s have some fun here! The rounded-corners square found in Shapes makes a cool outer ring, duplicated several times. There’s how to make a shape constrained to the original proportions (the arrow).
That center design isn’t exactly hypotrochoid art but looks cool anyway. Check under the flag shape for a huge library of unique icons to play with.