http://progressive.kelbymediagroup.c..._thumbnail.jpg Plastic Text Style

December 17, 2012 by Diego Sanchez Effects, Text, Tutorials Leave a comment
Before starting the tutorial, please download and install the BPreplay free font.
1. Open Photoshop and go to File > New. Set the name of the document to “Plastic”. Set a Width of 650 px, a Height of 1000 px, the Resolution to 72dpi, the Color Mode to RGB and click OK.
http://progressive.kelbymediagroup.c...c_style_01.jpg
2. Press “D” on your keyboard in order to reset the Foreground and Background Colors. Go to Edit > Fill and set the Contents to use the Foreground Color. Be sure to have the Mode set to Normal and the Opacity to 100%. Click OK.
http://progressive.kelbymediagroup.c...c_style_02.jpg
3. Press “T” on your keyboard to select the Text tool. Go to Window > Character; and in the settings window set the font family to “BPreplay”; the font style to “Bold”; a size of 180pt and the tracking to 50 and the anti-aliasing method to Smooth. Click over the color thumbnail and in the color picker window set the color to #FFFFFF. Click OK.
http://progressive.kelbymediagroup.c...c_style_03.jpg
4. Click on the canvas and type “Planet”. Go to Layer > Duplicate Layer and set the name to “Planet front”. Click OK.
http://progressive.kelbymediagroup.c...c_style_04.jpg
5. Hide the “Planet front” layer and select the “Planet” layer (we do this just to work more comfortable).
http://progressive.kelbymediagroup.c...c_style_05.jpg
Go to Layer > Layer Style > Stroke and apply the following settings:
http://progressive.kelbymediagroup.c..._style_05b.jpg
Check the “Bevel & Emboss” effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_05c.jpg
Still in the “Bevel & Emboss” settings, click on the small arrow next to the Gloss Contour thumbnail. From the thumbnail list, select the “Ring” contour.
http://progressive.kelbymediagroup.c..._style_05d.jpg
Now, check the Contour effect in the Layer Style window. Set the range to 53% and check the Anti-aliased box.
http://progressive.kelbymediagroup.c..._style_05e.jpg
Click over the Contour thumbnail (this will show you the Contour Editor window).
http://progressive.kelbymediagroup.c..._style_05f.jpg
Click anywhere over the line in order to create a new point.
http://progressive.kelbymediagroup.c..._style_05g.jpg
Set the Input value to 75% and the Output value to 89%
http://progressive.kelbymediagroup.c..._style_05h.jpg
We will repeat this process two more times. Click anywhere over the line in order to create a new point and set the Input value to 50% and the Output value to 67%. Again, click over the line and set this new point to a Input value of 32% and a Output value of 77%. Click OK on the Contour Editor and once again, click OK in the Layer Style window.
http://progressive.kelbymediagroup.c..._style_05i.jpg
6. Select the “Planet front” layer and make it visible by clicking on the empty eye icon space next to the layer´s name.
http://progressive.kelbymediagroup.c...c_style_06.jpg
Go to Layer > Layer Style > Inner Glow and apply the following settings:
http://progressive.kelbymediagroup.c..._style_06b.jpg
Now, check the Bevel & Emboss effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_06c.jpg
Still in the “Bevel & Emboss” settings, click on the small arrow next to the Gloss Contour thumbnail. From the thumbnail list, select the “Rolling Slope – Ascending” contour.
http://progressive.kelbymediagroup.c..._style_06d.jpg
Now, check the Contour effect in the Layer Style window. Set the range to 94% and check the Anti-aliased box.
http://progressive.kelbymediagroup.c..._style_06e.jpg
Click on the small arrow next to the Contour thumbnail and from the thumbnail list, select the “Valley – High” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_06f.jpg
Select the Text Tool (T). Click over the color thumbnail in the text tool panel options and in the color picker window set the color to #FF0000. Click OK.
http://progressive.kelbymediagroup.c..._style_06g.jpg
With the “Planet front” layer still selected, press and hold the Control (Command) key on your keyboard and click over the “Planet” layer. Go to Layer > New > Group From Layers and set the name to “Red”. Click OK.
http://progressive.kelbymediagroup.c..._style_06h.jpg
7. Go to Layer > Duplicate Group and set the name to “Light Blue”. Click OK.
http://progressive.kelbymediagroup.c...c_style_07.jpg
Click and drag over the canvas to place the new group below the “Red” group as shown.
http://progressive.kelbymediagroup.c..._style_07b.jpg
Expand the Layer´s Group by clicking on the small arrow next to the group´s name.
http://progressive.kelbymediagroup.c..._style_07c.jpg
Click over the “Planet front” layer, hold the Control (Command) key on your keyboard and click over the “Planet” layer. Go to Layer > Layer Style > Clear Layer Style.
http://progressive.kelbymediagroup.c..._style_07d.jpg
Click over the “Planet front” layer in order to select just this layer and go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #58D3FC. Click OK.
http://progressive.kelbymediagroup.c..._style_07e.jpg
Still in the Layer Style window, check the Satin effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_07f.jpg
Now click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Notched Slope” contour.
http://progressive.kelbymediagroup.c..._style_07g.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_07h.jpg
Now click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_07i.jpg
Still in the Bevel & Emboss effect, click over the Contour thumbnail in order to open the Contour Editor. Click anywhere over the line in order to create a new point.
http://progressive.kelbymediagroup.c..._style_07j.jpg
Set the Input value to 90% and the Output value to 91%. Check the “Corner” option.
http://progressive.kelbymediagroup.c..._style_07k.jpg
We will repeat this process a few more times. Click anywhere over the line in order to create a new point and set the Input value to 80%, the Output value to 95% and check the “Corner” option. Again, click over the line and set this new point to a Input value of 66% and a Output value of 42%. Again, click over the line and set the new point to a Input value of 56% and a Output value of 99% and check the “Corner” option. Now click over the bottom left point and set a Input value of 42% and a Output value of 45%. Click OK on the Contour Editor.
http://progressive.kelbymediagroup.c..._style_07l.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_07m.jpg
We will now work on the Contour of this effect as we did in the last steps. To do so, click over the Contour thumbnail to open the contour editor. Click over the top right point and set the Input value to 92% and the Output value to 100%.
http://progressive.kelbymediagroup.c..._style_07n.jpg
Just like we did before, we will repeat this process a few more times. Click anywhere over the line in order to create a new point and set the Input value to 74% and the Output value to 93%. Again, click over the line and set this new point to a Input value of 62% and a Output value of 82%. Again, click over the line and set the new point to a Input value of 50% and a Output value of 65%. Again, click over the line and set the new point to a Input value of 29% and a Output value of 44%. Again, click over the line and set the new point to a Input value of 25% and a Output value of 15%. Last time; click over the line and set the new point to a Input value of 13% and a Output value of 47%. Click OK on the Contour Editor. Click OK on the Layer Style window.
http://progressive.kelbymediagroup.c..._style_07o.jpg
8. Click over the “Planet” layer to make it active. Go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #58D3FC. Click OK.
http://progressive.kelbymediagroup.c...c_style_08.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_08b.jpg
Check the Stroke effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_08c.jpg
Now click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_08d.jpg
Still in the Bevel & Emboss effect, click over the small arrow next to the Gloss Contour thumbnail, and from the thumbnails list select the “Ring – Double” contour.
http://progressive.kelbymediagroup.c..._style_08e.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_08f.jpg
Still in the Contour effect, click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Shallow Slope – Valley” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_08g.jpg
9. As you can see, making plastic styles in photoshop is easy when you know how to handle the Contour curves. We will now make two more styles changing the colors and the front text Contour curves. As we did it before, we will duplicate the Layer´s Group, clean the styles and apply new ones. So let´s start by clicking on the “Light Blue” group to select it and go to Layer > Duplicate Group. Set the name to “Gray” and click OK.
http://progressive.kelbymediagroup.c...c_style_09.jpg
Click and drag over the canvas to place the new group below the “Red” group as shown.
http://progressive.kelbymediagroup.c..._style_09b.jpg
Click over the “Planet front” layer, hold the Control (Command) key on your keyboard and click over the “Planet” layer. Go to Layer > Layer Style > Clear Layer Style.
http://progressive.kelbymediagroup.c..._style_09c.jpg
Click over the “Planet front” layer in order to select just this layer and go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #B9B9B9. Click OK.
http://progressive.kelbymediagroup.c..._style_09d.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_09e.jpg
Now click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_09f.jpg
Still in the Bevel & Emboss effect, click over the Contour thumbnail in order to open the Contour Editor. Click anywhere over the line in order to create a new point.
http://progressive.kelbymediagroup.c..._style_09g.jpg
Set the Input value to 89% and the Output value to 6%.
http://progressive.kelbymediagroup.c..._style_09h.jpg
Again, we will repeat this process six more times. Click anywhere over the line in order to create a new point. Set the Input value to 76% and the Output value to 100%. Again, click over the line and set this new point to a Input value of 62% and a Output value of 5%. Again, click over the line and set the new point to a Input value of 49% and a Output value of 100%. Just three more times; click anywhere over the line in order to create a new point and set the Input value to 36% and the Output value to 5%. Again, click over the line and set this new point to a Input value of 24% and a Output value of 100%. Again, click over the line and set the new point to a Input value of 10% and a Output value of 5%. Now click over the bottom left point and set a Input value of 0% and a Output value of 100%. Click OK on the Contour Editor.
http://progressive.kelbymediagroup.c..._style_09i.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_09j.jpg
Still in the Contour effect, click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Shallow Slope – Valley” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_09k.jpg
10. Click over the “Planet” layer to make it active. Go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #C3C3C3. Click OK.
http://progressive.kelbymediagroup.c...c_style_10.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_10b.jpg
Check the Stroke effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_10c.jpg
Now click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_10d.jpg
Still in the Bevel & Emboss effect, click over the small arrow next to the Gloss Contour thumbnail, and from the thumbnails list select the “Ring – Triple” contour.
http://progressive.kelbymediagroup.c..._style_10e.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_10f.jpg
Still in the Contour effect, click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Shallow Slope – Valley” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_10g.jpg
11. Now, we will make the last one by using only the predefined contours so you can see how to achieve a nice looking plastic effect with the default contours settings. Again, we will duplicate the Layer´s Group, clean up the styles and apply new ones. So let´s start by clicking on the arrow next to the “Gray” group name to collapse it and go to Layer > Duplicate Group. Set the name to “Pink” and click OK.
http://progressive.kelbymediagroup.c...c_style_11.jpg
Click and drag over the canvas to place the new group below the “Gray” group as shown.
http://progressive.kelbymediagroup.c..._style_11b.jpg
Click over the “Planet front” layer, hold the Control (Command) key on your keyboard and click over the “Planet” layer. Go to Layer > Layer Style > Clear Layer Style.
http://progressive.kelbymediagroup.c..._style_11c.jpg
Click over the “Planet front” layer in order to select just this layer and go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #FC58EB. Click OK.
http://progressive.kelbymediagroup.c..._style_11d.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_11e.jpg
Click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_11f.jpg
Still in the Bevel & Emboss effect, click over the small arrow next to the Gloss Contour thumbnail, and from the thumbnails list select the “Terraced” contour.
http://progressive.kelbymediagroup.c..._style_11g.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_11h.jpg
Still in the Contour effect, click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Shallow Slope – Valley” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_11i.jpg
12. Click over the “Planet” layer to make it active. Go to Layer > Layer Style > Color Overlay. Click over the color thumbnail, and in the color picker window set the color to #FC58EB. Click OK.
http://progressive.kelbymediagroup.c...c_style_12.jpg
Check the Inner Glow effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_12b.jpg
Check the Stroke effect and apply the following settings:
http://progressive.kelbymediagroup.c..._style_12c.jpg
Now click over the Bevel & Emboss effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_12d.jpg
Still in the Bevel & Emboss effect, click over the small arrow next to the Gloss Contour thumbnail, and from the thumbnails list select the “Terraced” contour.
http://progressive.kelbymediagroup.c..._style_12e.jpg
Check the “Contour” effect in the Layer Style window and apply the following settings:
http://progressive.kelbymediagroup.c..._style_12f.jpg
Still in the Contour effect, click over the small arrow next to the Contour thumbnail, and from the thumbnails list select the “Shallow Slope – Valley” contour. Click OK.
http://progressive.kelbymediagroup.c..._style_12g.jpg