The Basics

Adding and Moving Shapes

Drag onto drawing area.

Click to drop.

Shapes snap together at corners.

Click to rotate.

Drag to move.

Deleting Shapes

Drag to recycle bin.
Delete mode button, then click on shapes to delete.
Click Move mode button to end Delete mode.

Delete shape under cursor (keyboard keys).

Coloring Shapes (Paint)
New paint color.

New edge color (for everything).

Third box sets background.

Paint shape under cursor (key).

Click Paint mode button, then click on shapes to paint.

Click Move mode button to end Paint mode.

The third little colorpicker box sets the background color and pattern. In this picture, the background is jellybeans, with a little peach tint.

Click the background box to open a bigger Background menu:

Set tint and transparency. The tint color is drawn over the background picture, partly transparent (see through).
Choose a picture behind the tint (Textures). I chose jellybeans.
The More button lets you choose other textures. There are lots to choose from. Jellybeans are on the Food group.
You can try lots of backgrounds and tint colors. Then,

Cancel - all background changes are gone. Or,

OK - there is one thing to Undo - from your old background, to your new background.

Move mode (end Paint or Delete mode).

Paint mode. Click on shape to paint current color.

Delete mode. Click on shape to delete it.

Rotate mode. Clicking button swaps between clockwise, counter-clockwise, and off. In move mode, clicking a shape rotates it according to the rotate mode setting.

Colors (paint, edge, background).

Zoom in.

Zoom out.

Zoom to fit.

Center drawing on screen.

Undo, if any.

Redo, if any.

Sometimes the cursor modes and zoom buttons are on slide-out menus. This happens when the screen is too short for all the buttons.


Drag the background to move the drawing (scroll).

The Menus

Share Menu
Use the Share menu to show off your picture.

Share | Email sends a picture, plus a link so the To: addressee can edit a copy of your design. This saves your design to the Gallery, but never stores the email addresses.

Share | Share on Gallery saves your design to the Gallery.

File Menu
Use the File menu to save your work and manage your saved files.

File | Open brings up a list of files you saved with File | Save.

File | New begins a new design. This is the easiest way to clear a whole design and start over. Examples | Blank works, too.

File | Delete deletes the current open design.

File | Save saves your design to your local computer.

File | Save As Picture saves a snapshot of your design. The only way to print, is to Save As Picture, then print the picture.

File | Print isn't there. Instead use Save As Picture, and print that file.

The Examples and Help Menus
Examples is a list of already-made designs to load. You can use Examples | Blank (or File | New) to start a new design.

Help is a menu of help topics.

Title Menu
Click on the Title for a menu to set design info - title, author, notes. Saving a file brings up this same menu.

The Keys

You can do most edits with the mouse. But keyboard shortcuts are convenient.

There are no modes for keyboard edits. Most work on the shape under the cursor. The mouse mode (move/paint/delete) doesn't change.

The keyboard is the only way to do this first group of edits. There is no button or menu way to do them.

Duplicate shape under cursor. Makes a copy, including rotation.

Delete shape under cursor.
The arrow keys move the shape under the cursor by one pixel in each direction. Ctrl+arrow moves farther, by the snap tolerance (about 12 pixels). Shift+arrow moves even farther, by the width or height of the shape.

Shapes do not snap together when moved with the arrow keys.

Flip the shape under the cursor horizontally.
Flip the shape under the cursor vertically.
Back. With overlapping shapes, push the top shape to the back (underneath). This isn't Undo-able.
Scale (grow) shape under cursor.
The scales are 1.5, 2, 4, and 1.
Repeat to cycle through the scales.

... Add shapes 1 - 6 from the shape menu. On very small screens, the shape menu may not be in the right order, but tooltips give the shortcut keys when your cursor is over the menu shape:
1 - hexagon
2 - half-hexagon
3 - kite
4 - triangle
5 - sliver
6 - square

The other keys are shortcuts - equal to clicking on the left-side buttons.

Paint shape under cursor.
Changes rotation direction - cycles through clockwise, counterclockwise, off. Doesn't actually rotate a shape - a mouse click does that.
Change to Move mode (from paintbrush or delete X cursor).
Zoom Out.

The combo F O is handy - fit, then zoom out for space to work.

Zoom In.

Copyright 2012-2013 Ginger Booth |
email | website