Welcome to Ezeeprint

Online Designer Help

The Online Designer is a user-friendly online editor app that allow you to;

  • Upload image, picture and design to you personal accout on Joy&Co website server.
  • Attach image, picture and design from Facebook, Google, Flickr, Picasa and Instagram to the your working template or canvas.
  • Generate QR code to store information of your contact info, website link, business address and much more.
  • Edit the design by inserting colorful text, objects, cliparts, background, and QR codes.
  • Save the design on your account for future redesign or reprints.



The Online Designer App has intuitive icons and layout with interactive tooltips to help guide you along the design process. Simply mouse over the toolbar icons and the tooltip wil display help and provide a brief description about its function.You'll get a hang of the Online Designer App in no-time, and if you have questions, we are always here to help. Just drop us a mail or send us a message and we'll get back to you shortly. Listed below are some additional guidance on the Online Designer App.


Standard Tools

Standard Tools are used to add elements to your design. You can add text, image, library shapes, line, ellipse, and rectangle or create freehand drawing or add paths to your design using these tools. Standard tools appear on the left side of Pixopa Design Express screen.



Design tools in this toolbar:

text color
Add Text

Select this tool to add text to canvas. Once you click on this button, cursor will appear on centre of canvas. You can type the text and change formatting using text toolbar (that appears on the right side of canvas as soon as you select the text tool).

add image
Add Image

Select this tool to add image to canvas. Once you click on this button, image library pan will slide down at the top of studio page.



This pan will allow you to add images from any of the libraries from:

  • your ‘My Images’ folder where you’ve uploaded the images earlier OR
  • any online location like, your own Facebook, Picasa, Instagram, or Flickr albums

You may login to any of your accounts and images under it will be displayed in image slider.



Once you open the required library (after login), you can just drag it and drop on canvas, and the image will appear on the canvas.

draw shapes
Shapes

Clicking on this tool opens the studio image library with a lot of shapes to choose from. These shapes are arranged under various heads, like, Basic, Objects, Arrows, Animals, Music, etc.

draw shapes
QR

Clicking on this tool opens the QR library which allows you to generate QR codes to store information about your contact information, website link, address and much more. The QR code can then be inserted to your canvas or prints. Recipients of your card can then scan the QR code using their smartphone which automatically extract information about your contact, event details, etc. The information can then be easily stored on their phone without having to manually type in the information. They'll surely be impressed and remmeber you for making their life a little bit easier.

draw tool
Draw Tool

Use this tool to draw a freehand drawing. Press the Left-click of mouse from where you want to start (on canvas) and move the mouse, keeping the left-click pressed. This will create free hand drawing.

line tool
Line Tool

Use this tool to draw a straight line. Press the Left-click of mouse from where you want to start (on canvas) and move the mouse, keeping the left-click pressed, till the point where you want to end. This will create a straight line.

ellipse tool
Ellipse Tool

Use this tool to draw an ellipse or a circle (an ellipse with width equal to height is a circle). Clicking on this option once will open the three types of ellipses that you can draw. Click on the appropriate one to select it. Press the Left-click of mouse from where you want to start (on canvas) and move the mouse, keeping the left-click pressed, till the point where you want to end. This will draw an ellipse or a circle.

rectangle tool
Rectangle Tool

Use this tool to draw a rectangle or a square (a rectangle with width equal to height is a square). Clicking on this option once will open the three types of rectangles that you can draw. Click on the appropriate one to select it. Press the Left-click of mouse from where you want to start (on canvas) and move the mouse, keeping the left-click pressed, till the point where you want to end. This will draw a rectangle.

path tool
Path Tool

Use this tool to draw a path. Press the Left-click of mouse from where you want to start (on canvas) and move the mouse, till the point where you want to take a turn. Click again on this point to end this line segment and start a new line segment. You can end this path by either double-clicking or by clicking on the starting point. This will complete the path


Top Pane

The Top Pane appears above the Standard Tools Box and Canvas.



Tools in this toolbar:



undo
Undo

Use this option to undo (cancel) the last action performed.

redo
Redo

Use this option to redo the action cancelled through last Undo.

clear all
Clear All

Use this option to delete all the objects on the page, even the background image and color. The page will be cleared.

redo
Redo

Use this option to redo the action cancelled through last Undo.

cut
Cut

Use this option to cut the selected objects and copy it to clipboard. Cut objects will be deleted from the page and can be pasted multiple times using Paste option.

copy
Copy

Use this option to copy the selected objects to clipboard. Copied objects will not be deleted from their original page and can be pasted multiple times using Paste option.

paste
Paste

Objects that is Cut or Copied last can be pasted any number of times using this option. Every time you click on Paste, a copy of last Cut or Copy object will be pasted on canvas.

delete
Delete

Using this option, selected object can be deleted permanently.

background image
Background Image

This option will help you convert the image into background image. Image selected by you will be resized to fit the canvas and its opacity will reduce to give an impression of perfect background.

Background Fill Color
Background Color

