User Guide
- Toolbar
- Design Panel
- Viewer Panel
- Saving / Loading
- Using Your Patterns
Toolbar
Place your cursor over the Room Dimension button (or tap once on a touch device) to reveal the dimension selector. You may choose from one of four standard room sizes, or create your own dimensions by selecting 'Custom' and entering measurements (in feet) into the fields below. The room model will automatically scale to the dimensions you select.
Place your cursor over the Pattern Rotation Tool (or tap once on a touch device) to reveal the rotation control. Click and drag the knob to rotate your pattern within the model room. For fine control on mouse-enabled devices, spin your mousewheel while hovering over the knob. On touch devices, moving your finger further away from the knob while dragging will give you better control.
Click or tap the Wall Color Tool to reveal the color selector control. Select a color to change the wall paint in your model room. This tool will help you visualize your pattern within in your specific environment.
Click or tap the Undo button to undo your last action, or move backward through your design history. The pattern maker system will store an unlimited number of undo steps.
Click or tap the Clear button to clear your design space. Clearing your design space does not delete your history, so you will be able to undo your action if you accidentally clear a design you want to keep.
Click or tap the Redo button to move forward through your design history. Note that if you previously undo several steps and then complete a new action, your redo history will be erased from that point forward, and a new history will be created by your additional actions.
Click or tap the Day/Night selector to toggle your display mode between Daytime Mode (dark on light) and Night Mode (light on dark). Using this option will have no impact on your design or history.
Click or tap the Expand selector to toggle between fullscreen and embeded mode. Fullscreen mode is recommended in order to maximize your design space. Using this option will have no impact on your design or history.
Click or tap the Snapshot button to take a screenshot of your model room at its current location. The snapshot will appear in a new window from which you may save or print the image. The snapshot is a PNG image with a transparent background so you may use it to display your pattern in other online or printed presentations. To control the angle of the snapshot, click the pause button and use your mouse or touch device to orient the model room to your desired perspective.
Click or tap the Print button to print a spec sheet detailing your design. The printed page will reveal your pattern, the coverage area of a single repitition of the pattern, how it will appear in a repeated layout, and a materials list for the pattern.
Click or tap the Help button to reveal this help document at any time.
Design Panel
Choosing a Product
Select the product you want to use for your pattern by clicking or tapping the product logo at the top of the selector column. Changing categories will clear any existing patterns but will not clear your design history. You may return to a cleared design by clicking the Undo button.
Placing Tiles
Click or tap and hold, then drag tiles of your choice from the product area onto the design area to start creating your pattern. To place a rotated tile, double-click or double-tap and hold, then drag. Once at least one tile has been added to the design area, you may quickly duplicate the tile by holding down the Shift key and clicking on the tile (or by double-tapping rapidly on a touch device). The duplicated tile may be dragged and dropped into a new location.
Editing Tiles
Once tiles have been dropped in the patternmaking area, you may continue to edit them:
- Click or tap and hold a tile until it lifts from the pattern, then drag it to a new location.
- Right-click or double-tap to reveal a context menu with additional editing options.
- Double-click (mouse only) to rotate the tile by 90 degrees.
Deleting Tiles
Delete a tile by using the context menu or by dragging it off the patternmaking area.
Moving the Pattern
To move the entire pattern at once, click or tap and hold in an empty part of the patternmaker area, then drag the whole pattern to a new position.
Zooming the Pattern
Use the Mouse-wheel or pinch gesture to zoom in or out on the patternmaking area.
Clearing the Pattern
Click or tap the Clear button to clear your design space. Clearing your design space does not delete your history, so you will be unable to undo your action if you accidentally clear a design you want to keep.
Extensible Design Area
Your pattern can extend beyond the edges of the design area. To extend your design area, click and drag in a non-tiled area to move the entire pattern up, down, left, or right. Parts of your pattern will become hidden beyond the border of the design area, but the pattern will remain intact. The arrow nearest the extended area will brighten and flash to remind you that part of your pattern is hidden. By using this feature and zooming your pattern, you will have available an area large enough to customize a single pattern for an entire room.
Resize Work Area
Depending on the size of your display, the design area and the viewing area may be placed side-by-side or stacked vertically. You may change the relative sizes of the area by clicking (or tapping) and dragging in the area between the two windows.
Important Info
IMPORTANT: Your finished pattern should be square or rectangular. You may place tiles over or under other tiles to complete a rectangular shape, and use the context menu to move tiles to the top or bottom of the stack. Irregular patterns will leave transparent holes when rendered.
Viewer Panel
You may prevent the model room from rotating automatically by clicking (or tapping) the Pause button located at the bottom of the Viewer area. Clicking (or tapping) and holding anywhere within the Viewer area will temporarily stop automatic rotation.
Rotating the Room
You may rotate the model room vertically or horizontally by clicking (or tapping) and dragging anywhere within the Viewer area. You may manually rotate the room whether or not automatic rotation is paused.
Zooming the Room
You may increase or decrease the size of the room by placing your cursor anywhere within the viewing area and rotating your mouse wheel, or by using a pinch gesture on touch-enabled devices. You may manually zoom the room whether or not automatic rotation is paused.
Panning the Room
You may pan the room view left or right, up or down, by clicking and holding the right mouse button (or double-tapping and holding on touch devices) and then dragging the view.
Saving / Loading
Creating an Account
You must create a password protected account before you can save and load patterns. To create a new account or to login to an existing account, click the Login button at the lower right corner of the Pattern Designer window. If you have a Google account, you may login using the "Continue with Google" button. Otherwise, enter your email address and password. If you already have an account you will be logged in automatically. If your email address and password have not been used previously to create an account, you will be given the opportunity to create a new account using the credentials you entered. Follow the instructions provided to authenticate your new account.
Saving Patterns
Once you have logged in, you may save designs to be retrieved and modified later. Click the "Save" button near the bottom right corner of the Pattern Designer window. Enter a name for your pattern and click Continue. If you have already saved a pattern using the name you just entered, you will be given the opportunity to continue, which will save the new pattern using the previous name, or cancel, which will allow you to choose a new name.
Loading Patterns
If you have logged-in and you have previously saved patterns using the same credentials, you may load one of your saved patterns. Click the "Open" button, then select the pattern you wish to load and click "Open". The pattern will be loaded, and you may print a new spec sheet or take a snapshot of the pattern. You may also edit the pattern, e.g. you may change tile colors or modify the orientation, then save the pattern with the same or a new name. Finally, you may click the trash can icon to permanently delete the pattern from your saved items. Click "Cancel" to close the window without loading or deleting a pattern.
Using your Patterns
Click or tap the Snapshot button to take a screenshot of your model room at its current location. The snapshot will appear in a new window from which you may save or print the image. The snapshot is a PNG image with a transparent background so you may use it to display your pattern in other online or printed presentations. To control the angle of the snapshot, click the pause button and use your mouse or touch device to orient the model room to your desired perspective.
Click or tap the Print button to print a spec sheet detailing your design. The printed page will reveal your pattern, the coverage area of a single repitition of the pattern, how it will appear in a repeated layout, and a materials list for the pattern.