Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
Photoshop  Home Photoshop Photoshop Basics Using Blend Modes: Screen
rss

Using Blend Modes: Screen

Author: Ivanna Fernandez More by this author


Layer Blending modes are amazing, creating an infinite variety of effects between layers that cannot be achieved with opacity alone.

In this tutorial we will look at the Screen Blend Mode. We will use a textured background and another photograph to create an interesting effect.

1. I have chosen this rusty textured background as my base layer.

image 1

2. Open another image, one with large areas of a light colour will work well for this effect. Copy this image (best if they are roughly the same size)

image 2

3. Paste the image above the textured base layer

image 3

4. From the layer blend mode menu, choose "Screen"

image 4

5. Your image will magically lighten.

What's going on? Screen is the direct opposite of multiply (have a look at my other tutorials) It takes both the blend colour and the base colour, inverts their values, then multiplies them to always create a lighter colour.

For the best explanation ever about Blend Modes, go to Ron Bigelow's blend mode articles. he explains it all from a photography angle, pretty comprehensive with good examples.

image 5

6. The Screen blend mode has taken the pixels from both layers and compared them: it then inverted their values, and multiplied them, creating lighter colours for the result. Some areas (the "rusty" parts of the base layer) resulted in darker tones, so part of the base layer shows through, whilst lifgter parts are "screened" white - the result of two light colours being multiplied.

We will now remove some of these darker areas by selecting the Base layer as shown, and the eraser tool form the toolbox.

image 6

7. Use the { and } keys to increase and decrease the size of the brush.

image 7

8. From the control palette, choose a soft, semi-opaque eraser brush as shown:

image 8

9. With the eraser tool, keep going along the edge of the image. Use shift to keep a straight line.

image 9

8. The finished image.

Using Blend Modes: Screen Tutorial: Final Result



About the Author:

I am a freelance multimedia trainer and web/graphic designer based in Glasgow, Scotland.

I have been a designer/developer since 1998, and started training macromedia and adobe products in 2001.
I enjoy learning and sharing my knowledge by preparing course materials and online tutorials. I am particularly interested in Standards compliant web design, css, illustration and colour theory.
One day I hope to live in a farm in Ibiza surrounded by lazy cats and sunshine- till then –I'm tied to my computer creating online tutorials for anyone who needs them!


Author's URL: www.muymono.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Using Blend Modes: Screen"