Mockuplabs.ai Tutorials

Install

Create your Shopify account and install Mockuplabs.ai - Any image POD app on Shopify.

Project Features Tutorial

After entering Mockuplabs.ai, we have a project tutorial for some of the features, which you can view by clicking on it. In the project tutorials, you can follow the steps and try them out in the current panel.

Create a new project

Click the ‘Create New Project’ project box or click the upper right corner of the ‘New Project’ button to create a new project.

Upload product images

Click ‘Upload’ button to upload product images (PNG, JPG). After uploading, the image will be automatically displayed in the drawing board, and you can move, zoom and rotate it freely. You can upload several images in the drawing board and edit them at the same time.

Editing operations on images

Once a product image is selected, you can use the following functions on the image as needed: Mockup, Intelligent elimination, and Remove background. You can float the mouse button to view the specific function information.

Generate images as mockup

Select any product image in the drawing board, click ‘Mockup’ button to automatically generate a mockup.

Design the mockup

After successful conversion, you need to upload another design pattern. Drag the pattern into the mockup, it will automatically achieve the rendering fit with the mockup. You can edit the pattern (move, zoom, rotate, adjust parameters) to achieve more realistic results.

Modify the display area of the pattern

By default, the pattern is displayed over the entire area of the mockup. You can click the ‘Area selection’ button to select areas of the mockup where the pattern can be displayed for painting and adjust the details displayed.

1. Daub

You can adjust the size of the brush and switch between the brush and the eraser, which can be used to adjust details.

1. Smart click

Clicking this ‘Smart click’ button will automatically recognize the area in the image. After the recognition is complete you only need to click on the image like the area where the pattern is placed will automatically select the recognized chunks of the overall area, convenient and quick.

After you finish painting, you can click the Cancel or OK button to perform this operation.

The design of the mockup into a vector map

You can click ‘Rasterising’ button to generate the designed mockup into vector diagram for re-editing.

Download

In the drawing board, you can select any image to download at any time without any limit. You can use any of our functions to realise your design needs and then download the image.

Intelligent elimination

Click on the “Intelligent elimination” button and choose how you want to use elimination.

1. Daub

Select “Daub”, use the brush to paint the unwanted places on the picture (you can adjust the size of the brush).

1. Circle select

Select “Frame select” to manually frame the area you want to eliminate.

Clicking the √ button after the daub selection is complete will automatically start the elimination.

Remove background

Click on the button to remove the background of the currently selected image, and when it is removed, it can be downloaded and used directly in PNG format.

Layers

When the board has a lot of images, in order to facilitate the search and operation, you can click on the lower right corner of the layer button to display the image layer. Click on the image in the layer to locate and drag the layer, you can also display the image to hide and lock and unlock.

Application of the designed product images

1. Upload to shopify product page

1. Click the ‘Download’ button to download (PNG/JPG).

2. When the download is complete, enter the Shopify product page. Create a new product or go to the old product page, upload the newly designed and downloaded product image to the media file, and then you can display it in the Shopify demo store product page.

1. Apply to any scenarios that need product images

You can upload the designed images to be used in various other platforms for product display and marketing promotion display.

Save

Click ‘Save’ button to save the whole project and exit after all operations are finished.

Project

You can create new projects as well as view and manage created projects (change name, copy, delete).

History

In the project click to download the image will be displayed in the History, you can click to view the operation (favourites, download, delete, enter the image of the project drawing board).

Upgrade program

You can view your current credits in the top right corner of the editor. Click on the ‘Upgrade’ button to upgrade the package to fulfill more of your needs.

Click on ‘Subscription Credits Rules’ in the lower right corner to view specific package charge rule details.

My account

Float your account avatar and click on ‘My account’ to view your account details as well as your credits.

If you encounter any problems or have any suggestions or anything meaningful that you would like to mention in the process of using it, you can let me know by emailing contact@mockuplabs.ai and I will respond to you positively.