You can change the color of background (i.e., the canvas) using this option. Click on the tool and select color from color palette. You can even select a linear gradient or a radial gradient to fill the canvas.

Remove Background Color
Remove Background Color/Image

Use this option to remove the background image and color. The background of the page will be cleared.

Change Measurement Unit
Change Measurement Unit

You can change measurement units to Pixels, Inches, or Centimeters using this option. Just click on radio button corresponding to the unit, and all measurements will change to this unit.

Wireframe Mode (On/Off)

Clicking once on this button will show all the objects in wireframe mode. Clicking on it again will show the objects in their original mode. In wireframe mode all the object colors, shadows, stroke color and width will be hidden and only plain black outline of all objects will be shown.

Gridlines (On/Off)

Clicking once on this button will show gridlines on canvas. Clicking on it again will hide those gridlines.

Ruler (On/Off)

Clicking once on this button will show ruler on canvas. Clicking on it again will hide the ruler.

Preview

Use this option to show PDF preview of your design. You need to allow pop-ups to view the preview. If pop-ups are blocked then Design Express will not be able to open the PDF preview.

Save

You can save your unfinished designs and access them later using this option. If you are a registered customer and are logged in, clicking on Save button will save the design in your ‘My Designs’ folder. If you are not logged in, system will ask you to login using your email id and password registered with Web-to-Print store. In case you are not registered, you can create a new account by clicking on the link provided below email id and password fields.

Help

You can open help page using this option. In the help section, you can search for any options that you want to know more about.

Product Info

Clicking on this button will show information of product for which you are creating the design. It will show name of product with all the attributes like, size, papertype, shape, printing options, etc.

Add to Cart

Once you have finished your design, you may use this option to add this product to your cart. Clicking on Add to Cart button will lead you to Shopping Cart, with details of all the products in your cart.


Right Toolbar: Image/Text/Object Options

The options available on the Right Toolbar depends on whether you're are editing an image, text or object.

Image Options

As soon as you add new image on canvas or click on an existing image, Image Options toolbar will open.



Text Options

As soon as you add new text on canvas or click on an existing text, Text Options toolbar will open.



Object Options

As soon as you add new object on canvas or click on an existing object, Object (Line / Ellipse / Rectangle / Path) Options toolbar will open.


Specific Tools for Image Editing

Height

Hold the slider handle and drag left or right to decrease or increase the image height respectively. Alternatively, you can click on the plus (+) or minus (-) button to increase or decrease the height of image in steps.

Width

Hold the slider handle and drag left or right to decrease or increase the image width respectively. Alternatively, you can click on the plus (+) or minus (-) button to increase or decrease the width of image in steps.

Preserve Image Aspect Ratio

Images have original aspect ratio, ie, the ratio of image width to image height. By default, the app preserves the image aspect ratio. Hence, if you change the width of an image, its height will also change in the same ratio, and vice versa. To resize the image freely as per your wish, you can uncheck ‘Aspect Ratio’. Now, the image width or height can be resized freely without changing other dimension. Recheck ‘Aspect Ratio’ again if you like to preserve the aspect ratio again.

Crop

Use this option to crop the images. Select the image you want to crop and click on the crop button. Image will open in new popup, in which you can draw a rectangle and select the image area you want to show. Once you select the area, click on crop button on this popup (below scrollbar). The cropped image will be shown on the canvas.

Resize to Best Resolution

Clicking on this button will resize image so that it is of best resolution. Generally it is the original image size. The image will be aligned to top-left of canvas.

Specific Tools for Text Editing

Font Face / Type

You can change the font face / type by this option. Click on the drop-down and select the font from the list.

Bold

Clicking on this option will make the selected text bold.

Italic

This option makes the selected text italic.

Font Size Slider

You can change the font size by entering the new size or dragging the slider handle of Font Size Slider. Press the left click, and drag the handle by keeping it pressed, and leave it when you reach the required size.

Fill Color

Use this option to fill the color inside the text

Stroke Color

Use this option to change stroke / outline color of text.

Stroke Width

You can change the stroke width by this option. Click on the text box, type the new width and press enter – stroke width of text will be changed. Alternatively, you can click on up-down arrows to increase / decrease stroke width in steps.

Specific Tools for Object Editing

Fill Color

Use this option to fill the color inside the text

Stroke Color

Use this option to change stroke / outline color of text.

Stroke Width

You can change the stroke width by this option. Click on the text box, type the new width and press enter – stroke width of text will be changed. Alternatively, you can click on up-down arrows to increase / decrease stroke width in steps.

Rectangle Corder Radius(Only for rectangle, not for other objects)

Click on the text box of rectangle corner radius, type the new value and press enter - corner of rectangle will change to rounded corners and their radii will be equal to new value entered. Alternatively, you can click on up-down arrows to increase/decrease corner radius values in steps.

Rotation Angle

You can change the rotation angle of selected object using this option. Click on the text box of rotation angle, type the new value and press enter – object will be rotated with the specified angle. Alternatively, you can click on up-down arrows to increase / decrease rotation angle in steps.

