Comments: 16

Post Teaser Image

I recently received this sweet little message from Sabina, a visitor to my blog:

Hi! Your tutorials are so helpful, thank you! Will you be doing a tutorial on how you created your “about me photo”? The colors and lighting is very beautiful!

Since I began writing tutorials, I’ve tended to save my steps as I work in Photoshop in the event I want to share them later. So, Sabina, you’re in luck! This tutorial will cover adding colorful lighting to a photo and adding some really easy lighting effects. First, let me show you the photo to which we’re referring:

Colorful Self-Portrait by Allison House

(Click the image to view a full size version on my Flickr.)


Touching Up the Original Image

Here’s my original image. Before I get started adding effects, I’m going to explain the basic retouching steps. You can skip ahead to the Adding Lighting Effects section if you want to get to those now!

Colorful Self-Portrait by Allison House

First, some gentle airbrushing. I created a new layer on top of my original image and selected a round brush at 0% hardness. I used the eyedropper tool to select one of the lighter skin tones near the eye area, and carefully brushed over the circles beneath the eyes. I also brightened up the cheeks a little with the same method. I set this layer to 40% opacity.

Colorful Self-Portrait by Allison House

I merged these layers, then made a duplicate of the newly-merged layer. I selected the top layer. Next, I went to Image → Adjustments → Selective Color. “Red” should already be selected next to the Colors dropdown. I pulled down the “Black” slider to -40%.

Using a round eraser with 0% hardness, I erased the lip area so that the original color showed through, then merged these layers again.

Colorful Self-Portrait by Allison House

To give everything a subtle glow, I set my background color to white and went to Filter → Distort → Diffuse Glow. I set the Graininess to 0, Glow Amount to 1, and Clear Amount to 15. The result is a subtle white cast to the lighter parts of the image.

I used Image → Auto Contrast to adjust for the added glow.

Colorful Self-Portrait by Allison House

I selected the Dodge tool, set it to 15% exposure, and used a small, 0% hardness round brush to brighten the light reflections on the eyes and lips.

Colorful Self-Portrait by Allison House

I used Filter → Liquify to tuck in the cheek a little. A minor vanity adjustment. :)

Colorful Self-Portrait by Allison House


Adding Lighting Effects

We’ve all seen lens flares awfully abused, so here’s an example of tasteful use. I went to the Lens Flare filter via Filters → Render → Lens Flare. In the dialog, I set the brightness to 150% and selected the 35mm lens type. For the flare center, I clicked the very top left corner of the image.

Colorful Self-Portrait by Allison House

The next few steps use bokeh textures, which are a great resource for quick lighting effects. Bokeh just refers to out-of-focus points of light.

Where to get bokeh textures

The bokeh textures I used come from a search for bokeh textures on DeviantArt. There’s a lot of free stock resources on there, but DeviantArt users usually accompany these with credit rules, so ensure you follow them! I used textures from Bokeh Textures Pack by ImaginaryRosse and BOKEH COLLECTION I by proverbios31. You can also find some lovely textures on Lost and Taken, a free textures website—try these colorful, grungy textures or this big bokeh 30-pack!

I layered one of these bokeh textures over my image and erased the points of light I didn’t want with a soft brush. I reduced the opacity to 75%.

Colorful Self-Portrait by Allison House

I set my bokeh layer to the ‘Screen’ blending mode.

Colorful Self-Portrait by Allison House

Again, I layered a bokeh texture over my image, this time reducing the layer opacity to 30%.

Colorful Self-Portrait by Allison House

I set the layer to the ‘Screen’ blending mode and merged everything.

Colorful Self-Portrait by Allison House

Everything was getting a little too light for me, so I used Auto Contrast (Image → Auto Contrast) to darken up my darks a tad.

Colorful Self-Portrait by Allison House

Color and Finishing Touches

I created a new layer and set my foreground color to a cyan (#12c8a8) and my background color to a magenta (#c64692). Using the Gradient Tool, I clicked and dragged across the image from top-left to bottom-right.

Colorful Self-Portrait by Allison House

I set the blending mode of this layer to ‘Color Burn.’

Colorful Self-Portrait by Allison House

I reduced the layer opacity to 60%.

Colorful Self-Portrait by Allison House

Next, I set my foreground color to white and my background to black. With the gradient tool still selected, I switched to a radial gradient and applied it in a line from the top-left corner toward the bottom-right. I set the opacity of this layer to 50%.

Colorful Self-Portrait by Allison House

I changed the blending mode to ‘Screen.’

Colorful Self-Portrait by Allison House

Next, I opened a new 10×10 document. I filled the background with white, then used the Elliptical Marquee tool to select a 10×10 circle. I deleted the contents of the circle. To save it as a pattern, I went to Images → Define Pattern. The resulting pattern is a series of white diamonds, with which I filled a new layer.

Colorful Self-Portrait by Allison House

I created three different layers filled with this pattern and used different types of Transform to adjust their appearance. I then used layer masks to hide anywhere I didn’t want the pattern to appear for that layer. I’m afraid it was really a series of micro-steps and tweaks that got me to my final product, but here are my layers and the resultant image.

Colorful Self-Portrait by Allison House
Colorful Self-Portrait by Allison House

Setting a layer to the color burn blending mode can bring out some harsh shadows, and I felt like this was coming through a little on the face. To add layer a little bit of white on top of it, I set my background color to white and went to Filter → Distort → Diffuse Glow again. I set the Graininess to 0, Glow Amount to 1, and Clear Amount to 17.

Colorful Self-Portrait by Allison House

Things were feeling sharp, so I merged everything, then duplicated my newly-merged layer. On the layer below, I ran a lens blur filter— Filter → Blur → Lens Blur. I set the radius somewhere around 10 and used the defaults for the remaining options. I then used a layer mask on the top layer to show the blur only on the edges, as pictured here.

Colorful Self-Portrait by Allison House
Colorful Self-Portrait by Allison House

Finally, I ran a low-radius smart blur (Filter → Blur → Smart Blur) on the image. It’s a minor difference, but it brought me to the final work!

Colorful Self-Portrait by Allison House

As always, I hope you find this tutorial useful! Feel free to comment with any questions.

Allison House

Comments

02/11/2010
12:38 PM

Excellent article!

Melvin love jr
02/12/2010
6:05 AM

Stunning work! Im have to use this one day.

02/12/2010
11:12 AM

how do i set the backgroung color to white and in the start do i hav to make different layers for the cheek and eyes for clearing the circles

02/12/2010
1:06 PM

Thanks for the positive comments!

Faiza, there are two squares of color at the bottom of the Tools panel. Click on the square in the back to change the color. One quick way to switch to a black foreground/white background is to press D, which switches you to the default fg/bg colors. Hope this helps!

02/22/2010
3:24 PM

Super cool article!

Johh
03/17/2010
8:48 AM

Hi, I am very impressed with your work so far. You’re very talented.

I am currently in the process of using your tutorial for a workshop I will be giving to some fellow IT students. However I have run into a small problem. First, I used your photo which you posted on here so I just wanted to make sure you didn’t use a bigger one yourself because this is where the problem comes in. When trying to create a pattern on a new layer my ‘diamonds’, while successful are much larger and wider placed than yours.

I thought about fixing this by simply going to layerstyle on the photo layer itself and placing the pattern on it there. I still don’t get the desired effect though and this leaves me unable to fool around with the layer masks you included.

Any help would be greatly appreciated.

Kind regards,
John

03/21/2010
10:58 AM

Hi John. Thanks! I was working larger, so that certainly accounts for the size difference. I can think of a few workarounds, but to make things easier I’ve just uploaded the original file for you:

http://www.keetee.com/images/colorful_original.jpg

Thanks for taking my lesson outside the ‘Net!

[...] Create a Colorful Portrait with Easy Lighting Effects [...]

[...] Create a Colorful Portrait with Easy Lighting Effects [...]

[...] TutorialsEdit an Image in Photoshop to Add Some Pizazz!Return Colors to a Black and White PhotoCreate a Colorful Portrait with Easy Lighting EffectsFixing Over-Exposed SkyColorizing a Vintage PhotographVintage Effect in PhotoshopRestoring Color in [...]

[...] Create a Colorful Portrait with Easy Lighting Effects [...]

03/25/2010
3:39 PM

Thanks for sharing this tutorial !
Jean-Michel

[...] Create a Colorful Portrait with Easy Lighting Effects [...]

[...] Create a Colorful Portrait with Easy Lighting Effects [...]

Clare astra
04/26/2010
1:57 PM

Hey!

I Just used this and it worked out perfectly!! thank you soo much for this awesome post!

ps u look so cute in this pic! keep up the good work and thanx again for sharing xx

YAY x

[...] Create a Colorful Portrait with Easy Lighting Effects Darklight Photo [...]

Post a Comment

Required fields are marked with . Inflammatory comments will be removed. Your courtesy is appreciated!