Basic Design Tool Functionality (Adding Images & Text)

 

 

If you'd rather watch a video of this tutorial that gives additional details, please click here.

 

We’ve made creating or adding a design to one of our products even easier.

Who needs a run-of-the-mill, off-the-shelf product when you can create something wholly unique for yourself or a loved one? We’ve made our ‘create your own’ experience more intuitive so you can better customize products we offer here in the Zazzle marketplace.

Creating a Zazzle product begins with adding an image and/or text to a product.

Adding an Image (Upload or Choose From Your Zazzle Images)

Click “Add Image” button to apply an image to your product. You will be provided with a couple of different options.

1.png

My Images: Choose an image or an album from your personal Zazzle Image Library (requires log-in). This option will display all of your stored image sets (at the top of the window) and your individual images (beneath them), sorted by the most recently added.*

Google Drive: Choose an image from the images you have stored on Google Drive (requires log-in to that account).

Instagram: Choose an image from the images you have stored in your Instagram feed (requires log-in to that account).

My Computer: Upload or drag and drop an image directly from your hard drive. If you upload an image when you are logged in, the image will be automatically saved into your Image Library. When you add an image to your design by uploading or dragging and dropping, you must send the image file from your computer to our servers. Upload times can vary widely depending on the size of the image file and the speed of your internet connection. Uploading a large image (1MB+) may take a few seconds on a fast internet connection (such as DSL) or more than 5 minutes using a slow internet connection (such as 28.8Kpbs modem).

2.png

*A great way to build a collection of usable images for products is to use the "Bulk Upload" feature in My Account (under View Your Images). This feature lets you upload up to 10 images at a time.

If you’re having trouble uploading an image, please visit here.

The Basic Functionality of the Image Tool

Make certain the ‘Advanced Tools’ box is checked in the upper right hand corner so you get a more robust set of options to work with. To see those options, you need to click on the design itself.

design_tool_a.png

I can change the size of the dog by using the scaling buttons.

scaling_buttons.png

I can grab hold of any corner of the design and pull in or out to manipulate the size.

scaling_pull.png

We recommend that you turn your guidelines on so you can see how your image or design is going to print. Try to keep your design within this dotted green ‘safe’ area or your design may get cut off when the product is made.

safe_area.png

The blue line is the print line and that’s where we ‘trim’ the image.

trim_line.png

And the red boundary is the bleed line. You’ll want to extend your background color or design to this line to avoid any white edges appearing after the trimming process.

bleed_line.png

You can use a special filter.

filter.png

You can crop the image.

crop.png

You can make the image fit or fill within the art view area. ‘Fill’ takes the image and fills the entire art view, all the way to the bleed line. ‘Fit’ takes the longest edge and elongates that edge to either the vertical or horizontal print line.

PHOTO BEFORE USING 'FIT' OR 'FILL' FUNCTIONALITY:

fitfill_regular.png

FILL FUNCTIONALITY:

fill.png

FIT FUNCTIONALITY:

fit.png

You can free rotate the image by grabbing here.

free_rotate.png

Or you can put in a specific percentage that you want it to rotate.

percentage_rotate.png

If you make the dog smaller and lose the background, you’ll see you can tile the image. This feature allows you to select from a variety of tiling styles including basic, half brick, half drop, and mirror.

tiling_with_gertie.png

You can show the ‘whites as transparent.’ That means, like your printer at home, our system processes white portions of images and omits them. So if you choose to make your whites transparent, you can assume that all white areas within your design will assume the color of the product they are placed on.

whiteastransparent_01.png

EXAMPLE OF GREEN REPLACING THE WHITE, BECAUSE IT WAS MADE TRANSPARENT:

whiteastransparent_02.png

Now let’s say you want to add another component to the design – you can change the order or layer of how they appear. Go to ‘Layer Order’ and ‘move layer backward.’

layerorder_01.png

Or you can arrange layer order by dragging and dropping objects in your list of designs.

layerorder_02.png

Now let’s tackle alignment: Let’s say you have six different colored dots that are all over the place and you want them aligned and evenly spaced.

alignment_01.png

First, hold down the Control key and then use your cursor and click on all of the dots, grouping them. Then you can choose to either vertically align them or horizontally align them based on…

alignment_02.png

… whether you want their tops, middles or bottoms of each object to align.

Alignment_04.png

Here, horizontal alignment was chosen across their middle points.

alignment_05.png

And now you can evenly space them apart.

alignment_06.png

Also, within the Advanced Options under the ‘…More’ button, there are two other useful options:

Lock object prevents future customization of the object by others (even on products that are left open to customization during the post for sale process).

Make this a template object is a tool designed for advanced users who wish to create templates for others to add content to. For more information on this functionality, click here.

lock_template.png

Adding Text (Upload Image File or Type into Text Tool

You can either upload a graphic image like a jpeg of the text you want.

text_01.png

Or you can type out the text within the tool.

text_02.png

You can change fonts.

fonts.png

There is kerning so you can choose the distance each letter is from one another.

kerning.png

You can pick a new color.

font_color.png

You can stack your text vertically.

vertical.png

Or you can curve the text up or down.

curve.png

You can also change the degree of the curve.

degree_of_curve.png

You can turn the grid lines off and on to help with placement.

grid_lines.png

To center a design on the product, click the center of the arrow key pad and the image/text will be centered directly in the middle of the item. Also, the up, down, right, left arrows will move the image/text in those directions along the center.

arrow_pad.png

 

Image FAQ: Accepted Image Formats, Color Profile Specs and More

For more designer specific information regarding the creation of images, formats and specifications, please click here.

For complete access to our guide files for all Zazzle products, please click here.