Convert to Path

Click on this button and then double click on object to convert it to path. You can now change the shape of object by clicking on nodes of path and dragging the mouse. This will convert the current Options Pane to Path Options.

Width (Only for rectangle and image, not for other objects)

Click on the text box of width, type the new value and press enter – width of image/rectangle will change as per new value. Alternatively, you can click on up-down arrows to increase / decrease width values in steps.

Height (Only for rectangle and image, not for other objects)

Click on the text box of height, type the new value and press enter – height of image/rectangle will change as per new value. Alternatively, you can click on up-down arrows to increase / decrease height values in steps.

Alignment

Left, Alignment

Align image/text/object to left.

Center, Alignment

Align image/text/object to the center.

Right, Alignment

Align image/text/object to the right.

Top, Alignment

Align image/text/object to the top.

MIddle, Alignment

Align image/text/object middle vertically

Bottom,Alignment

Align image/text/object to bottom.

Bring to Front

Use this option to bring the selected image/text/object in front of every other object on canvas.

Send to Back

Use this option to send the selected image/text/object behind every other object on canvas.

Effects

Rotation Angle

You can change the rotation angle of selected image/text/object using this option. Click on the text box of rotation angle, type the new value and press enter – image/text/object will be rotated with the specified angle. Alternatively, you can click on up-down arrows to increase / decrease rotation angle in steps.

Flip Horizontal

When you click this option, selected object/text/object will be flipped horizontally and its mirror image will be shown.

Flip Vertical

When you click this option, selected object will be flipped vertically (like reflection in a pond).

Opacity

Use this option to change opacity of image/text/object . 100 means image/text/object is completely opaque, 0 means it is transparent.

Blur

You can change the Gaussian blur value of selected image/text/object using this option. Click on the text box of blur value, type the new value and press enter – blur value of object will be changed. Alternatively, you can click on up-down arrows to increase / decrease blur-value in steps.

Advanced

X, Y Coordinates (Image Position)

X and Y coordinates determine the position of image/text/object on canvas. X and Y specify x and y coordinate of top left corner of image/text/object box. Click on the text box of any of X or Y, type the new value and press enter – top left corner of image/text/object selection box will be shifted to (x,y) position. Alternatively, you can click on up-down arrows to increase / decrease X, Y values in steps.

Lock or Delete

Lock Object

Use this option if you want to lock any image/text/object for editing. The locked image/text/object cannot be changed. All the editing options will be disabled, image/text/object cannot be moved or resized, and no editing will be possible.

Unlock Object

Once you click on ‘Lock Object’ button, image/text/object is locked and this button changes to ‘Unlock Object’. Clicking on this button will unlock the image/text/object again for editing. The image/text/object can now be changed. All the editing options will be enabled, image/text/object can be moved or resized, and editing will be possible.

Delete

Clicking on this button will delete the image/text/object permanently.


Multiselect and Group Options

You can select multiple objects (Text / Line / Ellipse / Rectangle / Path / Image) to open the Multiselect options toolbar on the right

  • either by pressing ‘Shift’ key and clicking on multiple objects
  • or by keeping the mouse button clicked and scrolling over multiple objects.


Group

Clicking on this button will group the selected objects and they will be converted to one object. Once the obects are grouped, the Group options toolbar will appear on the right



Alignment

Largest Object: Selecting this option will align all selected objects with respect to the largest object among all selected.
SmallestObject: Selecting this option will align all selected objects with respect to the smallest object among all selected.
Page: Selecting this option will align all selected objects with respect to the page / canvas.


Node Options

Clicking on ‘Convert to Path’ button will convert the object to path. This will also open Path options on right side of canvas. Double click on object to see the nodes of this object. You can now change the shape of object by clicking on nodes of path and dragging the mouse. This will also open Node options on right side of canvas.

Add Node

Use this option to add a new node between the selected pair of nodes.

Delete Node

Use this option to delete selected node from shape. Shape will be joined by the two nodes on either side of deleted node.

Delete Path

Use this option to open path joining the selected nodes from shape.

Join Nodes

Clicking on this option adds the open nodes, and creates a path joining them.

Subpath

Use this option to add a sub-path to selected path. You can draw the new path at any place on canvas, it will be attached to the main path, all the operations, like, move, delete, resize, change color, etc, will be applied on both together.


Zoom

You can magnify or reduce the design view to a specified zoom level by shifting the slider to right and left side respectively. The value at the top left of zoom bar shows the current zoom level. Alternatively, you can also click on Zoom-In or Zoom-Out buttons outside the zoom bar:



Zoom In

Clicking on this button will increase the canvas size by 50%. Scrollbars will appear if size of canvas will be more than the screen size.

Zoom Out

Clicking on this button will decrease the canvas size by 50%.

Fit to Canvas

Clicking on this button will fit the canvas into available canvas area.

Scale to Actual

Clicking on this button will resize the canvas to its 100% size.