Sunday, January 9, 2011

Create a Cool Plastic Jelly Text Effect in Photoshop


In this tutorial, we’ll be using layer styles to make a plastic gel type style that you can easily apply to text and shapes. You can download the PSD file from the link at the bottom of the tutorial to just copy + paste the styles.
 


Step 1:

BACKGROUND LAYER
We start as always with a background gradient. I’ve used a Radial Gradient with two shades of the exact same brown that this site uses. The exact color codes are:
Foreground color – #BCCE62
Background color – #1B340D

Step 2:

Now in a nice delectable Light Green (#EBFFAD) , we write a word. I’ve written ‘Jelly’ and used the font "JELLYBELLY" Bolder fonts are good for this sort of effect because there is more room to actually do stuff with the styles. ( Download Font Here )


Step 3:

now right-click on the layer and choose Blending Options. First we add a drop shadow to lift the letters off the background and then an inner shadow. Later on when we add highlights, this shadow will contrast nicely with both of them.

Step 4:

To create the highlights, we use Bevel and Emboss. Don't use the default settings for bevel and emboss because they suck. The highlights need to be shades of green so that it look like light is bouncing around inside the letters.

Step 5:

Now add Gradient Overlay and a Stroke. The gradient gives a bit of light and dark to the letters and the stroke helps seal it off at the edges.

Step 6:

Now the interesting thing about this style is you can just change the coloring on each set of blending options and you have a new color for the style. Here I’ve written a second word and applied the style.

Step 7:

Now create a new layer above and then hold down Ctrl and click on the layer to select it. Now go to Select > Modify > Contract and use a value of 4 pixels to shrink the selection.
 

Step 8:

Now we need a gradient from white to transparency which you can choose by switching to the gradient tool and using the little thumbnail thing up at the top left.



Step 9:

Using that gradient, draw a gradient in the selection from white to transparency.

Step 10:

Now make an elliptical selection using the selection tool and hit delete as shown. And also repeat these steps to red word belly.

Final Output

 

 

Sample PSD Download

Download Here

1 comment: