How To Create A Website Mockup In Photoshop. Convert that shape to a smart object. Adjust the perspective to match the rest of the scene.
Open your product image in photoshop file open. Measure the spacings to create guidelines and create a rounded rectangle with radius 10px and fill color white. Step 2 background color.
With uxpin for example you can create mockups with multiple states and interactions.
Here s how you do it the super simplified version. Measure the inner spacing and create guidelines to add texts. It even mimics some features of photoshop and sketch by including a pen tool. Resize the image to fill the screen.