Grid Designer

 

http://www.freese-works.com/griddesigner

5/1/2024 – Beta22

 

 

 


 

 

Grid Designer. 6

Introduction.. 6

Default Project 10

Supported Browsers. 10

Working on a phone or tablet 11

Project Menu.. 11

New Project 13

Project Type. 13

Enter Rows and Columns. 14

Select Palette. 15

Changing the Palette. 16

Example. 20

Create Project from Image. 22

Tips for Working with Images. 33

Saving your Project 35

Save As. 36

Sharing your Project 37

Opening a Project 40

Closing a Project 41

Download your project 41

Print your project image. 46

Example. 48

View Project Information. 50

Example. 51

Export and Import 53

Backup and Restore Projects. 53

Create and Use Project Libraries. 56

Editing.. 60

Mode Buttons. 60

Drawing Tools. 61

Pencil and Eraser. 62

Example. 62

Fill Tools. 66

Example. 67

Outline Area Tool 76

Line Tool 78

Shape Tool 80

Text Tool 84

Line Size. 86

Add/Delete Rows or Columns Tool 86

Selection. 88

Selection Tool 88

Selection Operations. 91

Cut 91

Copy. 92

Substitute colors in selection. 92

Clear and Crop Options. 92

Paste. 93

Paste Tools. 94

Toggle Background. 95

Make Larger. 96

Make Smaller. 96

Rotate. 96

Custom Change. 97

Flip Vertical/Horizontal 97

Invert Colors. 98

Fill Entire Grid. 98

Fill Area. 99

Stamp. 99

Example. 99

Reload Paste Item.. 106

Apply. 107

Clear All 107

Loading a pattern from the library. 107

Undo/Redo. 115

Working with Colors. 115

Edit Palette. 115

Palette Groups. 123

Substitute Colors. 126

Color Dropper. 128

Display Menu.. 129

Show Floating Palette. 130

Show/Hide Grid Lines. 131

Show/Hide Mouse Position. 131

Show/Hide Numbering. 133

Crosshairs….. 133

More Options….. 135

Numbering Options. 136

Cell Appearance. 137

Changing Cell Size/Type. 138

Changing Grid Size. 139

Rule Lines. 143

Rotate Project Grid. 144

Refresh Display. 145

Move Options. 145

Zoom... 145

Zoom In/Out 145

Zoom to Show All 145

Example. 146

Keyboard Shortcuts. 150

Moving Grid and Paste Item.. 150

Zooming. 150

Project Menu. 150

Display Menu. 151

Top Toolbar Options. 151

Bottom Toolbar Options. 151

Miscellaneous. 151

Help Menu.. 151

Documentation (HTML) 151

Documentation (PDF) 152

How To Articles. 152

YouTube Video Tutorials. 152

Facebook Page. 152

Blog Home. 152

Yarn Calculator. 152

Ratio Calculator. 153

Enable Hints. 153

Reload. 153

About 153

 


 

Grid Designer

Introduction

The Grid Designer can be used to create and edit any colored grid-based craft design.  Some of its uses include:

·         Multi-color knitting

·         Multi-color crochet

·         Corner-to-corner (C2C) crochet

·         Granny Square Crochet

·         Latch Hook rug-making

·         Diamond Painting

·         Square or rectangular patch quilting

·         Cross-stitch embroidery

 

The Grid Designer is free to use .  Your designs may be saved to the local storage of the browser you are working in.  There is no login required .  The link to the designer is: http://freese-works.com/griddesigner .  The link to the home page for my blog is http://freese-works.com . 

You may create a grid of up to 500 x 500 cells for each design.  The cells of the grid can be either square or rectangular to correspond to whatever craft you are interested in.  Multiple display options, such as numbering and mouse position, aid in working with your grid.  Zoom in and zoom out are available as well as a zoom-full-picture that will size the grid to just-fit the editing window so that the complete design is visible.

The drawing tools include a pencil and eraser, for free-hand drawing, as well as a line tool, shape tool, fill tools, outline area tool and text tool.  Line size can be modified from 1 to 10 cells in width, to make drawing on larger grids easier.  Undo/Redo is unlimited for all drawing tools.

Figure 1 : Drawing Tools

The shape tool allows the creation of simple shapes such as rectangles, circles, triangles, hexagons, diamonds, etc.  These shapes can be created as solid shapes of a single color, outlined shapes where only the outline is drawn, or filled shapes with an outline of one color and fill of another color.

Drawing tools use the selected foreground and background colors which are shown on the top toolbar.  Foreground color is usually the color used to draw, while the background color is used to fill the grid initially and to erase with.

Figure 2 : Color Selection

You may also open a Floating Palette from the Display > Show Floating Palette option.  This places a moveable window containing the foreground and background color selections.  You may select foreground and background colors from the Floating Palette instead of using the foreground and background dropdowns on the top toolbar.

Select colors from many pre-defined palettes or add your own colors to any palette.  Pre-defined palettes include many commonly used yarns, rug yarn, embroidery floss, etc.  One custom palette is also provided where you can add any colors you would like to work with. 

Figure 3 : Palette Feature

Complete support for selection , cut, copy, paste within the tool is provided.  In addition, the paste contents can be modified with a series of tools that allow you to flip vertically and horizontally, invert colors, and rotate. 

A library of small patterns that can be copied into your larger design is also available.

Color substitution is available, to aid in converting a design from one palette to another or just to switch one color for another in your open project.

Figure 4 : Ready to substitute

Figure 5 : Substitute white for blue

 

Projects can be created from scratch, by selecting either the Project à New Project option or the Project à Create from Image option. 

The Project à Create from Image option has a full digitizer to convert any image/photo to a digitized pattern.