Free Tutorials / Tips

Photoshop Tutorial

Part 1

08.08.17
 

Open up your file by clicking ‘FILE’ on the menu bar and scrolling down to ‘OPEN’ — search for your file on your computer and press open. Once you have your file in photoshop, it will appear on the right hand side of the screen in the ‘LAYERS’ window as the ‘BACKGROUND’ layer. Now you are ready to begin making your stock-photo instagram ready image! Below is a quick video on what tools I use to create my insta-worthy images followed with a detailed  how-to list of the steps I took to make my final image!

Below is a quick video on what tools I use to create my insta-worthy images followed with a detailed  how-to list of the steps I took to make my final image!



Was the Video too Fast?
BELOW WE HAVE OUTLINED ALL THE STEPS
TO INSTA-POST SUCCESS:


  1. Click your tool by and scroll to the Lasso Tool icon. The Lasso Tool is one of a few ‘selection’ tools in Adobe Photoshop. It allows you to be more precise and accurate on selecting part of your image than all the other selection tools in the program. In this case, I want to select the blank black screen on the iPhone so I am going to press the Lasso Tool icon and click on the POLYGONAL Lasso option. As you can see the Lasso tool has 3 options: The Magnetic Lasso that allows you to slowly select pixels, the Polygonal which is more angular and fabulous for hard shapes & corners like the rectangular screen, and the original Lasso Tool that you can quickly use to trace something fast but not always precisely.
  2. Once you have the Polygonal Lasso tool activiated move your cursor over the area you want to select, in this instance I want to select the black screen so I am going to place my curser over the screen.

3. Now double click the area you are hovering over. You will notice this ‘highlights’ or (as we say in photoshop) ‘selects’ the area.

4. Now you are ready to fill in the selected area with your tool brush which is the button with the paintbrush icon in the same toolbar as the Lasso Tool!

5. Once you click the Brush Tool you will want to select the right size to fill in your area, we have a small window so I am going to keep the brush size below 300 and click the color to white since I want my screen to be white. It is up to you to decide what size brush you need for the area you are filling in and what color you would like it to be!

6. Once you pick the size & color of your brush, take your curser and hover over the selected area to fill-in or ‘paint’ the area until it is complete filled with the chosen color!

FINAL ROUND:

7. Bring in your image overlay by opening up a new file. For this example we want to place a clients Logo we designed inside the iPhone screen. So we are going to go to File > Open and find our file.

8. Once our file is opened we are going to select the image by going to the top of the menu bar and clicking ‘SELECT’ and scrolling down to ‘ALL’

9. Then we are going to go to Edit on the menu bar and scroll down to ‘COPY’ — this will copy the entire image so we can import it to the stock photo file.

10. Go back to the stock photo file and click ‘EDIT’ on the menu bar and scroll down to ‘PASTE’ — now you will have TWO LAYERS on the Layer section on the bottom right of the image. This new Layer will automatically appear as ‘New Layer 1’ above the ‘background’ layer — this is exactly where you want it!

11. Let’s resize your imported image to fit your area. For our overlay, we will want to expand the new image by going to EDIT on the menu bar and scrolling down to TRANFORM and clicking on SCALE. Now hold shift and shrink or expand your image to fit the area. (You can shrink or expand an image in the same way, just make sure you hold down the ‘shift key’ on your keyboard so you don’t not disrupt the proportion of you image.) Once you have it to the size you like press the ENTER key on the keyboard to confirm the size.

12. Now drag the resized image over the area you want it to sit in. Not all images will need this tweak but out Logo needs to be rotated to fit within our iPhone elegantly so we are going to go to EDIT > scroll down to TRANSFORM > and click the ROTATE option and rotate the image until we feel it looks right!

Hooray! You are done. Now all you have to do is File > Save and you have your first stock image ready to go!


BONUS: You may have noticed an extra tool used in our Video
This is a second option on how-to SELECT an area
if you don’t like the Lasso Tool


  1. Click your tool bar menu and scroll to the Magic Wand Tool icon. If you don’t see it, it maybe hiding under the ‘quick-selection’ tool. Press down on that icon and activate the ‘MAGIC WAND’ tool. The magic wand is a great selection tool in Adobe Photoshop, especially for big blocked out and solid areas like our black iPhone screen.
  2. Once you have the Magic Wand activiated move your cursor over the area you want to select, in this instance I want to select the black screen so I am going to place my curser over the screen, and double click to select that entire area. Voila!
  3. Now go back to step 4 in the tutorial above.
 

Do you like our stock image? Purchase it below!

Leave a Reply

Your email address will not be published. Required fields are marked *