BRUSHES CONTESTS PSD FILES THE BOX TUTORIALS

Community news Contact Submit news

Follow my design discoveries Follow me on Twitter! Subscribe to our RSS Feed!

Jul

15
2010 TUTORIALS

Show me the light digital art tutorial

An article by Andrei Oprinca Rating: 4.7/5 (31 votes cast) 16 Comments

2diggsdigg

2 saves

In this photoshop tutorial I will show you how to use stock images to make a beautiful digital artwork with nicely colored lights. All you need for this tutorial is my Colors in Motion textures

pack and a model.

I found the model on deviantArt. You can download the picture here. If you want to use another stock image, try the gallery if ISO Stock, you will find very good stock images there. For this tutorial I will use the girl that you see on the preview. So, power up your photoshop and lets get started.

Step 1

Open the girl model in photoshop and using the Pen Tool (P), trace the contour but make sure you have the paths selected. I suggest using the pen tool technique because its a lot more accurate. Also, when youre dealing with high resolution images like this, try to subtract the subject from the background before scaling down the original image because you will be more accurate. After you traced the contour, with the pen tool active, right click and choose Make Selection. Delete the background. Create a new document 15002026 pixels and paste the girl, name this layer model. Create a new layer below the model layer, use a radial Gradient (G) and draw from the top left corner of the canvas to the bottom right. Use a light gray 66686b as foreground color and 474b4e for the background. See the image below.

Step 2
Now we are going to make some adjustments to the color and the contrast and add some shadows.

Make some color adjustments and increase the contrast of the girl. I used Adjustments Layers because they are non destructive, in other words, you can eliminate the adjustment layer or modify it without affecting the original image.

Levels settings to increase contrast.

Saturation settings to increase color

After making this adjustments, make some shadows on the ground to give a more realistic look, otherwise it looks like the girl is hanging in the air. To add the shadows like I did in the image below, use different size brushes and hardnesses on different layers. For the contact shadows use a 35% hardness brush and diameter 30 pixels.

Set Flow and Opacity of the brush to 40-50% and make several passes along the inner edge of both feet. To make the big ground shadow use a bigger soft brush. Try to get something like the image below. The next tutorial will be all about shading techniques so dont worry now if you dont get it right.

Step 3
This is where the fun and the creative stuff starts. I will give the links to the images that we will use next but if you want to make this with different images, download the Colors in Motion pack and the Cosmic Lights PNG images pack . The first image that I used was from the Cosmic Lights pack. Open the image 18-starradiation and paste it on a new layer below the girls layer but above the shadow layers,

change its Blending Mode to Screen and if you see that is not visible enough duplicate the layer or increase the saturation to make the colors more visible.

Now open the image 11-cosmic-rays from the same pack, flip it vertically and paste it above the girls layer and change the blending mode to Screen, just like you did with the previous one. You should get something like in the image below.

Use a soft edge Brush and 75-85% Opacity and on a new layer under the two previous lights click just one time with the brush and change the Blending Mode to Color Dodge. I used the color bc7a39.

Now you have to do the same but using a bigger brush, a different Blending Mode and this time the layer must be above the girl layer. For the color I used e2a02d and the blending mode Screen. The way to do this next light is by making 2 strokes. The first one using a 650px brush and 50% opacity and the second one on the same layer on the center of the first stroke using a 350px brush and 100% Opacity.

Open the stock 4 image in photoshop and paste it above the previous light that you just made but flip it first, like in the image below. After that, change the blending mode to Screen.

Open red_light.jpg and paste it over the left foot and change the Blending Mode to Screen. As you can see we will use this technique for all stock images that have black background.

Step 4
All the lights that we just added on step 3 look great but we can make them look a bit better by adding some lights on the floor and on the girls body. We will do that manually and we will start with the left leg where you just added the red_light.jpg Locate the model layer on the palette and click its thumbnail while you hold down the CTRL key in order to select its edges. Once you have the edges selected, create a new layer above the model layer (the layer of the girl) and create a layer mask on it. I named this layer ambient lights. This is necessary because we want to paint the lights only on the body.

Change the Blending Mode of the ambient lights layer to Color Dodge. Select a soft edge brush about 90px in diameter and set the Opacity of the brush to 20%. As I said, we will start with the left leg so the light that we need should match the red color of the stock image that we used on

step 3. But because the blending mode of the layer is set to Color Dodge, we must use a lighter and less saturated color, I used e0446c. With the soft brush selected paint along the edges of the left leg. You must create a stronger light at the bottom of the leg making multiple passes with the brush and fade out the effect with less brush strokes as you go up because the light is fading away. Do the same thing on the right leg but use green and yellow desaturated colors and paint on the same ambient lights layer.

