.jpg)
This tutorial will teach you how to create two stage lights in the on and off positions from scratch. It is part two of a tutorial series. Part three will include taking your lights and the curtain from part one and putting them together for animation. This tutorial is compatible with Photoshop versions CS2 and higher.
Ok, let’s get started! 
Open up a new document 300 x 300pxl at 100dpi and name it show-lights and click OK. Then click the eye on your background layer to turn it off.

First, we are going to draw the wood base of the light fixture. So grab your rectangle shape tool and draw out a rectangle somewhere at the bottom of your screen. Don’t worry about colors, but I chose to use the default settings of black and white to keep it simple.

Now, select everything by hitting Ctrl+A or Cmd+A on your keyboard and then with your move tool selected click on your "Align Horizontal Centers" button in your tool menu at the top. Your rectangle will center to the document.

Now, we are going to add a bunch of layer styles – so to bring up your Layer Style pallet click on the FX button at the bottom of your Layers pallet or go to Layer>Layer Style through your menu bar at the top. First, we are going to add a wood pattern. Again, to keep it simple, I went with the default wood pattern called "Wood".

Next, we are going to add a Gradient Overlay with the following settings. Below is your gradient.

And here are your settings. (It won’t look like much until we add the other effects.)

Next, a Bevel & Emboss with the following settings. Color codes are shown in red.

Now, an Inner Glow with a custom gradient of a redish gray to white fade. The color I used is shown in the second screen shot below.


Once you have these effects complete, click OK. You should see something like the picture below.

Ok, so it’s starting to look like a wood base, but let’s kick it up a knotch and add some more defined grain to it. First, Ctrl+click or Cmd+click your Shape One thumbnail to load it as a selection. Then on a new layer, using your paint bucket tool, you’re going to fill that selection with white. Make sure to keep your selection active when you are finished!

Ok, now we are going to paint some stripes in our white box. So using a small soft brush, choose your black color but set your brush opacity to 30%. This way you can vary the darkness of your strokes as you go over them without having to change your colors.

Now, we’re going to draw some diagonal lines throughout the white box. A neat trick is to get perfect lines all you need to do is click once on one end, and then hold Shift while you click your brush on the other end. Make multiple lines in various sizes by changing the size of your brush with the right and left bracket keys on your keyboard. [ ]
Go over some of your strokes several times to mix up the lights and darks of the painted gray lines. Do not, however, cover all of your white. Leave some of it showing like in the picture below.

Next, go up to your Filter menu and choose the Liquify tool. Using the Forward Warp Tool, push and nudge your strokes until they begin to take on the look of heavy lacquered wood grain. When you have something you are happy with, click OK.

Then set your layer’s blending mode to Overlay with an Opacity of 50 to 60% (depending on what you like) and deselect your layer.

Now that we have our wood base, let’s move on to our light bulb. Start with your elliptical shape tool and draw a circle. If you hold shift while you drag out your cursor, your circle will stay proportionate. The base color for your bulb is shown below in red. Make sure to use the "Align Horizontal Centers" button as you did before (move tool option) to center your new shape.

Now we are going to add a Drop Shadow Layer Style with the following settings. Be sure to UNCHECK your "Use Global Light" box before you set the Angle or it will adjust all of your settings on your wood base. When you are done, click OK.

Now, in your Layer pallet, right click on your Drop Shadow effect to pull up the following menu and choose "Create Layer".

Your Drop Shadow will fall to a new layer below your shape. Because we only want to see this shadow on the wood and not the background, we are going to add a Layer Mask in the shape of our stand. Crl/Cmd+click your shape one thumbnail to load it as a selection and then Ctrl/Cmd+Shift+click your shape two thumbnail to add to your selection and then click your Mask icon at the bottom of your layers pallet. (It looks like a rectangle with a circle in the center.) If done right, you should have an image like the one below.

Now we are going to go back to our Shape Two layer and add a few more layer styles. Bevel & Emboss, Inner Shadow, and Satin with the following settings. Use default colors unless otherwise noted in red.



When finished, click OK. You should now have an image that looks similar to the one below.

Now, on a new layer, we are going to add a white highlight to our bulb using a 45pxl soft brush. Pick a spot in the upper left and click your brush 2-5 times in the same spot to create your highlight.

Now, we need to create the inter wires of our bulb. For this we are going to use "Ornament One" from the Custom Shapes from the Ornaments preset collection.

Once you have Ornament One selected, draw it out across your bulb making sure to make it somewhat thin like the one shown below.

Now going to your Edit menu, select Transform> Rotate 90degrees CW to stand your ornament up right.

Then using your move tool, position it in the center of your bulb. It should look something like this…

Now, obviously our wires are supposed to be inside the bulb so we are going to add a mask by clicking the mask icon at the bottom of our layers pallet and then using a black to transparent gradient, fade out the bottom of your new shape. Then set your Blending Mode to Soft Light and you will have something as seen below.

Congratulations! You now have a stage light in the off position!
But now we need a second light and we need to turn it on. So first, highlight all of your layers except your background layer and hit Ctrl/Cmd+G on your keyboard to add them to a group. Then label this group "Off". Next, drag your group to your new layer icon at the bottom of your layers pallet to make a copy of it and then change your "Off Copy" label to read "On." Then click the eye next to your Off group and turn it off for now.

Now, first drag your Drop Shadow copy layer to the trash. You won’t be needing it now. Then for the time being, turn off your Shape Three copy layer so that we can focus on changing the bulb. Going into your layer styles on your Shape Two copy layer, you are going to add the following effects with the following settings. use default colors unless otherwise shown in red.
Color Overlay

Satin

Bevel and Emboss

Inner Glow

Outter Glow

and Inner Shadow

When done, click OK. Your bulb should now look something like this.

Now, turn your Shape Three copy layer back on and apply the following Layer style effects, again the colors are shown in red.
Color Overlay

Inner Glow

and Outter Glow

If you bulb now looks like the one below, congrats again! You now have a stage light in the On position.

Now, save this file as is, and then be sure to check out Part Three of the Setting The Sage series as I will be showing you how to use these two lights along with the curtain from Part One to create an animated stage graphic.
Hope you enjoyed this tutorial and if you have any questions on anything, let me know! See you next time!