[sociallocker ]

Fade Edges of a Picture into a Color Background with Photoshop – Great Web Design Technique

August 20, 2014 2:48 am
More videos
PluginForage.com Member

How to Fade Edges of a Photo – Picture – Image into a Color Background

Nifty Web Design Technique to Use Any Picture – Photo – Image – for Making a Slider or Banner of Varying Widths

Find out where your website ranks with your chosen keywords in Google, Yahoo and Bing.
14 day free trial. No credit card required.

Have you ever needed to create a banner or a slider and the required width of the slider or banner is wider than the photos that your client sent for use to make the slider – banner? We all know stretching a picture causes distortion and therefore is a bad idea. So, what do you do in a situation like this?

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

In this video I will show you one technique to make a nice fit with the images using Photoshop and fading the edges of the photo into a color background layer and using a gradient on a layer mask. We will create the canvas size to be what is required for the banner or slider, and will use a significantly narrower picture, and yet still create a really nice banner – slider image, by simply using a gradient to create a fade on the edges of the picture, to fade right into the background color layer.

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

We will look at the following tools:

  • Photoshop layer mask
  • Photoshop gradient tool


Recommended Photoshop Courses

Let’s learn and earn money by creating a professional logo, icons, web design, business card & selling it to marketplace.
A New Vision: Making Money $$$$$ with Photoshop & Illustrator

Adobe Photoshop CC 2015: From Zero to Mastery

Adobe Photoshop CC For Photographers

Adobe Photoshop CS6 Tutorial. Self-Paced and Easy to Follow


Category: Photoshop

Share your thoughts!