What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

how can i do this effect?


Junqi Ng

Well-Known Member
Messages
82
Likes
4
hi,

can anyone assist me on doing this lightray effect ? i try using polygon tool fill it white and gaussian blur and blending option color overlay but it seems funny.

Thank you.

www.photoshopgurus.com.jpg
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
This is a quick explanation of a multi layered version that I would use to give the light beam some depth.

The Wide yellow beam layer is made with the Rectangular Marquis Tool.
I set the tools feather to about 15px and make a selection.
Screen Shot 2017-01-21 at 12.20.47 AM.png

Fill the selection with yellow.
Hit Cmd/Cntrl + D to deselect.
Screen Shot 2017-01-21 at 12.24.26 AM.png

Then set the layers blending mode to Hard Light, and then lower the layers opacity to 44%.
Screen Shot 2017-01-21 at 12.24.56 AM.png

Next I add a layer mask and use the Gradient Tool set to the 'Foreground to transparent' preset, to make the edges a bit more translucent.
Screen Shot 2017-01-21 at 12.28.55 AM.png

Next I create a new layer above the previous layer, this will be the narrow Yellow beam.
I again use the Rectangular Marquis Tool with the feather set to 8px.
Make a selection...
Screen Shot 2017-01-21 at 12.31.57 AM.png

Fill the selection with Yellow, set to Hard light, lower it's opacity to 35%.
Screen Shot 2017-01-21 at 12.34.03 AM.png

On a new layer above the last, repeat the above process for a white beam.
Set the white beam layer to Hard Light, and the opacity to 30%.
Screen Shot 2017-01-21 at 12.35.56 AM.png

Create a new layer between the two yellow beam layers.
Select your Elliptical Marquis Tool and set the feather to 2px.
Make a selection....
Screen Shot 2017-01-21 at 12.38.23 AM.png

Fill with white, add a Gaussian Blur, set the opacity to 85%
Screen Shot 2017-01-21 at 12.39.58 AM.png

I would then group all of these layers and add a layer mask to the group.
With the Brush Tool set to black, I would mask out the subject.

(note: Mind you, I didn't add in all the reflections and so on, and you could play with the layer modes and settings, I
just thought these looked best for the image I chose to use as an example.)
Screen Shot 2017-01-21 at 12.41.36 AM.png
Screen Shot 2017-01-21 at 12.42.09 AM.png

This is only one way to do this.
 

Junqi Ng

Well-Known Member
Messages
82
Likes
4
Thanks for the help. May i know what the foreground color you use when you are using the gradient tool (Foreground to transparent) ?

Am i doing the correct way its seems like your second layer and mine totally different.
Untitled.png
 

Attachments

  • testing.jpg
    testing.jpg
    351.3 KB · Views: 5
Last edited:

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Thanks for the help. May i know what the foreground color you use when you are using the gradient tool (Foreground to transparent) ?
Sorry, I assumed you knew this. Anytime you use a gradient on a LAYER MASK, the foreground/background color will always be black and white! There are a few occasions that you might use gray.

Junqi Ng said:
Am i doing the correct way its seems like your second layer and mine totally different.
Based on what you have posted above, it looks pretty good.

One thing I did forget to mention is that I did move the light beam layers upwards using the Move Tool.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
On second look, I can't tell your layer mask does not look right.

It seems to have a T shape...
Screen Shot 2017-01-21 at 8.06.46 AM.png

When it needs to look like mine above with two, full length gradients on either side.
Screen Shot 2017-01-21 at 8.08.01 AM.png

Be sure your using a linear gradient and you will have to pull the gradient from the right and left edges towards the middle while holding the shift key.

Again, I'm sorry..............I assumed you already knew this.
 

Junqi Ng

Well-Known Member
Messages
82
Likes
4
i can't view at the attachment you provide. i am using a linear gradient but the mask and your just doesn't look alike compare to mine. it still doesn't look translucent to me. how can i improve on this ?

Here my before and after:

testing 1.png
testing2.png
testing3.png
 
Last edited:

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
I'm sorry, but I have to run to work!

I will be back later this evening to offer some help.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
One quick thing!!

When you add the layer mask to the light beam, does it look like this?
NOTE: This is a new example and not from the tutorial!
Screen Shot 2017-01-21 at 8.53.17 AM.png

When you add the gradient to the layer mask above, it will look like this.
Screen Shot 2017-01-21 at 8.55.20 AM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
The thought occurred to me that you may not have turned off your selection (Cmd/Cntrl + D) before you added the layer mask. Be sure and turn off the selection before adding the layer mask!!!!
 

Junqi Ng

Well-Known Member
Messages
82
Likes
4
One quick thing!!

When you add the layer mask to the light beam, does it look like this?
NOTE: This is a new example and not from the tutorial!
View attachment 70867

When you add the gradient to the layer mask above, it will look like this.
View attachment 70868

mine look something like this:

hello1.png
hello2.jpg

After using gradient tool on the layermask it look like this. how can i make something like yours?
hello3.jpg
 

Attachments

  • hello3.jpg
    hello3.jpg
    41.7 KB · Views: 9
Last edited:

Junqi Ng

Well-Known Member
Messages
82
Likes
4
The thought occurred to me that you may not have turned off your selection (Cmd/Cntrl + D) before you added the layer mask. Be sure and turn off the selection before adding the layer mask!!!!

okay so i have de-select before adding a layer mask.

hello10.png

Added layer mask:
hello14.jpg

now added gradient tool from left to middle and right to middle
hello15.png
hello17.png

After adding the gradient mask look like this its not the same as yours.

hello19.jpg

on the other note i did un-check the reserve button on the gradient toll setting however still the same output picture as i screenshot to you.
 
Last edited:

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
OK, you have the layer mask correct, but your not using black as your foreground color on the Gradient Tool.

Red Arrows: Notice here that your Foreground color is white and your gradient is yellow................these should both be black!
Blue Arrow: Uncheck the reverse box.
Screen Shot 2017-01-21 at 7.00.09 PM copy.png

ALSO..........make sure you select the layer mask when you add the gradient.
 

Junqi Ng

Well-Known Member
Messages
82
Likes
4
OK, you have the layer mask correct, but your not using black as your foreground color on the Gradient Tool.

Red Arrows: Notice here that your Foreground color is white and your gradient is yellow................these should both be black!
Blue Arrow: Uncheck the reverse box.
View attachment 70883

ALSO..........make sure you select the layer mask when you add the gradient.

okay. so i now change both foreground to black color and un-check the reverse button.
testing1.png

Now select the mask and using gradient from left to middle and right to middle
testing2.png
testing3.png

here the final mask out:
testing4.jpg
testing5.jpg

Is this correct ?
 

Attachments

  • testing4.jpg
    testing4.jpg
    40.1 KB · Views: 8

Top