Adjust the rectangle shape

[tanjimaju200]

Creating Mockups in Photoshop
Creating Mockups in Photoshop
Most often, mockup design concepts are created in .psd format in Adobe Photoshop. The sources consist of layers, so there is an option to customize the finished layouts if necessary. In the user interface, select the object you want to turn into a mockup. Take or find a good photo of the object. Upload the photo into the program.

Create a new layer
Select the Rectangle tool, draw hong kong mobile database the desired area, and then adjust it to the shape. This method is suitable for simple display forms. For more complex ones, you need to draw the shape yourself.

Convert this rectangle layer to a smart object: Windows - Layers - Convert to Smart Object.


Right-click on it and select Free Transform. Click again and use the Distort tool to perfectly fit the shape of the object. Double-click on the smart object layer. This will open an area where you can insert your photo - this is the editable part of the layout.

The mockup is ready, you can save it in PSD format for further creation of UI prototype or add it to the design right away. Drag the file you want to see on the layout to the smart object layer in a separate window and save. Done!

Make changes during the development stage to make it more realistic.
For example, add shadows, gradients, background, color scheme. All this will make the mockup more lively, interesting and memorable. To make the inscription on the layout more realistic, transform it too!

To do this, open the smart object, select the text layer and press Ctrl + T. This will put you into text transformation mode. To give it a bend, right-click and select "Warp". You can warp either manually by moving the grid or using presets - they are located at the top in the "Warp / Warp" line.