| |
|
This will produce a simple way to bevel your text.
|
Creating Custom Type #1:
|
 |
1.
I love making custom lettering! Whether you're going to use it on your web site or in some other
job, creating custom letters is cool. I'll show you how to make the one to the left, plus a couple
variations.
I started with a new 259 x 144 pixel RGB file (though the size can suit your needs of course- I just didn't want to leave you in the dark.)
I filled the background with black and clicked on it with the Type Tool  . Photoshop automatically creates a new layer for your text. You can see what settings (font, size, etc. I chose in the Type Tool dialogue box here to the left. |
|
|
2.
I chose a size for my lettering that was the width I wanted. Now I'm going to stretch it
vertically. From the Edit Menu, I pick Transform: Scale and drag upwards until I reach the height I want.
Tip: You can double click inside the transform box, or simply hit return to apply a transformation. I hit return. It won't offend me if you're one of those "double clickers." |
|
|
|
|
3.
I'm eventually going to make the type this color (more or less.) The choice of color is arbitrary,
of course.
But first I have to do some things to the color. I create a new layer above my text layer and completely fill it with this neon green. To do this I use the keyboard shortcut, Option-Delete (windows = Alt-Delete.) |
|
4.
Now my image window is completely filled with green. I can't see the word "COOL" anymore but I'm not panicking. I'll see it a little later.
Next I choose Filter: Noise: Add Noise... and get the dialogue box you see. After moving the slider around a bit, I decide 78 is a darn nice number and click OK.
My green rectangle now looks just like the little preview you see here- noisy! |
 |
5.
Time for another filter! I apply Filter: Blur: Motion Blur... and the image looks the same as the preview you see here. You can change the angle of the "motion" here, by spinning that bisected circle or by typing a number into the Angle: box. Distance: offers you another slider to play with. I ended up at 30 pixels. |
 |
6.
Now we're getting back to the type. I Command-Click (windows = Control-Click) on the layer with the text on it in the layers palette. (I'm still actually on the green layer, though.) That loads the selection from the word on the text layer. Then I Select: Inverse to select the opposite area. |
 |
7.
I hit the Delete key and now I have a word made of that green texture. Year ago when I first saw this
texture somewhere, it was referred to as "brushed aluminum" for whatever reason. What's in a name anyway? I thought it looked cool so I used it a few time here and there, varying the base color. |
 |
8.
We can be done now, if you want! I'm going to apply a layer effect here: Layer: Effects: Bevel and Emboss... will get you more or less what you see here if you click OK (I played around with a few of the numbers in the dialogue box that popped up, but that was mostly so I felt important- you can leave the default settings.)
If you like this type, use it! Or read on, if you dare! |
 |
9.
I'm having way too much fun to be done. I've got much more planned for that unsuspecting
word.
I'm going to go back in time to that wonderful moment when I had just applied the Motion Blur Filter. I click on the History Palette and my image window is suddenly filled once more with Brushed Aluminum Neon Green.
I load the text selection again (Yes, it would have been easier to simply quick on that next step in the History Palette- but hey, I'm improvising here. I have no idea where we're going.)
Don't select: inverse this time, I'm going to make the letters bigger first. |
 |
10.
Once I've got the type layer selection
loaded, I used trial and error of Select: Modify: Expand... to find out that 2 pixels is the max. I can expand without the letters touching a little.
All right, now you can go ahead and Select: Inverse. Then hit Delete. |
 |
11.
Now I hold down that magic key and click on the green text layer to reload the selection. I choose
Select: Modify: Contract... and decide to shrink my selection by 2 pixels.
Notice I changed the background color here? It's not important for what we're doing at all, but I thought you'd be able to see the Bevel/Emboss effect that I'm planning on using better with a color other than black. Darn! I should have done that earlier. |
  |
12.
I'm going to apply a "stroke" here. (That's sort of like an outline.) That's why I just contracted the selection above.
First, create a New Layer above the green text.
Next, I click to revert my foreground color to Black. Then choosing Edit: Stroke... gets me the box you see on the top left. You can see what setting I picked. Then I clicked OK and got what you see to the left. |
|
13.
OK, it's magic time!
Apply Layer: Effects: Bevel and Emboss... and choose Emboss from the Style: pop-up menu. You get the cool text you see here. |
 |
14.
Apply Layer: Effects: Bevel and Emboss... and choose Pillow Emboss from the Style: pop-up menu instead and you'll get a neat variation. |
|
|
|
If you have any questions or comments regarding this tutorial please post it in this thread
http://forum.teamphotoshop.com/showthread.php?t=24740
Print Article
|
|
Login / Register
From The Forums...
|
|
Help in Photoshop
IM trying to put a scrollbar around the words i ty...
|
printing from CS3 trouble?
Ok i have an epson r800 and im having a rough time...
|
www.FavorGoods.com,Nike dunk shoes,prada shoes,air max,sports shoes
[url]www.FavorGoods.com[/url] , offers a large va...
|
www.FavorGoods.com,Nike Dunk sb,Air Force One,Ice Cream shoes,air max
[url]www.FavorGoods.com[/url] , offers a large va...
|
www.FavorGoods.com,nike air jordan shoes,nike dunk sb,air max,nike rift shoes
[url]www.FavorGoods.com[/url] , offers a large va...
|
|
... Go to Forum
|
|
Retouching a photo. Step 1: Using Levels
Part 1 of our photo retouching series. This first section covers using levels to alter the color of an image...
|
|
Retouching a photo. Step 3: Color balancing techniques.
Part 3 in our photo retouching series. This section covers some color balancing techniques...
|
|
