top of page
Writer's pictureMarina Lotaif

How To Create A Branded Transparent Overlay - Create Branded Transparent Gradients


In this branding tutorial, you’ll discover how to create a branded transparent overlay on an image so that it fits in with your site and brand

How to create a branded transparent overlay on an image (Pinterest pin). In this branding tutorial, you’ll discover how to create a branded transparent overlay on an image so that it fits in with your site and brand. You can use this to create a custom watermark, for branding and copyright protection, to create a custom branded watermark, and to create a colorful gradient overlay effect on your image.

First of all, if you don’t know where to find free stock photos, make sure to watch my video on how to find high quality free stock images by using the best royalty free stock photo website.

Sometimes you find a great stock photo, but then you want to take things a step further, and customize its color to fit in with your site and brand by adding a branded transparent overlay. Let me show you step-by-step how to do that.

  1. Find a stock photo that you like, and download it to your computer. Again, if you don’t know where to find stock photos, make sure to watch my video on how to find high quality free stock images.

  2. Now go to Pixlr Editor, click on 'open image from computer', and open the stock photo you downloaded.

  3. Now click on the gradient tool in the left-hand side panel, which is this one over here.

  4. Up top, in the toolbar at the top of your screen, next to where it says gradient, click the color box, and select the first patter on the first row.

  5. Click on the little black square under the color gradient.

  6. Edit the opacity to 80%, and click the color box next to where it says color to change the color so that it’s one that you chose for your brand. I’m going to use fcb900, and so will insert that next to the hashtag. Click ok.

  7. Now repeat the same process by clicking on the little white square under the color gradient.

  8. Again, edit the opacity to 80%, and click the color box next to where it says color to change the color so that it’s another one that you chose for your brand. I’m going to use 2e333b, and so will insert that next to the hashtag. Click ok.

  9. Click the gradient color box again so that it's out of the way.

  10. When you put your cursor on the screen now, you’ll notice that instead of seeing an arrow, you’ll see a cross.

  11. Click and hold your cursor on one side of the screen, and drag and release it on the other side. You can do this from left to right, right to left, top to bottom, bottom to top, or diagonally. You will see that there is now a transition from the first color you chose to the second color you chose.

  12. You can play around with different colors and percentages so your image looks the way you want.

  13. Once you’re happy with the results, click on 'file', 'save', rename the image, increase the quality to 100%, and click ok to save your image with a branded transparent overlay to the folder of your liking.

And that's it! You now have a customized stock image with a branded transparent overlay on top that fits in with the branding of your site. To take things to the next level, watch my video on how to use this branded transparent overlay to make Pinterest pins that go viral.

I now want to hear from you. Let me know in the comments below what two gradient colors you chose for your branded transparent overlay.

If you’re interested in learning about even more brilliant tools you can use to run your online business, make sure to download the FREE cheat sheet with the 9 absolute best tools to run your online business.

Get the FREE CHEAT SHEET with the 9 absolute best tools to run your online business instantly:


Get the FREE CHEAT SHEET with the 9 absolute best tools to run your online business instantly:

TRY THE STOCKS: http://thestocks.im/

TRY PIXLR EDITOR: https://pixlr.com/editor/

VIDEO ON HOW TO FIND HIGH QUALITY FREE STOCK IMAGES: https://youtu.be/rH0gbyj-iL4

VIDEO ON HOW TO MAKE PINTEREST PINS THAT GO VIRAL: https://youtu.be/P-v-lUDgVHI

MY FAVORITE TECH, TOOLS, AND RESOURCES: https://www.yestotech.com/resources

JOIN THE CONVERSATION!

Welcome to our YouTube channel! It's our mission at Yes To Tech to empower online entrepreneurs, bloggers, and small business owners like you to maximize your online presence - even if you're not tech savvy! Subscribe to our channel for tips and tricks on DIY website creation, social media marketing, e-mail marketing, branding, blogging, webinars, and video creation, for the tech needed when you're just getting started with your online business, and for step-by-step video tutorials created especially for the non-techie online entrepreneur's point of view.

DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. I only recommend products that I use and love. Thank you for your support!

Tags: yes to tech, color overlay, transparent overlay, branded overlay, overlay, branded transparent overlay, gradient overlay, picmonkey, watermark, transparent image, transparent, branded watermark, photo effects, photoshop tutorials, photoshop manipulation, for beginners, colorful gradient overlay effect, multi color gradient in photoshop, colorizing images with gradients, coloring with gradient, color effects with gradient, photoshop gradient color effect, color tone using gradient, gradient overlay effect in photoshop

4 comments
bottom of page