Design Bundles Net Logo
  1. Home
  2. Design School
  3. Jell-O Text in Photoshop

Jell-O Text in Photoshop

Posted on 12th January 2018
For this Tutorial, we are using a background image, and Pelemeshka Free Font from Cyril Mikhailov.

1 - Open your background image (in this case we combined two images, one of a table and the second one of a plate).

2 - Open your “Type Tool” (T), make sure “Center Text” is selected. Choose your font, use a size that makes your text fit in the plate and use black as “Fill” color.

3 - Convert your text into a “Smart Object” by right-clicking on the layer thumbnail and choosing “Convert to Smart Object” from the menu.

4 - Turn the “Fill” of the text layer to 0%, duplicate it three times and rename the layers.

5 - Select the “Text” layer and double-click on it to apply the following “Layer Styles”:

Bevel & Emboss:

Contour: (Click on the “Contour” thumbnail).

Inner Glow: (color #ffffff).

Color Overlay: (color #5bfc03).

Outer Glow: (color #ffffff).

Drop Shadow: (color #1e4e18).

6 - Select “Up1” and apply the following “Layer Styles”:

Bevel & Emboss:

7 - Right-click on your layer “Effects” and choose “Copy Layer Style”, then select “Up2”, right-click on it and “Paste Layer Style”.

8 - Double-click on the “Up2” layer and make the following changes to the “Bevel & Emboss” style:

9 - To copy some of your styles to another layer select the “Effect” you want to copy and click Shift + Option/Alt while dragging it onto your other layer. Do this with “Bevel & Emboss” and “Color Overlay” from “Text” to “Down”. Double-click on “Down” and add the following “Layer Styles” to the ones you copied:

Inner Shadow:

10 - With the “Down” layer still selected go to Filter > Blur > Gaussian Blur and apply a value of 3.0 to the “Radius”. Select the “Move Tool” (V) and move the layer a couple of clicks down and right.

11 - If you think that some something needs to be tweaked, just double-click on the layer you want to correct and change the values. In our case, we decided to adjust the “Drop Shadow” of the “Text” layer to make it less evident:

12 - If you want to change the color of your Jell-O, select your text layers, click Shift + Command/Control + Alt + E to make a composite copy of them. Hide the other text layers, go to “Adjustments” panel and click on the “Hue/Saturation” button to create and “Adjustment Layer”. Click on the “Clip” button to apply the adjustment only to the upmost layer. Slide the “Hue” lever to pick the color you want.

13 - Final result:

(The values for all “Layer Styles” will depend a lot on the font you are using, so you may need to play around with them to get the desired results).

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image