Now, we can place whatever we want onto it. This opens up just the rectangle that we created. Now, you’ll want to go back to your stock photo, click the layers palette, then double click on your smart object rectangle. Step 10: Go back to your stock image and click your smart object Select your entire screenshot by using the keyboard shortcut command + a (ctrl + a on PC) then copy it using command + c (ctrl + c on PC). Step 9: Select all, then copy your screenshot Step 8: Open your screenshot in PhotoshopĪfter you have your screenshot, you’ll want to open that in Photoshop as well. This is a free extension that I use all of the time, so I definitely recommend checking it out. This can be useful depending on what your image looks like. This will take a screenshot of the entire page, including any scrolling, not just what is shown.
#MOBILE SCREENSHOT PSD FULL#
You can take an old fashioned screenshot, but one tool that I like to use is the Chrome browser extension called Go Full Page. The next step is to take a screenshot that will be placed inside your image. Then move the box so that it lines up correctly with your image. To do this, go to edit>transform>distort. You’ll need to distort your rectangle so that it fits within the image correctly. This will allow you to place items inside the rectangle, which we will get to a little bit later. Go to your layers palette, right click the rectangle layer, then click “convert to smart object”. Step 5: Convert your rectangle to a smart object Step 4: Draw a rectangle inside your guidesĬlick the rectangle tool in your toolbar, then draw a rectangle inside the guides you just made. Make sure your rulers palette is open (command + r on Mac, ctrl + r on PC) and drag your guides from the top and left side. In my example, I want to add my screenshot inside the computer screen, so I’m going to draw guides around that. Next, you’ll want to draw guides around the area that you are wanting to customize. Step 3: Draw guides around the area you want to customize Once you have your image downloaded, you’ll want to open it up in Photoshop. This is great for marketing graphics because it helps make things look more cohesive. They also have collections, meaning that contributors will often upload multiple photos that are shot in the same room, but at different angles. These sites have high quality images (not cheesy) available for free. Two sites that I like are Pexels and Unsplash. There are a lot of different websites for stock photos.
#MOBILE SCREENSHOT PSD DOWNLOAD#
The first thing you will need to do is download a stock image.
#MOBILE SCREENSHOT PSD HOW TO#
It’s not as hard as you might think and by the end of this tutorial, you’ll have learned how to create a template to use over and over again.
Want to level up your marketing graphics? In this tutorial, I’ll show you how to add your own images to a mockup in Photoshop. Written Instructions: How to add your images to a mockup
0 kommentar(er)
