by Mike Ishigaki aka t3h t3rminator : 5 July 2004

Sorry if this takes a while to load for those with a slow connection, I had to use high-quality JPEG exports to ensure that all of my colors show. I will not go into complete detail to ensure that my work is not ripped. I have made this tutorial so that people can learn alternatives to Bevel Emboss filters.

In this tutorial I will show you how to create my "name tag" effect:

[ the effect we will create]

Here is How
The following steps will explain what this tutorial will be trying to explain.

  1. First we will make a rounded square by using the Rounded Rectangle Tool. This tool can be accessed by holding down your mouse over the Rectangle Tool and from the drop-down menu selecting Rounded Rectangle Tool. Draw your rectangle. In the Properties window, while your rectangle is selected, you will be able to adjust color settings and the roundness of the shape..


  2. In the Properties window, we will change the color of the rectangle. We will use Linear Shading. From the drop-down menu next to the color chooser, select "Linear." My colors look like this:


  3. This first rectangle will be the rectangle that we use for the metal effect. When you have our new rectangle selected, go to the effects section of the Properties window. We will apply two Inner Shadows and one Drop Shadow. To get the glare in the metal, we will have one of the Inner Shadows show a bright color, and another one to show a dark color, which will help the eye that is viewing the final product exaggerate the light color.

[ the metal]

  1. Press on the plus sign in the effects section of the Properties window and navigate to where it says "Shadow and Glow," from the menu that will appear after that select Inner Shadow. Our first Inner Shadow, the bright-colored one, will have properties like this:


  2. Now we will make the darker Inner Shadow. Press on the plus sign, and navigate once again to the Inner Shadow effect. Your properties should look something like this:


  3. Now, to make it look a bit cooler looking, apply a Drop Shadow. The Drop Shadow effect can be accessed from the same menu that you got the Inner Shadow effect from.

  4. Now to make the LCD looking part of it, we will make a new rounded rectangle. Change the properties of this new rectangle to how you want. The rectangle should be placed above the metal rectangle. Now on our new rectangle we will color it to look like an LCD screen. My settings are below:

  1. In this rectangle we will use once again, two Inner Shadows and one drop shadow. Here, we will use Inner Shadows to trick the viewer into thinking that there is actually an indent in the first rectangle. My first inner shaddow properties will look like this:

    My second inner shaddow properties will look like this:

    My drop shadow is a very light drop shadow that goes around the whole object, almost like a glow. It's sole purpose is to avoid clipping between the two very differently colored shapes (our first and second rectangle.) The settings are as follows:

    Now we should have something that looks like this:

  1. Now we can play with the pen tool to make a custom shape that will appear as though the LCD screen is very shiny. This custom shape should be transparent white and will look something like this: (Just it should be white, and not grey)

  2. In my work, I have added text in-between the layer which contains the shine effect and the layer that has the LCD looking rectangle.

I hope that in this tutorial you have learned a lot about the shadow effects, a little bit about highlights, and how to make a cool nametag!

If you have any questions or comments feel free to post them in Drawing & Design.


  Mike Ishigaki
tokio media


SUPPORTERS:'s fast and reliable hosting provided by Media Temple.