Using Gradients in Photoshop to Color Papers, Embellishments, and Photos

This article was originally shared in our daily Scrap Girls newsletter on Thursday, February 16, 2012 Scrap Girls Newsletter

Tutorial written in PS CS5 on a Mac running OS X Lion

Gradients are a quick way to add multiple colors to a photo, embellishment, paper – or just about anything! This week, I am going to show you how to add a gradient to a ScrapSimple Paper Template, some ScrapSimple Embellishment Templates, and a photo using Photoshop.

Please note: If you are a Photoshop Elements user, stay tuned until next week when I will show you how to use gradients in PSE!

Let’s start with a paper template. I have used a paper from ScrapSimple Paper Templates: Picturesque 2.

Open up your template and make a duplicate copy, then close the original. This is a good practice anytime you use any kind of template; it keeps your original intact. Click on the fx (layer style) icon at the bottom of your Layers Palette. This will open up the Layer Style menu.

 120216_SGEtc_SNU_Gradients_ss1

Scroll down and select “Gradient Overlay.”

120216_SGEtc_SNU_Gradients_ss2

After the Gradient dialog box opens up, click on the little arrow to the right of the Gradient box and choose a gradient.

 120216_SGEtc_SNU_Gradients_ss3

Make sure the Preview box to the right is checked so that you can see the effect on your paper template as you select different-colored gradients. Look what happens when you click one of the gradients! Pretty cool, huh?!

120216_SGEtc_SNU_Gradients_ss4

There are several different gradient styles that you can choose from: Linear, Radial, Angle, Reflected and Diamond. I mostly stick with the Linear, Radial, and Reflected. Below you will see examples of Reflected and Radial.

120216_SGEtc_SNU_Gradients_ss5

There is also a box to the right called Reverse, which reverses the direction of the gradient blend. The first paper is an example of the Linear gradient style. And the second paper is an example of playing with the Angle setting; the default Angle is 90 degrees, and I have set this to 0.

120216_SGEtc_SNU_Gradients_ss6

Now, applying gradients to ScrapSimple Embellishment Templates is pretty much the same process. Since your embellishment templates will more than likely have more than one layer, you will usually be applying the gradient to the base layer. Follow the instructions above to color your embellishment templates. Here are a few sample ideas:

120216_SGEtc_SNU_Gradients_ss7

Next, let’s apply a gradient to a photo! This is fun, and it’s cool to see the different effects that you can come up with. With this photo, I just added the Steel Bar gradient at a 0-degree angle with a Blending Mode: Overlay.

120216_SGEtc_SNU_Gradients_ss8

For the final sample, I added a bright orange and yellow gradient and set the Blending Mode to “Multiply” again. Make sure to play with the Blending Modes when adding gradients. You will be amazed at all the different looks you come up with!

120216_SGEtc_SNU_Gradients_ss10

I hope you have some fun playing with gradients!

Until next time, Happy Gradients!

Digital scrapbooking products used:

ScrapSimple Paper Templates: Picturesque 2

ScrapSimple Embellishment Templates: Seashells

 

ScrapSimple Embellishment Templates: Summer Joy

ScrapSimple Embellishment Templates: Sequins

Tutorial written by Syndee Nuckles

Comments

  1. Thank you for the great tutorial Syndee. Apart from fiinding out the great effects the gradient tool offfers, your tutorial also taught me some other interesting short cuts, like Ctrl Shift N.

  2. Sherry_Lynn says:

    Thank you for the great tutorial Syndee, I love that you’ve be doing an Elements tutorial too!

  3. I have wondered how to use them and how I might apply them to my digital layouts. Great tutorial.

  4. Thanks for a great tutorial Syndee!. Love your clear instructions. Though I haven’t used them as much I would like, I love gradients, playing with them and seeing the different effects.

Speak Your Mind

*