We’re celebrating ten years of Envato Tuts+! Join us by trying out our very first tutorial.
In 2007, Collis Ta’eed launched the site with this easy jelly layer style. Ten years later, and Envato Tuts+ has grown into a massive community that helps creatives worldwide.
To commemorate the anniversary of this tutorial, we’ve recreated it step by step using the latest Adobe Creative Suite software. Keep in mind, this style is ten years old, and it’s dated, but we love nostalgia here on Envato Tuts+.
How to Create Plastic Jelly Styles
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.
1. How to Create the Background
Create a New Document at 850 x 850 pixels.
We begin, as always, with a background gradient. Here I’ve used a Radial
Gradient (G) with two shades of brown.
The exact color codes are:
- Foreground Color:
#2f2520 - Background Color:
#1e1916
2. How to Use Layer Styles for Text
Step 1
Now, with a nice delectable green color (#4a9c1e), we’ll write a word. I’ve written the word “jelly”
and used the font Gill Sans Ultra Bold. Bolder fonts are good for
this sort of effect because there is more room to actually do stuff with Layer Styles.
Step 2
So now we right-click on the layer and choose Blending Options to
start adding Layer Styles.
First, we add a Drop Shadow to lift the letters off
the background.
Then an Inner Shadow. Later on, when we add
highlights, this shadow will contrast nicely against them.
Step 3
To create the highlights, we’ll use Bevel and Emboss. The default
settings for Bevel and Emboss suck, so don’t use those. I’ve moved some
things around, and you’ll see what I
mean. The highlights need to be bright shades of green to make it look as if the light is bouncing around the inside of the letters.
Step 4
Next, we add a Gradient Overlay to create a bit
of a light and dark effect for the letters.
Then a Stroke Layer Style will help seal it off at
the edges.
3. How to Apply Layer Styles With New Colors
Now the neat thing about this style is that you can change the
color on each text layer’s Blending Options to create a new color for
that text. Here, I’ve written a second word and applied the style there
too, but this time with red color.
4. How to Finish the Plastic Effect
Step 1
To finish it off, create a New Layer above all the others. Then hold down Control and click on a text layer to select it.
Then go to Select > Modify > Contract and use a value of 4 pixels to shrink the selection.
Step 2
Now select Layer 1. Create a Linear Gradient that goes from white to transparency, which you
can make by switching to the Gradient Tool (G).
Draw a Linear Gradient within the selection from white to transparency.
Step 3
Then select the Elliptical Marquee Tool (M) and make an elliptical selection. Hit Delete to remove the gradient as shown. This will make the highlight you just drew suddenly
stop and consequently look very “plasticky.”
All Done!
And that’s it! I’ve repeated the same highlight steps on the word “style” as well.
