In this article, we will cover:

Use Printavo's Mockup Creator to effortlessly generate art proofs that help close the deal.

Not everyone in a print shop is proficient with advanced photo editing software like Adobe Illustrator or CorelDRAW, so Printavo built an easy-to-use Mockup Creator to help your team members quickly generate proofs to show your end customer.

With a few simple clicks, users can easily add, scale, and rotate images on either pre-rendered or custom products!

001._Add_and_Rotate_Smile.gif

Activating the Mockup Creator

One Mockup Creator button is located under each of your line item groups.

In order for the group's button to be in an active state, the job must have, at minimum:

  1. A customer applied to the job
  2. Pricing in every line of the line item group that has a product
  3. At least one imprint with at least one piece of information filled out

002._Mockup_Creator_Button.jpg

Note: If you are a Printavo subscriber and do not see the Mockup Creator button, you may need to upgrade to the most up-to-date version of your plan tier. Reach out to your dedicated Success Manager or email us at success@printavo.com with any questions.

Using the Mockup Creator

003_Mockup_Creator_First_View.jpg

Once you click on the Mockup Creator button:

  • If you selected a line item product that has an associated catalog image/images, then you will be presented with that/those. You can also add additional custom images with the "+ Custom Blank" button.
  • If you used a custom product or selected a line item product that does not have associated images, then you will be prompted to upload your own custom image with the "+ Custom Blank" button.

JPG, TIFF, PNG, SVG, and AI files can be used in the Mockup Creator.

In the example below, we are presented with two images of both the Port & Company PC330 - Deep Orange Heather Tri-Blend Tee and the Port & Company PC330 - Carolina Blue Heather Tri-Blend Tee from SanMar.

If you have multiple image options, you can choose the image you're using for the mockup by selecting it from the thumbnails at the top of the creator.

If you have multiple line items, you can switch between the active line item by clicking its corresponding line item box.

004._Image_and_LI_Switch.gif

If you already uploaded a graphic for your mockup in the imprint field of the quote, that will show up by default within the Mockup Creator. If you did not upload a graphic in the imprint field, or would just like to add more designs, simply click the "+ Design" button within the imprint box of the Mockup Creator.

005._Plus_Design.jpg

To add your design to the product image, simply click the image you would like to apply. Use the tools in the corner of the image to rotate, resize, or delete the image. Click and drag the image to move it around the product.

Click "Save Mockup" when you're happy with the placement of your design on the product image.

006_Add_Image.gif

To apply the design to a different line item, simply click your desired line item to change the product image, then click "New Mockup" to save your new image.

007_Changing_Items.gif

If you would like to make multiple versions of the design to present to your client, click "New Mockup" to continue to save new images within the imprint. Click "Save Edits" to overwrite changes to the current mockup. Use the corresponding gray "X" to delete any imprints you no longer want to keep.

008_Multiple_Options.jpg

If you are using multiple designs on a product image and would like to change the layering of your own images, use the arrows in the top left of the Mockup Creator to rearrange/reorder your placements.

009_Layering.gif

When you've saved all desired changes, click "Back to Quote" to go back to editing your quote. Your saved mockups will now appear in both your imprint box and on the relevant line items.

010._Quote_View.jpg

If you need to edit your images later, you can always click the "Edit" button on your quote/invoice page.

Color Eraser

Color_Eraser.gif

The Mockup Creator includes a color eraser tool to eliminate unwanted background colors in JPG, TIFF, and PNG files.

To use the tool:

  1. Upload the design you'd like to add to your product.
  2. Click the design to select it. 
  3. Click the "Color Eraser" button.
  4. Click to erase any colors you'd like to remove.
  5. Click the "Color Eraser" button again, or click out of the image frame to deactivate the current color eraser session.

Recolor Tool

Screen Recording 2022-11-14 at 10.06.28 PM

The Mockup Creator includes a recolor tool to help fine-tune any Vector design files. Only applicable to SVG and AI files.

To use the tool:

  1. Upload the design you'd like to add to your product.
  2. Click the design to select it. 
  3. Click the "Recolor" button.
  4. Select the color you would like to change and choose the color you wish to change it to.
  5. Click out of the image frame to confirm your changes - When you save the mockup, the new version of the design file will save as well.

Undo/Redo Changes
Screen_Recording_2022-12-15_at_03.09.56_PM.gif

When using the mockup creator you are able to undo and redo any edits you make!

  1. Select the backward-facing arrow in the top right of the mockup to undo a change you just made.
  2. If you want to undo more changes, you can select the backward-facing arrow again as many times as needed.
  3. If you press undo too many times, select the forward-facing arrow to redo the changes you made. This can be done as many times as needed.

NEXT: 3.8 Fees, Discounts, and Tax Overrides

PREVIOUS: 3.7a Adding Imprint Information, Mockups, and Pricing

Was this article helpful?
10 out of 12 found this helpful

Comments

0 comments

Article is closed for comments.