Designs can comprise single or multiple images - stock or your own. Before using your own, you must upload them from your computer.
- In the Designs & Text tab, click the Add Printing Design button.
- The Select Artwork dialog will appear. Select the My Designs folder in the Categories listing.
- Use the Browse button upload an image from your hard disk or network.
Adding images to products
Once you have uploaded an image, you can use it on a product.
- Click the Add Printing Design button to open the Select Artwork dialog.
- Select the My Designs folder to view your own uploaded images.
- Select the image you wish to add, and click the Select Image button in the popup. The image will appear on the product.
- Repeat the process to add more images to your design.
Supported file types
TheMannocks Ltd's online designer handles a range of different image types, including:
Tip: If you intend to upload an image containing a transparency, we recommend using PNG format.
Optimum image size
Uploaded images should be as large (hi-res) as possible.
- When you upload an image, the online designer will automatically scale it as large as possible without losing quality.
- Scale it down to suit your purposes.
- If you scale the image up, you will notice the quality meter turn from green to amber.
- If you go into the red, a warning notice appear. This indicates that the uploaded image cannot be printed or embroidered at the size you require. You will either need to provide a higher resolution image or reduce the size of your design.
- If you add a product to the cart containing an oversized image, you will be warned that this will result in a poor quality product.
Moving & Scaling Images
Once you have added artwork to your product, select it by clicking it. Sizing handles will appear at the extremities of the image. It will also appear within the control panel on the right. This panel gives you further control of the image.
Layering your items gives you greater control.
- When adding multiple elements to a design, you may want one to appear above another. This determines the layer order.
- Select an element in Design Mode and the layer will appear within the Designs & Text panel to the right.
- Use the up/down arrows next to the Delete button to change layering order.
To remove an image, select it. Click the Delete button in the Designs & Text panel to the right.
- Select an object and click the rotation arrows of the Rotate control in the Designs & Text panel.
- Click left or right arrows to rotate you image clockwise or anti-clockwise.
- Alternatively, move the dial with you mouse.
- Position objects by click & drag it with the mouse.
- Alternatively, use the Position controls in the Designs & Text panel.
- Size objects by dragging the sizing handles with your mouse.
- Alternatively, resize images with fine precision using the Size controls in the Designs & Text panel.
Depending on the type of image you have added, you can remove the 'white box' around your uploaded image.
Note: Removing white will remove all white from your image. You can in fact use any color for your transparency color. Make sure it's one which is not used in the image itself.
Assessing print quality
- The quality meter gives an indication of how your image will be printed: green indicates that it will print well, yellow that it will print ok, while red that it will not print well.
- If you scale an image too much, a warning notice appear indicating that the uploaded image cannot be printed or embroidered at the size you require.
Effects & borders
Built into Mannocks Ltd's online designer is a library of effects and borders you can apply to your uploaded image.
You can easily add text to your product. You can position, size, rotate and color text, as well as add special effects. Text can be controlled from within the Designs & Text panel, as well as by click & drag with the mouse.
- Click Printing Text and key in your text in the popup dialog.
- To edit text, select it and use the controls available in the Designs & Text panel.
Placing & manipulating text
Each text block you add when designing your product will appear on its own layer. Each layer provides many controls which allow you to precisely place and manipulate your text.
- Align: Left, Center and Right - mainly used for multiple lines of text.
- Position: Select up/down, left/right. Or drag selected text around the design area by mouse.
- Size: Plus for larger, minus for smaller.
- Rotate: Click left or right arrows to rotate your image clockwise or anti-clockwise. Or move the dial with your mouse.
- Font: Click the dropdown arrow to select a font from the available font listing.
- Color: Select a font color by clicking the color palette.
- Bold and Italic: Apply bold or italics to selected text by clicking the relevant option.
Once you have added text to your product, you can edit the text. Select the text object, and within the layer control, click the Edit Text link.
- When you click the font selector, a font popup will appear. This popup allows you to select the font you wish to use for your text.
- The font popup arranges fonts by category. Select the category you want to see and the fonts will load in the right hand panel.
- Either double-click the desired font or select and click the OK button at the bottom of the popup.
You can access text effects by clicking the Advanced link at the bottom of the text layer control.