Photoshop mockups pro#
Photoshop mockups professional#
Photoshop mockups download#
Photoshop mockups windows#

Pro Tip: If you hold down shift, it will drop the new image directly into the center of the Smart Object.

Photoshop mockups windows#

Make sure you don’t close all your Photoshop windows because we still need our original background image!

Now, drag and drop your new image into this screen using the “Move” tool.

Open your product image in Photoshop (FILE > OPEN). As you can see below, we now have a large rectangle that looks an awful lot like our original rectangle before we applied the transformation. Once that’s done, you will see a new screen pop up that appears to be the same shape as your Smart Object back in Step Three. You must click on the image icon next to the layer name. If you simply double click on the layer itself, this won’t work. To do this, first double-click on your Smart Object Thumbnail in the layers panel. Now it’s time to add your actual product image to the mockup. If you paint out something you wanted to keep, simply switch the color to white and paint over the area again to make them reappear.Ĭlick ENTER to apply your changes, and bring the layer opacity back up to 100%. You can then use your paintbrush with the color set to black to paint over any pixels you don’t want. Just select the layer and add a layer mask by clicking the layer mask icon at the bottom of the layers panel. If you have a rounded shape or something (like a person or object) is entering the frame, requiring a more customized shape, you can use a layer mask to “delete” those extra pixels. Remember that electronics usually show a thin black border around the edges of the display window, so we don’t want to fill the screen completely. Click and drag the corners to get the necessary size and shape. Pro Tip: Reducing the opacity in the layers panel will allow you to see the image underneath more easily. Go to Edit > Transform > Distort to start editing the shape of your Smart Object. Now we’re going to make our Smart Object fit the monitor screen in the photograph using the “Transform tool”. To convert a shape to a Smart Object, simply right-click on your layer in the layer panel on the right, then select “Convert to Smart Object” from the drop down menu.Īccess the best video tips, design hacks, and deals straight to your inbox. It’s important that you do this step before adjusting the image to fit the screen in the photo better (Step Four). Step Three: Convert your shape to a Smart Object Pro Tip: Using your guides will make this process easier and more foolproof. It doesn’t have to line up perfectly, but make sure it covers the whole figure entirely. For our mockup, we used this background photo and this sunflower photo.ĭraw a simple shape using the “Shape” tool in the toolbar.

Photoshop mockups professional#

Luckily, our images are all royalty-free so you can use these mockups in marketing campaigns and for other professional uses. In other words, if the mockup is going to make you money, it’s off limits, unless you want to risk a copyright lawsuit.

Photoshop mockups download#

Also, if you download a photo from most stock providers, you can only use that edited image for personal use. Ideally, your screen should be black, and the simpler the perspective the easier the following steps will be. This step is hardly a step at all, but there are a few important things to remember when choosing a background image. To show you how, why we’ve put together this simple tutorial using stock photos.ĭownload your background stock image and open it in Adobe Photoshop While there are lots of ways to generate high-quality mockups-including pricey professional help-mockups are actually pretty easy to make using Adobe Photoshop. Whether you’re looking to use your mockups in the boardroom or on a billboard, showcasing your product in action is a great way to get people excited. For small business owners, product mockups are an essential part of pitching ideas, generating business, and even brainstorming new ideas and product capabilities.