+ ShareSpark.net » :::: Study / Technical / Programming Section » Graphics (Discussions & Helpdesk)
|- How To Use Gradient Maps In Adobe Photoshop

10% SBI and 10% Discount

How To Use Gradient Maps In Adobe Photoshop

0 Members and 1 Guest are viewing this topic.

April 16, 2014, 03:50:46 PM
  • ==My Life So My Own Rule::::=-----
  • Legend (Inactive)
  • Legend Member
  • ***
  • Topic Author
  • Thank You: 1001
  • Reputation: 533
  • Activity:
  • Country: in
  • Posts: 2728
  • Topics: 769
  • Join Date: May 2013
  • ţh€ ʍą$ţ€я ȼяąȼЌ€я
  • Expertises:
  • Bollywood Movies
  • Dubbed Movies
  • PC Games
How To Use Gradient Maps In Adobe Photoshop

Using gradient maps can change everything about an image. They can be used for many different effects.

Use the gradient map tool instead of gradient(fill) for better results and non-destructive gradient effects.

This tutorial will go through the basics.

Time needed: 10 mins
Experience level: Beginner

Step 1:

Open the file or image you want to use. I will be using this wallpaper:

Step 2:

Go to: "Layers > New Adjustment Layer > Gradient Map..." to create a new gradient map layer.

Step 3:

Name your layer and edit the opacity to what you need. For this tutorial, I will keep the opacity at 100%, it can always be changed later.

Step 4:

The small arrow to the right of the gradient allows you to pick a gradient from a range of presets. You can create or download custom preset gradients.

Step 5:

Here is an example of a commonly used preset:

Step 6:

To customise or create your own gradient, click on the gradient itself.

Step 7:

Doubleclick on the arrows on the bottom of the gradient to edit the colour. For beginners, test and try it out all you want. You'll easily learn which gradients look good and which ones you require for certain effects.

You can drag these arrows left and right to edit the position of the gradient or edit their location along the gradient using the "Location" option underneath - between 0% and 100%.

Step 8:

Here is one I created as an example:

This is the effect I was able to create:

Step 9:

You can edit the opacity of the gradient map layer just like any other layer to decrease the visibility of the gradient.

This is how it looks at a 70% opacity:

That's all the basics covered. You can edit the colours along your gradient or choose and edit preset gradients. If you're a beginner, try to experiment with as many different combinations as you can to understand how different colours create different effects.

Different Alterations:

Download the PSD (Watermarked - Learning purposes ONLY)
Code: [Select]

From z3us
Respect Team SSx

Share this topic on FacebookShare this topic on GoogleShare this topic on MySpaceShare this topic on TwitterShare this topic on Yahoo

Finally I @M Back.

Thanks given by:

April 17, 2014, 07:21:19 AM
Reply #1
  • Admin
  • Legend Member
  • ****
  • Thank You: 657
  • Reputation: 641
  • Activity:
  • Country: cn
  • Posts: 2398
  • Topics: 521
  • Join Date: Dec 2011
  • ShareSpark Member
  • Expertises:
  • Bollywood Movies
  • PC Applications
  • PC Games
Nice tutorial bro...
par mujhe toh aata hai ye pehle se... :biggrin:
but good work...  :rep:


Related Topics

  Subject / Started by Replies Last post
2 Replies
Last post May 24, 2012, 10:13:27 AM
by Kaisarahmmed
0 Replies
Last post July 06, 2012, 01:23:45 PM
by ♠♣♥JunaidjanMêymøn♫♥
0 Replies
Last post February 14, 2013, 09:01:48 PM
by Naveed Beg
5 Replies
Last post December 04, 2013, 11:27:05 PM
by wasim888
2 Replies
Last post December 02, 2015, 11:24:02 AM
by @monti_neeru

Back to top