Hi. This is Marty from Blue Lightning TV.
I'm going to show you how make text and graphics look like Jell-O.
This is an update of a tutorial I did quite a while ago on a much earlier version of Photoshop.
This update is more flexible.
I provided this template that you to download, so you can follow along.
Its link is my video's description or project files below.
Make a copy of it by pressing Ctrl or Cmd + J. Name the copy, "Larger Pattern" and temporarily hide it.
Open your Horizontal Type Tool and open your list of fonts.
Choose one that's relatively heavy.
I'm using "Cooper Black Regular".
If you'd like to use it, I provided its link, as well.
For now, I'll make its size 285 points, Crisp and Center Alignment.
Its color is irrelevant, since we're going to create a "Color Overlay" for the text.
Click on the document and type out your text.
To adjust its size, highlight it and click and drag the the "T" icon to the left or right.
To re-position it, open your Move Tool and move it.
Let's leave enough room above it to place a graphic.
Click the New Layer icon to make a new layer.
Open your "Custom Shape Tool" and at the top, choose "Pixels".
If you're using CS5 or earlier, the pixel icon is here.
Open your current shapes and click the gear icon to open your full list of shape presets.
I'll click "Objects", but feel free to pick whatever you like.
Click OK to replace your current shapes with the shapes you just picked.
Click the thumbnail of the one you'd like to use.
Click the gear icon at the top and tick, "Defined Proportions" and check, "From Center".
Drag out the shape above your text.
To center it over your text, open your Move Tool and drag it.
To center your shape and text over the plate,
Shift-click the text to make it active, as well, and drag them to the center.
We'll convert the shape and text into one Smart Object, so we can modify them non-destructively,
as well as replace them with another shape and/or text, without having to re-do most of the effects.
Click the icon at the upper, right of the Layers panel and click "Convert to Smart Object".
Reduce the "Fill" to 0%.
Doing this makes the Smart Object invisible, but when we add filters and Layer Styles to it,
we'll see the full visibility of the effects.
Make 3 copies of it by pressing Ctrl or Cmd + J three times.
Name the top copy, "Highlight 2", the second copy, "Highlight 1", the next one, "Text"
and the bottom one, "Bottom".
Make the "Text" layer active and double-click an empty area of the layer to open its Layer Style window.
Click "Bevel & Emboss".
The Style is Inner Bevel, the Technique is Smooth and the Depth is approximately 300%.
The Direction is Up, the Size is 16 pixels and Soften it 0 pixels.
Uncheck "Global Light".
The Angle is 117 degrees and the Altitude is 69 degrees.
Open "Gloss Contour" and click the gear icon.
Click "Large List" and click "Ring".
The Highlight Mode is Screen, the color is white and the Opacity is 100%.
The Shadow Mode is Color Burn, the color is black and the Opacity is 20%.
Click "Contour".
Double-click the contour thumbnail and drag the Output point to 85%.
Click "Inner Glow".
The color is white, the Blend Mode is Color Dodge and the Opacity is 24%.
The Technique is Softer, the Source is Center, the Choke is 31% and the Size is 35 pixels..
The Contour is Linear and the Range is 50%.
Click "Color Overlay".
Click the color box and for now, pick a bright red: FF0006.
I'll show you how you can easily change all the colors of the Jell-O later.
Click "Outer Glow".
The color is white, the Blend Mode is "Overlay" and the Opacity is 30%.
The Spread is 0 and the Size is 24 pixels.
The Contour is Linear and the Range is 50%.
Click "Drop Shadow".
Click the color box and type in 800000.
The Blend Mode is "Multiply" and the Opacity is 100%.
Uncheck "Global Light" and make the Angle 120 degrees.
The Distance is 6 pixels, the Spread is 17%, the Size is 12 pixels and the Contour is Linear.
We're going to drag a copy of the Bevel & Emboss layer style onto the "Highlight 1" layer.
To do this, make the "Highlight 1" layer active, go to "Bevel & Emboss" and press and hold
Alt or Option as you drag a copy of it onto the "Highlight 1" layer.
Double-click it to see it in the Layer Style window.
Change the Depth to 154%, the Size to 25 pixels and Soften it 2 pixels.
Change the Angle to 133 degrees and the Altitude to 74 degrees.
Change the Opacity of the Shadow to 15%.
Uncheck "Contour".
Next, we'll drag the Bevel & Emboss layer style from "Highlight 1" to Highlight 2".
Since it's the only layer style under "Effects", go to the "fx" icon and drag a copy of it
onto the "Highlight 2" layer.
Double-click "Bevel & Emboss" to open it.
Change the Angle to minus 146 and open the Gloss Contour thumbnails.
Click "Cone Inverted".
Next, we'll give our Jell-O a bit more depth.
Scroll to the "Text" layer and drag a copy of the "fx" icon onto the "Bottom" layer to
copy all the effects to that layer.
Make the "Bottom" layer active and Ctrl-click it or Cmd-click it to make a selection of its shape.
Click the Layer Mask icon to make a layer mask of the selection next to the active layer.
Click off the chain-link icon to unlink the layer and the layer mask.
Doing this allows us to reposition or resize either of them independently of the other.
Click the layer to make it active and reduce its opacity to 40%.
Hide "Inner Glow", "Outer Glow" and "Drop Shadow".
Double-click "Effects" to open the Layer Style window.
Click "Inner Shadow".
Make the Blend Mode: Multiply, the color: black and the Opacity: 70%.
Uncheck Global Light and make the Angle: 120 degrees.
Make the Distance: 6 pixels, the Choke: 0% and the Size: 12 pixels.
Go to Filter, Blur and Gaussian Blur.
Blur it 3 pixels.
We'll move the layer 10 pixels to the left and 10 pixels down.
To do this, press and hold the Shift key as you press the Left arrow on your keyboard once
and the Down arrow once.
Next, we'll magnify the pattern a little inside the Jell-O, which gives it a magnifying glass effect.
We're going to drag a copy of the layer mask next to the "Larger Pattern" layer.
Doing this, will confine the enlargement of the pattern just inside the Jell-O.
Make the "Larger Pattern" layer visible and active.
Open the Transform Tool by pressing Ctrl or Cmd + T.
Click the chain-link icon next to the Width and Height.
This links them together, so whatever percentage we type into one, will appear in the other.
In either field, type in 110%.
Then, press Enter or Return.
Next, we'll brighten our background, while keeping the Jell-O as is.
Make the background active and click the Adjustment Layer icon.
Click "Levels".
In the Input Highlight field, type in 240.
Next, we'll change the color of the Jell-O.
But first, we'll place all of our Jell-O layers into a folder.
To do this, make the "Bottom" layer active
and scroll to the top.
Shift-click the top layer to make all the Jell-O layers active.
Press Ctrl or Cmd + G.
Click the Adjustment Layer icon and this time, click "Hue/Saturation".
To confine the Adjustment layer to affect just the Jell-O and not the background,
we need to clip the Adjustment layer to the folder, where all of our Jell-O layers are.
To do this, either click the "Clipping Mask" icon or press Ctrl + Alt + G on Windows
or Cmd + Option + G on a Mac.
Drag the Hue slider to the right or left.
This is Marty from Blue Lightning TV.
Thanks for watching!