Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

The Plastic Effect


No tutorial section is complete without a mention of the infamous semi-transparent plastic effect.  Its popularity over the years has endured simply because it is an easy effect to produce and looks utterly stunning when done properly.  There are, consequently, dozens of different methods used to get a similar result - some more complex than others.  My technique takes a middle road - it looks good and takes a moderate amount of time to set up.  Its biggest advantage, however, is that it uses nothing but Photoshop Layer effects, so you can leave text unrasterized (for easy editing) and copy the style to interfaces, patterns, etc.  For the sake of those interested in the theory, I've also spent lots of time explaining the different settings, and how their alteration will affect the final look of the effect. Read on...

Step 1: Start out with a 500 by 500px blank document and use the horizontal Type Tool to create a letter.  In this case, I've used the 'Ravie' font at size 150.  Don't worry if you don't have this particular typeface - just select something else with plenty of fat curves in it (they'll show off the effect to its fullest potential).

Step 2: With the type layer selected, click on Layer > Layer Style > Blending Options in the menu and make your settings resemble those on the left.   The 'fill opacity' option will determine the overall transparency of the whole effect.  In this case, I've selected 80%, but if you want the plastic effect to be totally opaque, go for 100%. 

NB.  If an option isn't displayed in the examples to the left, just leave it at PS default.

Step 3: OK, we now need to select the dominant colour of the text.  Go to the 'colour overlay' section, enable it, and choose the red colour and settings indicated on the right.  Repeat this for the 'drop shadow' subsection.  Note that the shadow colour is NOT black but a dark red.  Pure black tends to be a tad too strong and ruin the effect of semi-transparency.

Step 4: In a similar vein to the above step, go to the 'outer glow' section and fill in the settings as they are on the left.  This will create an almost imperceptible haze around the object - as if light were refracting through the dense plastic and out of the sides.

Step 5: Ok, this is where you'll wonder if you're reading the correct tutorial.  Enter the settings on the left into the 'inner shadow' section.  The result will resemble a cut-out of some variety - this will create the illusion of depth after step 7 has been completed. If you want your plastic text to appear deeper in the end, consider making this darker.  Don't overdo it though, or you'll muddy the colours.

Step 6: This is the last step before you'll see the results of your hard work.  Enter the 'inner glow' settings on the left.  This is another almost imperceptible tweak that will add a touch  of brightness to the underside arches of your lettering and create a more realistic sense of depth.

Step 7: Right - this is where it all happens!   Take care to replicate all the 'bevel & emboss' settings on the left fully or you'll end up with a substandard result.  You can edit the highlights and sense of thickness by adjusting the 'depth' and 'altitude' parameters accordingly.

Step 8: The plastic effect generated so far is pretty sweet, but still appears a tad too fuzzy.  Tighten up the highlights by going into the 'contour' subsection (not the 'gloss contour' section of 'bevel & emboss' - its the section below it) and replicate the contour on the left. You won't find it in the standard PS contours, but its simple enough to make your own anyway.

Step 9: This is an optional step, but adds a little something special in my opinion.  Make the text appear slightly mottled by entering the 'satin' details on the left.  The contour is a standard PS one known as 'ring'.    You can also try 'double ring' for a really intense effect.

Step 10: And that's it! As I mentioned in the introduction, the best thing about this technique is that you can copy the style across to almost any object. The little design on the left, for example, took a mere 10 seconds to create. If so inclined, you can also modify it slightly to give a 'jelly' look.  Just don't overdo it or you might start a new trend.  Have fun!  =)

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  coffinspire (#47215)
Date: Wed Jan 09, 2008. 02:56:50

Post #9 of 9

cool effect. i'm going to use it for a 3-D title project in my interactive media class. thanks.

Reply to this post


User:  Kathryn69 (#46801)
Date: Mon Dec 17, 2007. 00:47:02

Post #8 of 9

Thanks!
I was looking for how to do this effect. You have helped me a lot.

Reply to this post


User:  lilymoonsilver (#40031)
Date: Fri Mar 30, 2007. 17:41:40

Post #7 of 9

I like this one a lot; I work with text and this is a keeper. Thanks again.

Reply to this post


User:  jose garcia (#24122)
Date: Fri Feb 17, 2006. 07:40:24

Post #6 of 9

god work, can you put more text tutorials

Reply to this post


User:  Man1c M0g (#22106)
Date: Thu Dec 29, 2005. 20:42:38

Post #5 of 9

Quote from Lhii Kanakari:
Thanks!

I searched for this font on google but all im finding is that this font is selling for 40$, Is there someplace that I could find this font without having to pay that large fee?

Here ya go - [link]

Myfonts is slightly dodgy in that the $40 fee covers commercial license - the font itself is distributed free elsewhere. Slightly disreputable if you ask me!

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Hershey Kisses
Hershey Kisses
- Adobe Illustrator -
Night Lights (w/ A...
Night Lights (w/ A...
- Macromedia Flash -
Using Calculations...
Using Calculations...
- Adobe Photoshop -
Framing Your Paint...
Framing Your Paint...
- Maxon Cinema 4D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 873 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1040 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1047 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1922 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1821 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14422 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2726 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2761 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3428 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2347 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2485 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2794 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673