Design Tool: Elements

We have a suite of Zazzle-made, royalty-free Elements to enhance your designs! 

✨Pro Tips for Using Elements

Settings & Shortcuts: Explore your preferred "Settings" in the toolbar for customization options. Discover powerful keyboard shortcuts under "Help > Shortcuts" to streamline your workflow.

Element Types.

Configurable Shapes

These fundamental shapes offer extensive customization.

• Shape Options: Choose from Square, Rounded-Square, Circle, Triangle, or Line.
• Adjustments:
  • Aspect Ratio: Adjust freely or press and hold the Shift key for controlled adjustments (this behavior can be toggled in "Settings").
  • Color: Customize fill and border colors, including transparency.
  • Border Size: Control border thickness.
  • Masking: Use shapes as a mask with a placeholder image. Select your shape and image, then choose the "Mask" option. Double-click to adjust the image within the mask.

Lines

Enhance your designs with pre-made SVG lines.

• Versatility: Perfect for framing photos, borders, digital scrapbooking layouts, and decorative accents.
• Customization:
  • Color: Change fill and border colors.
  • Border: Adjust border thickness.

Shapes

Access hundreds of professionally designed, pre-made shapes from the  Elements tab.

• Selection: Diverse geometric, organic, and decorative shapes.
• Efficiency: Quickly browse, select, and add shapes to your designs.
• Navigation: Intuitive Browse and robust search.
• Customization: Fully editable—resize, rotate, recolor, add effects, and combine.
• Masking: Can be used with images for visually appealing features.

Frames

Place images into stylish, shaped containers for elevated designs. Frames offer a simpler, enhanced alternative to masks.

• Purpose: Ideal for image templates, creating easy-to-customize products.
• Design Variety:
  • Popular Styles: Film, scrapbook, paper, etc.
  • Moments & Events: Weddings, birthdays, holidays, everyday memories.
  • User Feedback: Designs based on your suggestions.
• Frame Types:
  • Simple Frames: Classic shapes like circles, rectangles, and ovals.
  • Decorated Frames: Simple frames with an added decorative border or artistic overlay.
  • Multi-Frames: Groups of two or more frames for collages and storytelling, which can also be decorated.

How to Use Frames

1. Open the Design Tool and navigate to the Elements tab. Scroll to Frames and click See All.
2. Click on a pre-made Frame to add it to your design canvas. Empty frames appear with a green field placeholder.
3. Add an Image: Select the Frame, then click "Add Image" or drag an image onto the Frame (dragging directly from the Uploads tab won't work).
4. Adjust Image: Once the image is in the Frame, double-click the frame or click "Adjust Image" to position or crop. For multi-frames, select the sub-frame first before adjusting.

How to Create Image Templates with Frames

1. Single Frames: Select the Frame, then toggle "Make this a template object" in the right-hand panel.
2. Multi-Frames: Select the sub-frame first to see the option.
3. Crucial Step: Ensure you also select "Force Customers to Replace with their own Content" to prevent them from accidentally ordering your stock imagery.
4. Before Publishing: Always add your own image to the frame before posting for sale; products with empty frames cannot be published.

Frames FAQs

• Can Frames be used as templates? Yes, set them as templates as you normally would.
• Can I make custom Frames? Not at this time.
• Are Frames the same as masks? Frames are an upgraded, more user-friendly version of the old mask tool. We recommend using Frames over masks whenever possible. Existing masks and designs with masks will remain unaffected.

Grids

Easily create designs with multiple photos using the new photo Grids option within Elements.

• Access: Go to the design tool and navigate to Elements > Grids.
• Selection: Choose from up to 285 unique Grid elements, arranged by the number of photos (up to 16 photos!).

How to Use Grids in Your Design

• Add Photos: Drag an image from your uploads directly onto a frame in the grid, OR double-click an individual frame and click "Add Photo."
• Adjust Photos: Quadruple-click the image (or double-click and select "adjust photo" from the options on the right) to resize and adjust positioning.
• Customization: Adjust Corner Radius and Grid Spacing.

For Creators: Grid Image Templates

• Template Support: Grids support image templates.
• Setting Templates: Double-click each frame individually to select it, then set it as a template.
• Essential Step: Ensure you also select "Force Customers to Replace with their own Content" to avoid accidental orders of your stock imagery.

QR Code

Generate QR codes directly in your designs for interactive content.

• Functionality: Easily scanned to direct users to URLs (websites, social media, product pages, etc.).
• Ideal for: Business cards, invitations, or any design where you want to share links or gather memories.
• Customization: Change color, scale, and rotation.
• Template Reminder: Set QR codes as templates so customers can enter their own details.

We hope Elements empower your creativity! Do you have any specific design ideas you'd like to try with these new features?