Product Creator Tools
This tutorial provides an overview of how to use the Vivofy App Design Tool. This versatile tool empowers you to personalize a wide range of products using photos, text, logos, icons, and more. With Vivofy, you can easily design your own customized drinkware, accessories, home decor items, electronic accessories, and more! Keep reading to discover how to begin your design journey.
Image
To upload your photo, go to “Image” → “Upload Image” in the left design panel. From there, you can browse your computer and select an image to upload. The “Upload Image History” feature conveniently displays all your previously uploaded images, so you won’t need to re-upload them. Below, you’ll find a list of the available image editing functions:
Simple Filter: We provide a choice of eight unique filters to enhance your images.
Align: This feature enables you to align your image either horizontally, centrally, or vertically within the canvas.
Flip: The Flip tool offers both horizontal and vertical flipping options, simplifying the process of adjusting your image’s orientation.
- Size: You can modify the image size by clicking and dragging any of the handles located at the corners of the image.
Fill & Fit: Clicking “Fill” will completely fill the canvas with the image, while clicking “Fit” will adjust the image to fit within the canvas.
Rotate: Adjust the rotation angle by dragging the slider, or input your desired angle directly into the text box.
Opacity: Change the image’s opacity by sliding the opacity control or entering your desired opacity level in the text box.
- Move: To reposition the image, simply use your mouse to drag it to your desired location.
- Delete: If you wish to remove an image, click the red delete button located to the right of the image you want to delete. You can also right click and select delete.
Text
To add text, select “Text -> “Add Text” in the left design panel. Enter your desired text in the input field then click “OK” to apply (character limit is based on design). Listed below are the text editing functions:
Align: This feature allows you to align your text either horizontally, centrally, or vertically within the canvas.
Flip: The Flip tool offers both horizontal and vertical flipping options, simplifying the adjustment of your text’s orientation.
Font: Utilize the drop-down menu to select the text font of your choice.
Justification: Adjust the text’s alignment, choosing between left-aligned, centered, or right-aligned.
Spacing: Modify letter spacing by sliding the spacing control.
Color: Select the desired text color using the color palette and click “OK” to confirm your choice.
Background: Choose the text background color from the color palette and click “OK.” You can also use the “Clear” option to remove any background color.
Rotate: Alter the rotation angle by dragging the slider, or input your preferred angle directly into the text box.
Opacity: Change the text’s opacity by sliding the opacity control, or specify your desired opacity level in the text box.
- Move: Reposition the text box by using your mouse to drag it to the desired location.
- Delete: To remove a text box, click the red delete button located on the right side of the text box you wish to delete. You can also right click and select delete.
Layers
In the layer section, you can view all the images and text you’ve uploaded. You have the flexibility to rearrange these layers. For instance, if you initially input a textbox and later upload an image, you can access the Layers menu to ensure that the text box is positioned above the image, allowing it to appear on top of your image.
You can also manage layers by right-clicking on the image or text you wish to modify. Choose the “Layer” option from the menu that appears, and from there, you can alter the layer’s stacking order.
Background
The Background feature enables you to incorporate a background color into your design, and it is particularly useful for color mugs. You can choose a color that complements your mugs for a more cohesive look. Simply click the plus button to select your preferred color, and we have also provided a list of popular background colors for your convenience.
Preview Your Design
To preview your design, click the preview window located in the lower-right corner. You can also download the preview if needed. Once you’re satisfied with your design, click the “Save Product” button in the upper-right corner to move on to editing the product details. Make sure to double-check your design before proceeding to the next step.