HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

Colorful Gradient Overlay Effect in Photoshop - Screen Tones Photo Editing Tutorial

92,666 views October 26, 2017 7:34

Watch on YouTube
ChannelPSDESIRE

Chapters

Description from the creator

In this photoshop photo effects tutorial, learn how to add colorful gradient overlay effect in photoshop. It is very easy to create Light paint effects using screen blending and gradient fill tones.
►Download PSD file: photoshopdesire.com/create-colorful-gradient-ov…

1
00:00:19
Open your image.

2
00:00:25
First lets fix the shadows.

3
00:00:33
Select blue channel which contains shadow information.

4
00:00:44
Now copy and paste it in new layer.

5
00:00:59
Invert the layer to make shadows lighter.

6
00:01:09
Change layer blending to soft light and reduce opacity to 50%.

7
00:01:31
Now add gradient fill to apply light color toning.

8
00:01:49
Open gradient editor and choose complimentary colors to shadows and highlights.

9
00:02:01
Cyan - #00f0ff.

10
00:02:09
now select opposite of cyan - that is pink #ea61c5.

11
00:02:30
Keep gradient style: linear, Angle: 45° and scale: 100%.

12
00:02:37
Change gradient blending to screen.

13
00:02:43
The effect looks too strong, lets add layer mask to reduce effect intensity.

14
00:02:52
Go to channels and select green channel that contains balanced highlights & shadows detail.

15
00:03:01
Hold ctrl key and click on green channel thumbnail for selection.

16
00:03:12
Go back to layers panel and delete the gradient fill layer mask.

17
00:03:20
Now add new layer mask with the selection.

18
00:03:33
Now add strong contrast to expand overall tonal range.

19
00:03:54
I want the contrast apply to shadows only.

20
00:04:04
Select layer mask and add apply image command.

21
00:04:12
Check invert option to make effect applied to darker areas.

22
00:04:26
Similarly we can add different color gradient.

23
00:04:54
choose opposite colors.

24
00:05:11
Hold Alt/Opt key, drag and drop the layer mask to replace.

25
00:05:26
Double click on gradient and change angle and position as you wish.

26
00:06:34
That's it. We're Done.

27
00:06:51
In next video i will post photoshop action to this effect.

How to Make a Selection of Gradient in Photoshop.

AWESOME Atmosphere with Photoshop Gradients.

How to Color Tone Using Gradient Maps.

Photoshop Gradient Color Effect.

Color Effects with Gradient Tool In Photoshop.

How to Colourise and apply a Gradient Overlay to your images - Photoshop CC Tutorial.

Make Accurate Light Glows: Use Custom Gradients.

Create Beautiful Tones Using Gradient Map in Photoshop.

How to Light subjects with the Gradient Tool in Photoshop.

Coloring With Gradient Maps.

Photoshop: Gradient Maps + Blending Modes for Color Work.

Colorizing Images With Gradients In Photoshop.

Tinting With the Photoshop Gradient Adjustment.

How to make a multi-color gradient in photoshop.

Photoshop: How to Color Grade Your Photos.

Light & Shading Effects.

How to Make Screen Tones.

►Check out all tutorial here : youtube.com/photoshopdesiretv/videos

Thanks for watching our free Tutorials! If you enjoyed our video be sure to subscribe to our channel to receive free new videos.

►SUBSCRIBE: goo.gl/d31fld

Don't forget to COMMENT, LIKE and SHARE, to get more :)

Follow US - LET'S BE FRIENDS!
------------------------------------------
►Official Website: photoshopdesire.com
►FACEBOOK : facebook.com/photoshopdesire
►GOOGLE+ : plus.google.com/+photoshopdesiretv
►Twitter : twitter.com/PSDesire
►Instagram: instagram.com/photoshopdesire

Softwares Used:
----------------------------
Photoshop cc 2014, 2015, 2017
Photoshop cs5, cs6,
After Effects cs5
Camtasia Studio

Music:
------------
Lets Do It (YouTube Library)

Check Out Our Playlists:
--------------------------------------
Photoshop Tutorials for Beginners, Intermediate and Advanced users
youtube.com/playlist?list=PLGLEKqTDn233O6PusOR1…

Easy, Quick and Fast Photoshop Tutorial Series (NEW)
youtube.com/playlist?list=PLGLEKqTDn230TS2NzqA2…

HDR Photography Using Photoshop
youtube.com/playlist?list=PLGLEKqTDn232tlbcBJHN…

Photo Editing, Photo Effects & Photo Manipulation - Special FX
youtube.com/playlist?list=PLGLEKqTDn233VC9ZDSiL…

Adobe Camera Raw Filter Tutorials and Preset downloads
(same settings steps for lightroom also)
youtube.com/playlist?list=PLGLEKqTDn233ab_cdALE…

Color Grading or Coloring in Photoshop
youtube.com/playlist?list=PLGLEKqTDn233uKTZWUFq…

Skin, Face & Body Retouching Techniques and Enhancing Tips
youtube.com/playlist?list=PLGLEKqTDn232WN_N6Ek-…

Free Photoshop Actions for Photographers and Designers
youtube.com/playlist?list=PLGLEKqTDn233ZVGBJWih…

Text and Graphics Effects in Photoshop
youtube.com/playlist?list=PLGLEKqTDn233zMfRfoFl…

About this tutorial

PSDESIRE published this 7:34 video tutorial on October 26, 2017. It has been watched 92,666 times on YouTube.

Channel
PSDESIRE
Duration
7:34
Published
October 26, 2017
Views
92,666
Likes
1,048

Tags

Share

Further reading

  • How to Create a Cloud Effect in Photoshop design.tutsplus.com

    How to Add Color, Contrast, and Sharpen Effects Step 1. Add a Color Fill adjustment layer using the color #0096ec. Set the blend mode to Color and the Opacity to 48%. Step 2. Add a Hue/Saturation adjustment layer if you…

  • long gradient 1 by screentone on DeviantArt | Screentone ... pinterest.com

    Sep 6, 2016 - I made this one myself. Please use freely, no credit needed. If you would like to make your own gradient tones in Photoshop, here is a tutorial: [link] long gradient 1

  • How to Halftone Images in Photoshop | Halftoning 101 ... shutterstock.com

    This is the best method for accurate and predictable halftone images. Photoshop really came a long way in revising the effect to give greater control with more choices. It used to be pretty limited, without the ability…

This tutorial in other languages