1. Home
  2. Design School
  3. Ketchup Text in Photoshop

Ketchup Text in Photoshop

Posted on 22nd February 2018
For this Tutorial, we will use Variane Script Free Font from Boy Moch Tomi and a background image with a plate.

1 - In Photoshop, open your background image.

2 - Select the “Type Tool” (T) and type your text with the font of your choice (we used Variane Script). Use black as “Fill” color.

3 - Create a “New Layer” by clicking on the small button at the bottom of the “Layers” window. Then, select the “Brush Tool” (B), use a hard (100% Hardness) brush and make it about the same thickness of your text (we used 50 Pixels). Draw a line under your text.

4 - Once you are happy with your text, select your “Text” and “Line” layers, right-click on them and choose “Convert to Smart Object”.

5 - Go to Filter > Liquify (Shift + Command/Control + X), select the “Twirl Counterclockwise Tool” (C) and work on your text a bit, then change to the “Pucker Tool” (S) and finish making your text look like it came out of a bottle of ketchup.

6 - Double-click on your text and apply the following “Layer Styles”:

Bevel & Emboss: (Highlight Mode color # f48a51, Shadow Mode color # c00716)

Inner Shadow: (#√670d06)

Inner Glow: (#e83c16)

Satin: (#000000)

Color Overlay: (#d64c1a)

Gradient Overlay:

Outer Glow: (#f5c0ad)

Drop Shadow: (#9b160c)

7 - Control-click on your layer’s thumbnail to make a selection of your text and make a “New Layer”. Go to Edit > Stroke and use the following settings: (color #9b160c). Then, go to Filter > Blur > Gaussian Blur and use a 1.5 Pixels “Radius”. Select the “Move Tool” (V) and move the “Stroke” a couple of clicks down and left.

8 - Control-click on your “Text” Layer to make a selection, then move your selection a couple of clicks down and left (a couple more than the ones used for the “Stroke”) and with the “Stroke” Layer selected click on the small button at the bottom of the “Layers” Panel and make a “Mask”.

9 - Repeat “Steps 7 and 8”, but move the “Stroke” a couple of clicks up and right this time (a couple more than the ones used for the “Stroke”).

10 - Duplicate your “Text” Layer (Command/Control + J), delete the “Layer Styles” by dragging the “Layer Effects” thumbnail to the small trash icon at the bottom of the “Layers” Panel and apply the following “Layer Styles”:

Blending Options:

Inner Glow: (#982020)

Satin: (#93260d)

11 - Select the “Brush Tool” (B) and in the “Brush” Panel apply the following settings:

Brush Tip Shape:

Shape Dynamics:


Check the “Smoothing” and “Wet Edges” boxes.

12 - Create a “New Layer” on top and make sure white is the “Foreground” color. Then, paint on the edges of your text to create some highlights. Lower the “Opacity” to 55% and apply a “Gaussian Blur” of 1.5 Pixels.

13 - Your text should look like this:

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image