Online Designer Tutorial

Find out how to use our Online Designer here!

Below you will see a screen grab of the Online Designer interface. Just mouse over the various buttons and panels to find out what they do and how they work.

{tip EXIT APPLICATION::This button will allow you to exit the online designer.}

{/tip}

{tip HELP PAGE::This button will show you the help page.}

{/tip}

{tip START OVER::This button will reset the page to the first opened version, removing any changes you have made.}

{/tip}

{tip SAVE PROJECT::This button will allow you to save you current project in your own account. You will be prompted to create a user account and it will be used to store you projects for future use.}

{/tip}

{tip SET COLOUR FILL::This button will show the colour select panel and options as a popup box.}

{/tip}

{tip UNDO/REDO::This button is for undoing and redoing actions.}

{/tip}

{tip OPACITY::This button allows you to set the transparency level for the selected item, choose from 100% strength down to completely clear.}

{/tip}

{tip ADD QR CODE::This button will allow you to insert a QR code for text messages, an email address, website address or SMS. They can be read by any mobile device.}

{/tip}

{tip SUBMIT::This button will submit your finished design for saving and ordering. You will be required to create a new account to save (its free!).}

{/tip}

{tip ALIGN::This button will align the selected item to the left, right, top, bottom or middle of the canvas.}

{/tip}

{tip ITEM DEPTH::This button will move the selected item forward or backward so it will show either behind or in front of other canvas items.}

{/tip}

{tip TAKE PHOTO::This button allows you to capture an image from your built-in web camera. Just click it and follow the instructions, great for selfies!}

{/tip}

{tip PREVIEW::This button will show your current layout in a preview view.}

{/tip}

{tip DELETE::Deletes selected item.}

{/tip}

{tip COPY::Copies selected item.}

{/tip}

{tip CUT::Cuts selected item.}

{/tip}

{tip PASTE::Pastes the item currently copied to the canvas.}

{/tip}

{tip FILL COLOUR::This button will show the colour pallettes that you can use to select your required colour. The field at the top shows more pallette panels as a dropdown list.}

{/tip}

{tip COLOUR PALLETTE::This panel pops up when you select the SET COLOUR FILL button. It displays a series of colour pallettes that you can select colours from, additional pallettes are available as a dropdown select list when the "Colour Pallette" field is clicked.}

{/tip}

{tip EDIT BACKGROUND::This button allows you to edit the canvas background with colours or images. When clicked a popup panel appears showing the available options. One thing to remember is that when using an image as the background it will force fit the image to the shape of your canvas, so images may distort.}

{/tip}

{tip BACKGROUND GALLERY::This panel will popup when the "Change Background" button is clicked. You can select a colour fill or image fill from the available galleries, these will popup when the title is clicked.}

{/tip}

{tip STROKE PROPERTIES::This button allows you to set a stroke on the selected text. You can control thickness and colour.}

{/tip}

{tip STROKE CONTROL::Use this slider and icon to set the thickness and colour of your stroke.}

{/tip}

{tip TEXT ENTRY::This panel is where you enter your text. Type in here and click "Add Text" to add a new text box on the canvas. You can also edit existing text here, when you select a text box, the text it contains will display here for editing, don't forget to click the "Update Text Edit" button.}

{/tip}

{tip CLEAR FILL::This button sets the selected text to totally transparent, rendering it invisible.}

{/tip}

{tip ADD TEXT::Click this button to add a new text box containing your new text to the canvas.}

{/tip}

{tip UPDATE TEXT EDITS::After you make any text changes to an existing text box, click this button to save the changes.<br />IMPORTANT: If you do not click this button after edits your text box will dissapear!}

{/tip}

{tip IMAGE GALLERY::This panel gives you access to the Online Designer built-in image galleries, clicking the top field will show a dropdown list of available galleries. Remember when using images that they will suffer in quality the more they are enlarged, so it is recommended not to enlarge images more than 50% over the size the are when placed, they can, however, be reduced in size as much as needed.}

{/tip}

{tip TEXT CONTROL::This panel allows you to set font variations (bold, italic, underscore), align text, set line and character spacing and change font size, just like any word processing program.}

{/tip}

{tip RECENT COLOURS::This field displays the colours you have previously selected during the making of the current layout, great for reselecting matching colours on different items without changing pallettes.}

{/tip}

{tip SELECT FONTS::This is the list of available fonts, simply click a text box to make it active and then click your required font.}

{/tip}

{tip LINEAR VIGNETTE FILL::This button allows you to create a graduated blend between different colours. Click on the small nodes in the slider you see on the right and set the colour of each from the pallette, you can add and remove nodes using the plus and minus symbols.}

{/tip}

{tip RADIAL VIGNETTE FILL::This is the same as the linear vignette but applied as a round shape.}

{/tip}

{tip SOLID FILL::This button applies the colour to the selected item as a solid fill.}

{/tip}

{tip MINI CONTROL PANEL::This panel appears above every selected item on the canvas, text boxes, image boxes and shapes boxes. It allows you to delete, set and change colours, move items forward and backwards, align boxes, set opacity, crop images and colour edit images. Most of the edit functions are replicated in the top control menu above.}

{/tip}

{tip TEXT BOX::This is where your text shows. The type can be scaled, rotated, coloured, transparency adjusted and, of course, set with any of the available font faces.}

{/tip}

{tip CLIPART GALLERY::This panel gives you access to the Online Designer built-in clipart galleries, clicking the top field will show a dropdown list of available galleries. Clipart differes from images because they can be enlarged and reduced as much as desired without affecting quality}

{/tip}

{tip IMAGE BOX::This is how your placed images show. The image can be scaled, rotated, distorted, transparency adjusted, colour corrected and cropped.}

{/tip}

{tip CLIPART BOX::This is how your placed cliparts show. The cliparts can all be scaled, rotated, distorted and transparency adjusted, and in addition the non-coloured cliparts can be filled with any colour or gradation blends you desire.}

{/tip}