Coloured Light

[eddiepostpones]

Hello all!

I'm trying to create coloured light effect on a photograph to replicate how sunlight shines through a stained glass window.

I wonder if anyone knows of a way of doing this? Particular brushes or something?

Any help would be greatly appreciated!

Many thanks in advance..

[eddiepostpones]

Something like this

[Monika Gause]

I would search for Photoshop tutorials on lighting effects, such as: http://www.vandelaydesign.com/lighting-effect-tutorials/

[Ray Yorkshire]

Agree it's really a job for a pixel program like Photoshop, if you have that maybe a bokeh type treatment, like here:

Photoshop Tutorial: BOKEH! How to Make a Bokeh Background & Text Effect - YouTube

[ceyhun_akgun]

Once you have your graphics in Illustrator, you can use the Blur value in a high frame. You can use Blending Modes (overlay, screen, color, etc.) if needed.

[eddiepostpones]

That looks great! Thank you ceyhun akgun.

Sorry, i'm afraid I don't know where to find those functions. Should I be looking for Blending Modes somewhere in the menu?

Many thanks!

[Srishti Bali · Accepted solution]

Hi eddiepostpones,

You may find blending modes under Transparency(Windows >Transperancy) panel.

Here is a detailed tutorial on How to edit artwork using transparency and blending modes in Illustrator

Hope it helps!

Regards,

Srishti

[eddiepostpones]

Brilliant! Thanks!

Will take a look and let you know how i get on.

[Lhemz0527]

Hi eddiepostpones​!

You might want to try the folowing.

1. Create the floor (any suitable image)
   
2. Duplicate the window image (Copy, Paste)
   
   
3. Flip the stained glass window vertically (Right+Click, Transform ->Mirror)
   
   
4. Stretch the duplicate image vertically
   
5. Create a rectangle with gradient (white to black)
   
6. Select the gradient and the duplicate image.
   
   In the Transparency panel menu -> Make Opacity Mask
   Now your duplicate image is fading downwards
   
7. Apply a blur effect to the image. Increase the blur radius depending on the size of your image
   Effects -> Blur -> Gaussian Blur
   
8. In the Transparency Panel, you can make the blending mode Screen, 100%
   
   
9. Duplicate this object (Copy, Paste in Front).
   
   
10. Change the Blending mode to Saturation to brighten the colors.
    You can duplicate some more if you like.
    
11. You can add a 3D rotate filter to make it more realistic.
    Effects -> 3D -> Rotate