Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,447,752

Photoshop - Plastic Text Effect

Tutorial Name: Photoshop - Plastic Text Effect  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 1,200

Related Forum: PC Building Forum

Share:

Step 1: Open A New Photoshop Document

The first thing we need to do is open a new document, so let's do that quickly using the keyboard shortcut, Ctrl+N (Win) / Command+N. This brings up Photoshop's New Document dialog box. Choose whichever size you like. I'm going to use the preset size of 640x480, as circled below:
Creating a new document in Photoshop
Create a new Photoshop document.

[ Register or Signin to view external links. ]

Step 2: Fill The Document With Black

Press the letter D on your keyboard to reset your Foreground and Background colors, so black becomes your Foreground color and white becomes your Background color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete to fill your new document with the Foreground color, which in this case is black:
The new document is now filled with black.

[ Register or Signin to view external links. ]

Step 3: Add Your Text To The Document

Grab your Type tool from the Tools palette, or press T to quickly access it with the keyboard shortcut:

[ Register or Signin to view external links. ]

Selecting the Type tool from the Tools palette.
Select the Type tool from Photoshop's Tools palette.

Then, with the Type tool selected, go up to the Options Bar at the top of the screen and select your font. I'm going to use Helvetica Rounded Black for mine. You can choose whichever font you like from the ones you have installed on your system. A larger, thicker font tends to work best for this effect

[ Register or Signin to view external links. ]

Choosing the font in the Options Bar.
Choose your font in the Options Bar.

Press the letter X on your keyboard to swap your Foreground and Background colors, so white becomes your Foreground color. We're going to choose a better color for our text using Layer Styles, but for now, white will do just fine. Then, with your font chosen and white as your Foreground color, click inside your document and add your text. I'm going to type the word "plastic":
Typing the word 'plastic' into the document.
Click inside your Photoshop document and add your text.

[ Register or Signin to view external links. ]

Resize your text as needed using Photoshop's Free Transform command by pressing Ctrl+T (Win) / Comand+T, which brings up the Free Transform box and handles around your text. Hold down Shift to constrain your text's proportions and drag any of the corner handles to resize the text. Hold down Alt (Win) / Option as well as you drag to force the text to resize from its center point. Press Enter (Win) / Return when you're happy with the size of your text to accept the change.
Step 4: Choose A Color For Your Text Using The "Color Overlay" Layer Style

Now that we have our text added to the document, we're going to start creating our "plastic" effect, and the first thing we're going to do is choose a better color for it. With the text layer selected, click on the Layer Styles icon at the bottom of the Layers palette:
Clicking the 'Layer Styles' icon at the bottom of the Layers palette.
Click on the "Layer Styles" icon at the bottom of the Layers palette.

[ Register or Signin to view external links. ]

Choose Color Overlay from the list of Layer Styles that appears:
Selecting the 'Color Overlay' layer style.

Choose the "Color Overlay" Layer Style.

[ Register or Signin to view external links. ]

This brings up the Layer Style dialog box set to the "Color Overlay" options in the middle column. Click on the color swatch to the right of the "Blend Mode" options to choose a new color for your text:
Clicking the color swatch for the Color Overlay.
Click on the color swatch to choose a new color for the text.

[ Register or Signin to view external links. ]

This brings up Photoshop's Color Picker. I'm going to choose a light blue for my text color. Feel free to choose whichever color you prefer, but try to pick a lighter shade of the color:

[ Register or Signin to view external links. ]

Photoshop's Color Picker.
Choose a color for your text using Photoshop's Color Picker.

Click OK when you've chosen your color to exit out of the Color Picker. Your text will now appear in your chosen color in the document:

[ Register or Signin to view external links. ]

The text color has been changed to blue.
The text now appears in the color you chose.

I should note that we haven't really changed the color of the text here, even though it's now appearing in a different color. Technically, the text is still white. We've simply overlayed a new color onto it using the Color Overlay layer style. If we were to turn off the layer styles, which we won't but if we did, the text would appear white once again.

Step 5: Add An Inner Shadow To The Text Using The "Inner Glow" Layer Style

Next, we're going to give our text more of a three-dimensional look by adding an inner shadow. Now, there is an actual "Inner Shadow" layer style, but we're not going to use it because it's limited to giving us a directional shadow. We want the text to appear to be surrounded by the shadow, so instead of using the ready-made inner shadow that Photoshop gives us, we're going to create our own Inner Shadow layer style by converting the Inner Glow style into a shadow.

To do that, click on the words Inner Glow in the list of Layer Styles on the left of the Layer Style dialog box. Make sure you click directly on the words. Don't simply click inside the checkbox because all that will do is turn on the effect. We want access to the effect's options, and for that, you need to click on the name itself:

[ Register or Signin to view external links. ]

Clicking the words 'Inner Glow' in the list of Layer Styles.
Click on the words "Inner Glow" on the left of the Layer Style dialog box.

The middle column of the Layer Style dialog box will change to show the "Inner Glow" options:
The 'Inner Glow' options.

[ Register or Signin to view external links. ]

The "Inner Glow" options in the Layer Style dialog box.

In order to change the "inner glow" to an "inner shadow", all we need to do is change the Blend Mode at the top. Click on the down-pointing arrow to the right of the word "Screen" and change the blend mode to Multiply. Our glow is now a shadow, or at least it will be a shadow once we select a darker color for it. The default yellow won't work very well as a shadow, so click on the color swatch directly below the word "Noise", which will bring Photoshop's Color Picker back up, and choose a much darker version of the color you chose for the text. I chose light blue for my text, so I'll choose a dark blue for the shadow. Lower the Opacity of the shadow to around 50% so it's not as intense. Make sure Edge is selected for the Source, and finally, increase the Size of the shadow to about 13 pixels.

[ Register or Signin to view external links. ]

6: Result

[ Register or Signin to view external links. ]

Ratings

Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Photoshop - Plastic Text Effect" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.