There are many places where you can find free and paid mockups to use in Photoshop. Final Product Where To Find Mockup Templates For Photoshop This opened the Layer Stylepanel, where you will find the settings that the creator added. To change this, I clicked the logo layer and opened the Bevel & Emboss sublayer. However, sometimes you will need to soften one or another effect to make your final image look better.įor example, the Bevel & Emboss effect applied to the cap above seemed too harsh. You usually won’t need to change anything in the mockup since it comes with all the necessary adjustments to make your design match the mockup’s photograph. Design inserted in the mockup Step 7: Edit The Mockup Effects (Optional) With that done, your design will be inserted into the mockup. Then, press Control + S (Win) or Command + S (Mac) to confirm the changes.
To rescale your object proportionally from the center, press Shift + Alt (Win) or Shift + Option (Mac) and pull one of the handles outward to make the design bigger or inward to make it smaller.Īfter rescaling your design as needed, press Enter on your keyboard to confirm the changes. There will be handles around your object that can be pushed in different directions to rescale the design. Your design will be inserted into the canvas after that. A low-resolution design compromises the quality of your mockup.
High-resolution files prevent your mockups from being blurred or pixelated. If possible, use a design formatted as a PNG. Now, find the desired design on your computer and insert it in the blank layer. With that done, insert your design in the layer by going to File > Place Embedded. You can turn off such a layer by clicking its visibility icon. Once you do this, a new tab will appear containing the example design that came with the original layer. Once you find the Smart Object Layer, double-click it to open it in a new tab. The Smart Object layers will usually be named something like ‘Insert Your Design here,’ ‘Your Design Here,’ or any other similar phrase. Smart objects allow you to edit a layer non-destructively. You should insert your design into the smart object layers, which have an icon that looks like a small file. Step 4: Insert Your Design In A Smart Object Layer You can turn layers on and off by clicking the layer visibility icon. That happens because these are most likely additional customization options. Some layers and groups will be turned off. For example, my Front group had smart object layers and subfolders with effects and color options. You will then see all the layers within the group. To reveal the content of a group, click the arrow next to the group icon. There will be layers or groups of layers. They will look exactly as the creator formatted them. Once you open the PSD in Photoshop, you will find the layers that make up the mockup in the Layers panel. Once you find the PSD file, double-click it to open it in Photoshop. You should look for a PSD file since that is the editable mockup.
Photoshop mockups zip#
The zip folder usually contains a license, instructions manuals, and other related files. This will reveal the files inside the zip folder. To extract the PSD from the zip folder, right-click on it and select Extract All (Win) or double-click on the folder (Mac). The mockup I’ll be using from this example is from a hat mockup. It will usually come in a zip folder, as shown in the example below.
Photoshop mockups how to#
How To Use Mockup Templates In Photoshop Step 1: Locate The Mockup FolderĪfter downloading your mockup, locate it on your computer. Whether you’ve created a mockup yourself or have downloaded one online such as those found on Creative Market or Envato Elements, this tutorial will break down how to use your mockups to their fullest. With the help of product mockups in Photoshop, you can easily pitch product ideas, test packaging design, or even make images for digital products with ease.
0 kommentar(er)
