Photoshop’s Linear Light

By | | Web Design Tutorials & Articles

8

The Linear Light blending mode is a combination of Linear Burn and Linear Dodge — but similar to Vivid Light, the combination gives slightly different results.

Let’s first look at the Photoshop definition:

Linear Light: Burns or dodges the colors by decreasing or increasing the brightness, depending on the blend color. If the blend color (light source) is lighter than 50% gray, the image is lightened by increasing the brightness. If the blend color is darker than 50% gray, the image is darkened by decreasing the brightness.

I created an example similar to the one in the last blog. The bottom image has two layers, one set to Linear Dodge and the other set to Linear Burn. In the top image, the same rectangles were combined on one layer and set to Linear Light. The lighter color does brighten the base layer considerably – but not as much as Linear Dodge does; the dark color doesn’t darken the base layer as much as Linear Burn does.

I like using Linear Light to overlay text (or line art) on top of an image for a neat watermark effect. I first add text in a medium grey color (#939393):

I set this top layer to Linear Light and get this result:

(Download sample. psd file)

In a similar example, I’ll take a picture of a duck from a neighborhood park and create an ad layout idea for a fictitious duck club. Again, I start with grey text:

Setting the text layer to Linear Light over my duck photo and adding some ad copy results in this:

There is a subtle difference between the picture above (set to Linear Light) and this picture below. In the picture below, I used a white text layer and then set the opacity at 24%.

While there isn’t a huge difference, the Linear Light version helps the big “duck” text to be a little bit subtler; because it’s actually lightening the base layer colors and not simply overlaying them, it acts more as a background element. I would use the white-text-lower-opacity method for text that I want to stand out a little bit more (text that is actually part of the company name, for example), but use Linear Light for text or objects that I want to act more as a background.

(Download sample. psd file)

Written By:

Corrie Haffly

Corrie is the lead designer and developer for PixelMill and their in-house brand, jgtemplates. This would-be triathlete has a mathematics degree but wishes she had double-majored in computer science and art instead. Maybe next time...

Website
>> More Posts By Corrie Haffly

 

{ 8 comments }

Uniquerocks,com January 23, 2009 at 12:33 am

Thanks alot for this post Very helpfull

corriehaffly October 5, 2004 at 10:18 am

Sorry about the broken psd! It’s been fixed.

hurleycurley October 4, 2004 at 6:59 pm

Great article but broken link to the duck psd

M36Teen September 12, 2004 at 5:42 pm

The only thing that’s nice about duck is the taste :)

Wouldn’t know myself, I’ve heard it tastes like chicken though! :-)

Sergeant September 12, 2004 at 4:52 am

nice, keep them coming :-)

MiiJaySung September 11, 2004 at 3:09 pm

Ummm, Duck Lovers. That’s quite disturbing. The only thing that’s nice about duck is the taste :)

However very handy tip

Amit September 11, 2004 at 5:03 am

Simple! And neat …

M36Teen September 10, 2004 at 5:16 pm

Nice! Thanks as always!

Comments on this entry are closed.