Create a new layer above the model layer and set the blending mode to Color Dodge. Paint the floor with a soft brush and color 8c0548. Reduce the opacity of the layer if the effect is too strong. See image below.

Now we will move to the upper parts of the body and using more stock images from the packs mentioned earlier, add more lights. On the hand I used the image Color_gradient (15) located in the smoother gradients folder from the Colors in Motion pack. Again change the Blending Mode to Screen and duplicate the layer for a stronger effect.

Add another light to the hand from the same textures pack. I used the image Color (13) and I changed the Hue from Image>Adjustments>Hue/Saturation to match the colors of the first image added on the hand on the previous step. This time I didnt duplicate the layer.

Use the same technique and add the image Color_gradient (18) like in the image below.

Step 5
Now things will get even brighter with some soft spotlights that we will add on this step. You can paint this spotlights above all the other layers on the palette. From now on you will need a big soft brush to make this lights. We are going to start from the bottom part. Se the brush color to 534906 and using a 600-750 pixels brush size and Opacity 65%, stroke once over the bottom right leg where we added the first lights at the beginning of this tutorial and set the layer Blending Mode to Color Dodge. That will make the light even brighter. See image below.

Change the brush size to 800px, create a new layer and set the foreground color to 064953. Make another light on the girls back and change the layers blending mode to Color Dodge (Add).

Do the same on the hand but this time using two different colors and different opacities. For the first stroke, use a 500px brush and the color 5a4f34. Set the brush Opacity to 100% and hardness to 0%. Create a new layer and click once over the fingers of the girls hand. Decrease the layers Opacity to 65% and change the Blending Mode to Color Dodge. Make a new layer above the previous one and increase the brush size to about 960px. Change the color to 574739 and click once over the same spot as before. Leave the layers opacity to 100% and change the Blending mode to Color Dodge (Add). You should get something like in the image below.

Download the Media Militia particles pack and open two images that look like an explosion and paste them on the base of the right leg and over the light that you made on the previous step. Change the Blending Mode for both images to Color Dodge (add). Depending on the images you choose you might need to use another blending mode that fits better.

Step 6 post editing

We are almost there. What we are going to do in this final step is shift the general lights of the image using the Lighting Effects filter.Thats something that I recommend you do always because you will always end up with a much better result. We are also going to reduce the size of the image. If you remember, on the first step we set the image resolution to 15002026 pixels but now we will make it smaller. Is always better to work with a high resolution image and then make it smaller. That way, you have more control for example when you cut out the image from its background. Save your work because we are going to work on a new document. To create a copy of the final result you have two options. The first one is to select the top most layer on your layers palette and press Ctrl+Alt+Shift+E to create a stamp of the image and then copy and paste it into a new document. The second option is to select the entire canvas with Ctrl+A and then go to Edit>Copy Merged. Now create a new document by pressing Ctrl+N or go to File>New and the new document should be the exact size as the image you have on your clipboard (as long as you copied the image). Paste the image on the new document and resize it (Ctrl+Alt+i) to 10001351. I added

a default Lens Flare to the hand but thats up to you. Go to Filter>Render>Light Effects and apply the settings that you see on the image below.

Now make the image sharper. Go to Filter>Sharpen>Unsharp Mask and apply the settings from the image below TWICE.

And thats how you make a cool digital art manipulation. I hope you enjoyed this tutorial and that you learned something. If you like this technique feel free to spread the word and submit this tutorial to as many social sites as possible, I would really appreciate that. Show me the light digital art tutorial, 4.7 out of 5 based on 31 ratings Tags: all you like.com editing tutorials, andrei oprinca, date, light_textures_pack, media militia, photoshop, psd box, psdbox.com, show me the light, show me the light digital art tutorial, striking light tutorial, textures, www.psdbox.com Did you enjoy this article? Share it!

Related Posts

Seductive digital art tutorial Make an emotional scene in Photoshop Toshiba skin contest prize $1600 and a laptop

Resident Evil Contest $900 in cash

About the Author:

Hello, my name is Andrei, I'm 22 and I'm a self taught graphic artist. I write photoshop tutorials about all the techniques I know and I also provide my brushes and also stock images and other resources. I hope you like my site.

Welcome To The World Best Freeware Fonts Of Vector Art!

Stunning Menus

Best Car On Your Desktop

Light Effect In Photoshop!

Best Photoshop Secrets!

42 Hot Fire and Flames Tattoo Design - Vector Illustrations Collection

16 Comments + ADD COMMENT

