Welcome to my Photoshop graphic tutorials!

Title 1

• Index • Title 2 • E-mail me

Introduction to the tutorials In these tutorials I'm going to show how to make some simple yet cool title graphics. Since I am using Photoshop 5 these tutorials will be customized to that program. However, I do think you can find them useful even with earlier versions of Photoshop as well as with Paint Shop Pro. I am aware of the fact that the layer effects option is not available in prior versions of Adobe Photoshop (it came with version 5) so you will have to improvise to get the same effects. It should be possible, I just don't know how it is done. Let's make a title!

Step 1 - 2

Creating the text This first title is really very simple. Unfortunately it also look it :) So just let's consider it a warm up. Open a new work space. For this I've chosen to make it 450x150 pixels. It is always a good idea to make it a bit bigger than the picture you want to create since that gives you some room to manœuvre. Next step is to create the text we are going to work with. Choose text the text tool (looks like a capital T) and click in the work space were you want the text to be. This is not really important since you can easily move the text around at any time. For this title I've chosen the font Rogers and set it to 45 pts in size and chosen a blue colour tone. When you have typed in the text you can move it around if you want. You can also specify things like base line, character spacing, auto kerning and anti-aliasing. Below is a short description of these options. Base line You can set the base line for the whole text or just single character. By putting a number from 1 and up the text raise from the base line. Putting a - (minus) in front of the number makes the text drop below the base line Character spacing This option enables you to make the space between characters to be either wider or narrower. You define it the same way as with the base line option Auto kerning Checking this box makes the text automatically kerned. However, in some cases you will have to uncheck it since the characters otherwise can get too close together Anti-aliasing Invaluable option! :) Makes the text look smooth and without any jags. When using small font sizes you may have to uncheck this box to make the text sharper and easier to read When you have typed in the text (if you don't have the Rogers font you can choose another) and clicked OK you will see a picture looking something like this: Not very cool but we are going to make it look better.

Steps 3 - 5

Using layer effects With the text layer selected right click on it and choose Effects from the pop up menu. A small dialog box appears on the screen. From the top drop down box you can choose which types of effects to use. Below are settings for the effects and an option to choose colour. I won't go into what the different values are set to, only the ones I use. So if I don't mention a setting (value) I simply haven't used it. Note: In order to apply any effects you must first check the box labeled Use The first effect you will se is Shadow. This is a useful effect since it gives the text some depth. For this example I've chosen a gray shadow and set the spacing to 3 pixels. Now the image looks like this: The next effect we are going to use is Inner glow. Choose it from the drop down list. As you can see there is almost the same options to choose from here except for the two radio buttons down below. Center simply means that the effect will be applied to the center part of the image, and Edge that it will be applied to the edges. Click in the Center radio button and then choose Difference from the drop down list above (next to the colour rectangle). Now the image will look like this: Not too bad, huh? Still, we are not quite satisfied yet. After all, we haven't used the perhaps most interesting effect yet. Go to the drop down list and this time choose Bevels and emboss. This dialog box looks quite different. It is bigger and have more options. As you can see there is two drop down lists for choosing styles: One for highlight and one for shadow. Below these are a drop down menu for choosing beveling and emboss. Click on it and choose Inner bevel. Then go the Highlight style menu and set it to Colour shading. Next go the Shadow style menu and set it to Soft light. And finally go down to the bottom box labeled Blur. This isn't a drop down menu. A click on the arrow button opens a slider (this is the same for all the small drop down look-alike boxes). Adjust the slider until the amount of blur is 10 pixels. Then our image looks like this: Maybe not too much a difference but we will settle for this for now. Like I said earlier this is just a warm up :) Of course, you can choose different settings if you like. Feel free to experiment! And remember that everything you do (practically) can be undone simply by selecting it in the Events palette and clicking the trash can. Just keep one thing in mind though: Everything below the event you delete will be deleted with it

• Index

NEXT