8 February 2010.
5 online, 435379 total visits

Graphic Design Portal

Plastic Text

Written by Administrator On November - 11 - 2006
Level: Expert Info: In this tutorial you will learn one simple method of creating simple blue plastic text. This method can also be applied to other layer shapes rather than only text. A Random Image
A Random Image
A Random Image

:: Step 1.

Create a new document, sized 700×700 pixels large. Select the blue color #1a68af as the foreground color. Use the Type Tool, and enter letter “q” without quotes, and resize it to fill most of the opened document. For the first time doing this try to use Times New Roman Bold+Italic font.

New layer with letter q

:: Step 2.

Next go to layers palette, make sure that text layer with “q” text is selected, and then hold CTRL and holding it left-click on that thumbnail of text layer. The text will be selected with marquee selection. Then create a new layer with this shortcut: CTRL + shift + N, and just press Enter on that box. Next thing to do is to contract that selection by some pixels. Go to: Select > Modify > Contract, and enter 15 Pixels there, click ok.

:: Step 3.

Now you got this result:

q text layer selected

and your layers palette should look like this:

layers palette

Now, to go on with the tutorial. Select White as the foreground color, and fill the selection on that “Layer 1″ selected. (shortcut for fill the selection with foreground color is Alt+Backspace). Remove the selection by pressing Ctrl+D. Then, go to Filter -> Blur -> Gaussian Blur. Enter the value 16 pixels. Click Ok. Then, again go to: Filter -> Blur -> Gaussian Blur. Enter the value 8 pixels. And again for the last time: Filter -> Blur -> Gaussian Blur. Enter the value 4 pixels.

:: Step 4.

Select that “Layer 1″ in layers palette if it’s not selected, change it’s blending mode to “Color Dodge” and leave the Opacity and Fill at 100%.

Color dodge and opacity

Double click on “Layer 1″ to open Layer Style window. Click on Blending Options. Look under Advanced Blending section. You will see checkboxes for R G B. Deselect the one for R. Click OK.

:: Step 5.

Go to Layers palette. Select that “q” text layer. Hold down CTRL and left-click on that T thumbnail of the selected layer.

current look

Then click onto Channels palette (right next to layers palette) and click “Save selection as channel” button. You will get an new Alpha channel.

channels palette

Click on that channel to activate it. Then repeat blur effect your did earlier: Go to Filter -> Blur -> Gaussian Blur. Enter the value 16 pixels. Click Ok. Then, again go to: Filter -> Blur -> Gaussian Blur. Enter the value 8 pixels. And again for the last time: Filter -> Blur -> Gaussian Blur. Enter the value 4 pixels. Now, press CTRL + shift + I to inverse the selection. Press Del on keyboard to delete inversed selection and finally press CTRL + D to deselect.

:: Step 6.

Go back to Layers palette. Press down CTRL, and click on the q Layer thumbnail, to select it. Create and new layer (CTRL + shift + N), and drag it above all other layers: Select the new layer, fill the selection with black. Check on “Lock Transparent Pixels” button, and set the blending mode to Screen.

layers palette

:: Step 7.

With “Layer 2″ selected go to: Filter > Render > Lighting Effects…

Lighting Effects

If you got marquee selection on, please press CTRL + D to deselect. Still left selected that “Layer 2″ and go to: Filter -> Blur -> Gaussian Blur. Enter the value 2 pixels. You should now have something like this:

current look

:: Step 8.

You have still “Layer 2″ selected and now, go to: Image > Adjust > Curves… Make your Curve look like this on the picture below:

Curves

It’s simple, just press left-mouse click on that line and hold’n'drag untill you make it the similar shape as you see on picture above. When you have defined the curve, click OK.

:: Step 9.

Select “q” text layer. Double click on it. You will get Layer Style window opened again. Click on “Drop Shadow” checkbox. Enter the settings for drop shadow as on picture below:

Drop Shadow

:: Final result:

Final result

Popularity: 31%

Published in Photoshop | Print This Post |

11 Responses

  1. scotty Said,

    hey, good tut, i did everything u said but the lines look un-antialised, like jagged, any tips

    Posted on November 14th, 2006 at 1:39 pm

  2. Administrator Said,

    Scotty: did you check that you have antialiasing turned on for entered text?
    Check this image: http://img166.imageshack.us/img166/608/crispadobephotoshopbu3.jpg
    Then try with the effect…

    Posted on November 14th, 2006 at 2:37 pm

  3. mario Said,

    Hey – love it! Bit complicated but it’s fun! THANKS!

    Posted on November 25th, 2006 at 6:51 pm

  4. Liebert Jean - Pierre Said,

    Hello,
    Nice tut. It works 100% in PhotoShop 7.
    PhotoShop CS – until to step 7.
    Not possible to open Filter>Render.
    Render is not active (lighting-up)
    Any tips? Thankyou.

    Posted on November 26th, 2006 at 11:41 am

  5. Administrator Said,

    Liebert Jean – Pierre: Im not sure.. let me check, so I’ll post later if something is wrong with that step…

    Posted on November 26th, 2006 at 1:39 pm

  6. Terminstrator Said,

    I’m a advanced user of Macromedia flash, thought I would try and learn photoshop to increase my flash animations graphic appeal. but alas every tut on photoshop always seems to miss little bits for noobs like me. I got lost on step 3. there was some details missing.

    Posted on November 29th, 2006 at 7:01 am

  7. maL Said,

    Lieber Jean – Pierre

    Check @ image -> mode -> if u have the 8bit channel checked. Cause some filters do not work with 16bit/channel and vise versa. :) greets,maL

    Posted on November 29th, 2006 at 10:01 pm

  8. eagles158 Said,

    Great tutorial!

    Posted on November 30th, 2006 at 10:15 am

  9. kid Said,

    pretty complicated and looks good at the end, but it didnt really look that plasticy. lol. it looked good but now what i thot it’d b.

    Posted on December 4th, 2006 at 6:54 pm

  10. ComputaTrini Said,

    pretty good. Had to do it twice to get it. I have photoshop CS, was able to follow until step 9. The drop shadow option is different. It looks great until then. Thanks

    Posted on December 7th, 2006 at 2:30 am

  11. SEO Said,

    Good news!!

    Posted on December 16th, 2006 at 9:10 am

Add A Comment

You must be logged in to post a comment.