Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
  • By Design Bundles
  • 22 Feb 2018
  • 5 Mins
  • Photoshop Tutorials

Ketchup Text in Photoshop

For this Tutorial, we will use Variane Script Free Font from Boy Moch...

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.

Image Credit Wooden Earth Ltd

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:

Scattering:

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:

Image Credit Wooden Earth Ltd


6 Related Photoshop Tutorials

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

You may also like

Help Center
ol image