How to Put your Image on Top of Thumbnail on Photoshop

Updated:

by

How to put an image on top of thumbnail on Photoshop featured

Do you want to put your image on top of YouTube thumbnail or blog post’s featured image? You’re in the right place.

In this tutorial, I will guide you step-by-step on how to put an Image on top of thumbnail/featured image on Photoshop by removing its background. When a background of an image is removed it becomes transparent, you can place a transparent image anywhere.

You must have seen on YouTube video thumbnails and featured images of blog posts/article that people put their picture on top of the main picture alongside title for gaining attention of the visitors and personal branding.

01. How to Put Image on Top of Thumbnail

Follow the below steps to put an image on top of thumbnail or featured image on Photoshop. In this tutorial, I am using a picture of mine that I will put on top of a brick wall background.

  • Open Adobe Photoshop on your computer.
  • First open the picture on Photoshop that you want to use as background.
  • Place (drag) the picture that you want to put-on-top of the background image.
  • Adjust its Size and Position.
  • Right click on your picture and click Place.
Place (drag) the picture that you want to put-on-top of the background image.
  • At your right side, on the LAYERS tab, select the layer of your top image.
  • Click on the Add layer mask icon, located at the bottom.
At your right side, on the LAYERS tab, select the layer of your top image. Click on the Add layer mask icon, located at the bottom.
  • Select the Brush Tool from Toolbar, located at your left side. The Brush is used to remove the background of your top image.
Select the Brush Tool from Toolbar, located at your left side.
  • Select the Size of the Brush. Adjust the size of Brush accordingly. You can change its size anytime.
Select the Size of the Brush.
  • Press Mouse button and drag the Brush on background of your top image. You can see that the background of top image is being removed.
Press Mouse button and drag the Brush on background of your top image.
  • If you need to Zoom In the image press Ctrl and + symbol, & Press Ctrl and symbol to Zoom Out. Zoom In helps you to remove the background with great accuracy.
  • At your right side, on Layer mask thumbnail you can see the removed region in black color.
If you need to Zoom In the image press Ctrl and + symbol, & Press Ctrl and - symbol to Zoom Out.
  • I have removed the background of my top image completely.
I have removed the background of my top image completely.

02. How to Highlight Top Image with Border

To highlight the top image some content creators add border to it. That’s why I am also guiding you on how to add border to highlight the top image.

  • There are two boxes on your top image’s layer, right-click on the Smart Object Thumbnail.
There are two boxes on your top image's layer, right-click on the Smart Object Thumbnail.
  • Click on the Blending Options…
Click on the Blending Options...

First check (tick) the Stroke style from the left side (Styles). Its properties will appear at your right side.

  • Select the Size of the border in pixels.
  • Select the Position Inside.
  • Blend Mode should be Normal.
  • Choose Fill type Color.
  • Pick the Color of the border.
  • Click on the OK button.
Check (tick) the Stroke style. Select the Size, Position Inside, Blend Mode should be Normal, Fill type Color. Click on the OK button.
  • You can see that I have highlighted the picture by adding the border using Stroke style. If the border gets distorted using this method, you can draw the border manually by using the Brush Tool.
I have highlighted the picture by adding the border using Stroke style.

If you like this post then don’t forget to share with other people. Share your feedback in the comments section below.

Try Canva PRO for 30 Days

Also Read

Related Topics: , , , ,
Buy Domain and Hosting on Namecheap Now
Find a Freelancer for website design, logo design, graphic designing, WordPress, Blogger, NFT, AI, SEO, Digital Marketing, Amazon Seller Services, Voice Over, Script Writing, Data Entry, Translations, and many more...
Download Website Themes
Mangools SEO Tools
Order Motivational T-Shirts With Quotes from Our Store Fire Ram 23.4.

Subscribe to Our Newsletter!

Leave a Reply

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