This tutorial demonstrates how to create the mockup below.
It will help you get a feel for the layout and the different components you will need to create.
To create the final mockup: Select the t shirt icon in the navigation bar.
Choose Create mockup.
Select the buttons, then click the Create button.
Select t shirt button and select Mockup.
Create a mock image.
Drag the tshirt mockup to your canvas.
The image will be resized to fit your screen.
Drag it to your desktop.
Drag a circle around the image and drag it to the right.
To preview the mock image, right-click and select Preview Mock.
The mockup will automatically update as you move your mouse over it.
If you’d like to remove the mock up, click on the remove icon to clear the image.
Create the mockups for each button.
Right-click the mockout you just created.
Set the mock out’s title to t shirt.
Change the width to fit on your screen, and set the height to fit.
Click the OK button.
To close the Properties window, click the Tools button.
Open the mockouts properties panel.
Set its visibility to Show.
Click OK to close the properties panel and close the mock images panel.
Open your app’s inspector.
Right click the mocktshirt icon in your navigation bar and select Properties.
Set T Shirt Mockup’s name to Mocktshirt.
Set Mockout’s image to MockoutImage.
Set The mockout will automatically refresh when the user opens the app.
To set an image as the mockin, right click the image you want to use and select Edit Mock.
Set Image to MockImage.
Change Image’s width to Fit.
Change MockoutImages width to Show the mock tshirt to the user.
If the image does not fit on the user’s screen, change it’s height to Fit .
Change Mockouts height to Show .
Close the properties window.
Open t shirt in your editor.
Click Edit Mock, then Set Mock.
Change mock t shirt image to the image displayed in the mock, and the mock will refresh automatically.
To delete a mock t Shirt image, click Remove Mock.