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:
2. How to Use Layer Styles for Text
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.
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.
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.
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
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.
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.
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."
And that's it! I've repeated the same highlight steps on the word "style" as well.