Sumedh July 18, 2010 at 6:47 am

This was one of the best tutorials for a beginner like myself, i reckon this tutorial to all the newbies =) thanks for the tut !! keep posting awesome stuff like this and the karma will come back to you

Andrei Oprinca July 18, 2010 at 10:56 am

thank you for the comment. I will post more tutorials. Im glad you liked thi one.

Tiiago Costa July 18, 2010 at 2:50 pm

Great tut, can u re-upload the link for the stock used here pl0x ?

Andrei Oprinca July 18, 2010 at 2:56 pm

I already included the links to all the stock needed for this tutorial. What links do you need. I think they are all working.

Tiiago Costa July 19, 2010 at 3:04 pm

I cant find link for stock used here. It says u can download image here but there is no link. There was one before, maybe I just cnt find it

Andrei Oprinca July 19, 2010 at 3:22 pm

AHHH, youre right, I forgot to put that link. Sorry again. Here is the link to the model. http://mjranum-stock.deviantart.com/art/Pointing-53725438

gerar July 18, 2010 at 10:46 pm

epa men esta muiy bueno tu tutorial pero una pregunta donde consigo Media Militia particles pack and open two

Andrei Oprinca July 19, 2010 at 12:33 am

Ya he actualizado el link. Perdona por el error.

Arup August 2, 2010 at 12:51 pm

Heyits such a nice tutorial uve generated. Liked a lot

SLo August 9, 2010 at 8:18 pm

Great technique and tutorial. Ive really been getting in to lighting effects. Heres my go at it: http://img835.imageshack.us/img835/6936/chrissy11.jpg

Andrei Oprinca August 9, 2010 at 9:21 pm

thank you for the comment

Graham August 19, 2010 at 4:03 am

Great tutorial. Very inspiring. Keep them coming.

Andrei Oprinca August 19, 2010 at 1:02 pm

thank you. Im writing a similar tutorial but a bit more beautiful

D70 Dude August 23, 2010 at 10:02 pm

Yo, what happened to the illustration in step 5? If this is your best attention to detail, I dont know if I will attempt any of your tutorials! D

andrei August 23, 2010 at 10:50 pm

You mean the fact that I repeated Step 5 it should be step 5b. Not big deal and I dont force anybody to follow my tutorials.

Maleha September 4, 2010 at 12:54 am

Greattttttttttt

Leave a comment
Name (required) Mail (will not be published) (required) Website Comment

POST COMMENT

293

Notify me of follow-up comments via e-mail

type your sea Enviar

MY SUBSCRIBERS:

562 Followers

84 Readers Subscribe

MORE RESOURCES SPONSORS

Advertise HereAdvertise Here

DESIGN PARTNERS

Digital Art Empire Julia khusainova PhotoshopBrushes.eu StarBrushes Tutcove Webmaster Tutorials

COMMUNITY NEWS

Submit 24 of Inspirational Typography

View all

Subscribe

I look around many site as flickr and Behance also Deveintart and others to collect this nice 24 Inspirational Typography, hope you like them!
Septem ber 1, 2010

Cool light effects on dark background tutorial

This is the first photoshop tutorial just play with blending modes to create Cool light effects on dark background.
August 30, 2010

How To Design A Website Layout Using The Apple Sty

In this tutorial I will show you how to create a website layout using the apple.com style
August 30, 2010

Finding Inspiration For Creativity

Graphic Designer Roberto Blake explains how designers can find inspiration in everyday life.
August 29, 2010

DESIGN NEWS
40 Awesome Works of Art Made From Paper September 4, 2010 Mathew Carpenter How to Land More Projects with Smarter Follow-Up Steps September 4, 2010 Mathew Carpenter Getting to Know Adobe InDesign September 4, 2010 Mathew Carpenter 8 Provisions Your Web Design Contracts Must Have September 4, 2010 Mathew Carpenter The Sites That Are Poisoning Designers September 4, 2010 Mathew Carpenter Letterpress Printing: Gorgeous Print Work, Invitations and Greeting Cards September 4, 2010 Mathew Carpenter Email UI Faceoff Gmail vs Hotmail vs Yahoo The Results September 4, 2010 Mathew Carpenter Do You Need A Degree To Be A Designer? September 4, 2010 Mathew Carpenter

Menu
Home Tutorials Brushes PSD files The Box Community news Submit news Contact

Most rated
Show me the light digital art tutorial (31 votes) Tunning a photo in Photoshop (11 votes) Dance Digital Art PSD (9 votes) How to create a light dancer in photoshop (9 votes)

My Flickr group

Join my group and show your work

2010 PSD Box All Rights Reserved