Inset Text

This week we are actually going to do something. This technique is really simple and you will see it all the time in design both for print and the web. It is not confined to text either. Look around and you will see this technique used anytime some simple depth is needed in an image.



Let's start with an image, mine in 250 px x 250 px that has some text in it. You should have 2 layers here: 1. The background 2. The text. What you want to do is to duplicate the text layer twice and move those layers behind the original text layer. Your original layer can be any color you want, but the other two should consist of 1 white text layer, and 1 black text layer.

Ok, now that you have that done, you should have a layer palette that looks like this.



You can see that the back 2 layers are name Text white and Text black respectively. This can be done by changing the name of the layer in the Layer Properties dialog box. I do this so that I can keep track of what layers are what. It's a good idea to get in the habit of naming your layers. When you get about 50 of them in an image, it becomes almost impossible to tell one layer from the next if you leave them numbered.

Now what you want to do is to select the move tool simply by pressing the V key on your keyboard or by selecting it in the tools palette. Use the arrow keys to move the white layer over one pixel and down one pixel. Depending on the size of your image, this will have to be adjusted to your taste. Using the arrow keys along with the Move tool is called nudging. Remember this, because you will hear it a lot as you take these lessons and others.

Now move the black layer up one pixel and to the left one pixel. You should now have an image that resembles this:



Now if you want the opposite effect, that is slightly raised text, you can just reverse the black and white layers' positions. You will get this look:



One of my favorite things to do is to create a text layer that is the same color as the background and then use this technique to set it in a bit. This is what it looks like:



This is really a simple technique, so I wanted you to have a feel for it, before we move on to more difficult tasks. You will soon find that you use this a lot, not only for text, but also for any geometric shape that you want to set in a bit. Here is an example.



Here I just used the technique to create a slight inset for the oval. The I did the same for the text. Instant depth! Until next week, stop by jlswebsource.com for more Photoshop.