Zazzle Help Center

How can we help?

About Us Careers Press Policies Today's Moment Help

    Search Zazzle Help Center

    Basic Design Tool Functionality (Adding Images & Text)

      

     

    *Updated for the New Design Tool on 2/17/20.

    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.

    WORKING WITH IMAGES >

    Adding Images

    Click ‘Add Image’ button to apply an image to your product.

    DESKTOP

    Desktop_Add_Image.PNG

    If you are not logged into your Zazzle account or if you’re new to Zazzle and haven’t previously had an account, you’ll go to the following screen after you click ‘Add Image.’

    Desktop_Add_Image.2.PNG

    If you haven’t already opened an account with Zazzle or already signed into your Zazzle account, we recommend that you do so now.

    If your product can have an image applied to the back or front, remember to select the side you wish to have the image uploaded to.

    We also suggest that you click on the ‘Open full image browser’ button as shown above to see all the different ways you can add images and text.

    If you are uploading an image from your mobile, you just need to select 'Add Design' and then select your option for 'Add Image'.

    MOBILE

    Mobile_Add_Images.jpg

    Adding Images from Your Computer

    If you are logged in to your Zazzle account and had previously added images to your Zazzle ‘My Images’ folder, you’ll see all of those images populated in under ‘All Images.’ (See below)

    images_select_area5.PNG

    If you’ve never added images to your Zazzle account, you’ll see that you can start adding image files by dragging and dropping them into the open area so they can begin uploading. (See below)

    images_select_area3.PNG

    If you don’t have an image on your computer that you want to upload, there are other things you can do.

    Adding Images from Zazzle Icons

    You can add any of our free Zazzle Icons to create your own design. (See below)

    DESKTOP

    images_select_area4.PNG

    MOBILE

    ICONS_MOBILE_IMAGE1.PNG

    Editing Zazzle Icons

    After you add a Zazzle Icon, click into the design element and you’ll bring up further ways to edit that image. (See below)

    DESKTOP

    images_select_area6.PNG

    MOBILE

    Cat_Icon_HelpCenter.png

    Adding Images from Google Drive or Instagram

    You can upload a photo or design from your Google Drive or from Instagram after you log into either of those accounts. (See below)

    06.png

    Adding Images from ‘My Mobile Phone’ to Desktop

    You can also upload images directly from your Mobile Phone by either going to www.zazzle.com/upload in the browser of your mobile device or you can scan the QR code shown. (See below)

    images_select_area7.PNG

    After you’ve chosen what image you want to upload, you’ll see it appear in your design area, as well as how it looks on the product you’ve chosen in a preview window. (See below)

    Frenchie_Skateboard_Image1.PNG

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

    MANIPULATING IMAGES IN THE DESIGN TOOL

    IMPORTANT: When using a desktop, you must click within the design in the design area to see the right side of the screen populate with other ways to add to and edit your design. If you are on Mobile, you must select the image to see the designing features populate at the bottom of your screen. (See below)

    You can also add multiple design elements to your design area. As you can see below, there are three components to the design: the dog, the pink polka dots and the text ‘Mandy,’ each on a separate layer.

    DESKTOPFrenchie_Skateboard_Image2.PNG

    MOBILE

    Frenchi_Mobile_HelpCenter1.PNG

    Filter an Image

    You can change the ‘Filter’ of the layer you’re highlighting. (See below)

    DESKTOP

    Frenchie_Skateboard_Image3_filter_.PNG

    MOBILE

    Frenchi_Mobile_HelpCenter2_FILTER2_.PNG

    Crop an Image

    You can Crop the image of the layer you’re on. (See below)

    DESKTOP

    Frenchie_Skateboard_Image3_CROP1_.PNGFrenchie_Skateboard_Image3_CROP2_.PNG

    MOBILE

    Frenchi_Mobile_HelpCenter2_CROP1_.PNG

    ‘Fill’ the Design Area with an Image

    You can take your design and have it ‘Fill’ the entire design area, all the way to the bleed line. If an image is wider or taller than the dimensions of the art view area, it may result in the zooming and cropping of the image.*

    Frenchie_Images1.png

    *Note: The above image is a different dimension than the design area so zooming and cropping have occurred.

    ‘Fit’ an Image in the Design Area

    Or you can ‘Fit’ all of your design within the ‘print safe’ area defined by the blue lines. ‘Fit’ takes the longest edge of the image and elongates that edge to either the vertical or horizontal print line. This will ensure that the image is not cropped. (See below)

    Frenchie_Images_Fit_2.png

     

    Scale an Image

    You can ‘Scale’ your image down by using the ‘Minus’ (-) button or scale your image up by using the ‘Plus’ (+) button. (See below)

    Frenchie_Images_Scale.pngFrenchie_Images_Scale_Minus.png

    Rotate an Image

    You can ‘Rotate’ your image to the left or right using the arrow keys, or you can be more precise and type in the exact degree of rotation you would like. (See below)

    Frenchie_Images_Rotate_45.png

    Flip an Image

    You can also ‘Flip’ your design. The button on the left flips the design horizontally – so what was once on the left is now on the right and vice versa. (See below)

    Frenchie_Images_FlipH.png

    And can also flip the design vertically – so what was originally on the bottom is now the top and so on. (See below)

    Frenchie_Images_FlipV.png

    More Image Options

    Whites as Transparent

    Under ‘More Options,’ you can show ‘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. (See below.)

    Frenchie_Images_WT.png

    Frenchie_Images_WT_Shown.png

    Make object(s) permanent and always visible

    Also under ‘More Options’ is ‘Make object(s) permanent and always visible.’ This means that a customer can move or scale your image on the product, but they can’t remove it from the design area. (See below)

    Frenchie_Images_Permanent.png

    Make this a template object

    ‘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.

    Frenchie_Images_Template.png

    WORKING WITH TEXT >

    Adding Text

    To add text to the design area, click ‘Add Text’ and type the word or words you’d like. (See below.)

    Frenchi_Mobile_AddText.PNG

     

    MANIPULATING TEXT IN THE DESIGN TOOL

     IMPORTANT: You must click within a text layer in the design area to see the right side of the screen populate with other ways to add to and edit your text. (See below)

    DESKTOP

    Frenchie_Images_Text.png

    MOBILE

    Frenchi_Mobile_Text.PNG

    Change Font Type

    You can change ‘Fonts.’ (See below)

    DESKTOP

    Frenchi_Mobile_AddText_Font.png

    MOBILE

    Frenchi_Mobile_Text_Font.PNG

    Change Font Color

    You can change the ‘Color’ of the font. (See below)

    DESKTOP

    Frenchi_Mobile_AddText_Color.png

    MOBILE

    Frenchi_Mobile_Text_Color.PNG

    Change Font Size

    You can change the ‘Size’ of the font. (See below)

    DESKTOP

    Frenchi_Mobile_AddText_Size.png

    MOBILE

    Frenchi_Mobile_Text_Size.PNG

    Justification of Text

    You can set the ‘Justification’ for the text to be left, center or right-hand justified. (See below)

    Frenchi_Mobile_AddText_Justification.png

    Scale, Rotate and Flip Text

    You can Scale, Rotate and Flip your text just as you would an Image as described above. (See below)

    Frenchi_Mobile_AddText_Scale.png

    Letter Spacing

    You can add to or subtract the distance between each letter by using the ‘Letter Spacing’ functionality. Use the slider or add a precise number and select the distance you want each letter from one another. (See below)

    Frenchi_Mobile_Letter_Spacing.png

    Line Spacing

    With ‘Line Spacing,’ you can determine how far apart you want each line of text from one another. Use the slider or add a precise number and select the distance you want each line from one another. (See below)

    Frenchi_Mobile_Line_Spacing.png

    Line Orientation

    You can also have the ‘Orientation’ of your text either be horizontal or vertical. (See below)

    Frenchi_Mobile_Line_Orientation.png

    Add Curvature to Text

    You can add ‘Curvature’ to your text – either up or down. Use the slider or add a precise number to indicate the amount of curvature you’re looking for. (See below)

    Frenchi_Mobile_Line_curvature.png

    Under ‘More Options,’ you can do with text like you did with images – Make (text) object(s) permanent and always visible and Make this (text) template object. See above on how it works for images. (See below)

    Frenchi_Mobile_Permanent_Template.png

    ADDITIONAL DESIGN TOOL FUNCTIONALITY

    Layers

    There are three layers to the design below: the dog, the pink polka dots and the text ‘Mandy.’

    If you want to change the order of the Layers and, say, put the polka dots on top of the dog, you can just drag and drop each layer in the order you’d like them. (See below)

    Frenchi_Desktop_Layers.png

    Backward/Forward

    You can also move layers ‘Backward’ and ‘Forward’ depending on the layer you’re highlighting and/or clicked on within the design area. (See below)

    DESKTOP

    Frenchi_Desktop_Layer_Backwards.png

    MOBILE

    Frenchi_Mobile_Layers.PNG

    Undo/Redo

    If you make a mistake or you like how your design looked before you made that last tiny change, you can ‘Undo’ or ‘Redo’ last steps. (See below)

    Frenchi_Desktop_Undo.png

    Tiling

    If you’d like to take an element of your design and make it a pattern, you can tile it in a number of different ways. You can also stipulate the size you want each duplicate tile to be in inches. (See below)

    Frenchi_Desktop_Tiles.png

     

    Align

    ‘Align’ lets you line up multiple images to one another in different configurations.

    First, decide if you want to align a layer to another layer or layers or if you want to align all the layers within the artboard or design area itself. (See below)

    Shapes_Desktop_align.png

    Next, let’s say you have six colored shapes that are all over the place and you want them aligned and evenly spaced. (See below)

    Shapes_Desktop_1.png

    First, hold down the Control key and then use your cursor and click on all of the shapes, grouping them. You know that the objects that you want to align are grouped when there is a dotted-line encompassing all those shapes. (See below)

    Shapes_Desktop_grouped.png

    Then you can choose to either vertically align the objects or horizontally align them. (See below)

    Shapes_justifications.png

    The following example shows that the shapes have been vertically aligned across their centers. (See below)

    Shapes_Desktop_centered.png

    Distribute

    Now, if you wanted to distribute those shapes an equal distance from each other, you could either choose to horizontally or vertically space them out.

    Shapes_justifications2.png

    The following example shows that the shapes have been vertically distributed evenly across their centers. (See below)

    Shapes_Desktop_spaced.png

     

     

    Guidelines

    It’s a good idea to keep ‘Guidelines’ on so you know where your print safety area is. Anything part of the design that goes beyond the blue lines may be compromised when printed. (See below)

    Shapes_Desktop_.png

     

    Gridlines

    Turn ‘Gridlines’ on to help you measure and distribute assets evenly across your design area. (See below)

    DESKTOP

    Shapes_Desktop.png

    MOBILE

    Shapes_MObile_guidelines.png

    Image FAQ: Accepted Image Formats, Color Profile Specifications & 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.