In this tutorial, I will show you how to create ketchup text using Adobe Photoshop. Also, at the end of the lesson, we will spread the text a little.
Stage 1. Preparing the text
In order to start creating the effect, you need to prepare the text. If you have small drawing skills, then easily write the necessary letters in Photoshop using a tablet or mouse.
- open Photoshop and create a new document in it with the parameters specified in step 5 below;
- Create a new layer on top of the new one, activate the Horizontal Text tool.
- In the text settings, set the color to black; in the font library, select the desired one and select the size according to the size of your document;
- write the desired word;
- above the text layer create a new layer. Activate the brush tool. In the settings, set the round hard black brush. Draw in drops, bumps and transitions between letters;
- select the text layer and the spray layer, and then press the Ctr key combinationl + E, which allows you to merge two layers into one and simultaneously rasterize a text layer;
- Create a new layer above the “Background” layer and draw a strip on it as shown in Step 3. Also, merge the stripe layer and the text layer into one common layer.
- set the foreground color to # db4b17. Hold Ctrl and click on the thumbnail of the text layer to get a selection along the outline. Stand on the text layer, activate the Fill tool and click on the selected area to fill the black letters with the selected color.
- Now you can immediately proceed to the implementation of “Stage 2. Step # 2”
The second option to create the necessary letters is to use the program Illustrator. Open this program activate the tool Text (Type Tool (T)), then select the font type Script font in the settings. Write the required word.
Activate the tool Pen (Pen Tool (P)) in Illustrator. And based on the selected font, draw the silhouettes of the letters by hand. Try to draw the letters more carelessly than in the original font, this will make the final result more realistic.
In the same way, draw an arbitrary line below the text.
Create an outline of the drawn text. Then click Control + C to copy the outline.
Now open the Photoshop program and create a new document in it by pressing the key combination Ctrl + N. Set the document size in the following values: width – 2254 pixels. ; height – 964 pixels; 300 ppi resolution; background color is white.
Stage 2. The initial text processing in Photoshop
With the outline of the text active, click on the icon “Create a new adjustment layer“(” Add Adjustment Layer “) and in the list select”Colour“(Solid Color). In the settings, set the color # db4b17.
Double-click on the text layer to go to the menu. Layer style (Layer Style). Set the settings as shown in the images below:
– Stamping (Bevel and Emboss):
– Inner shadow (Inner Shadow):
– Internal glow (Inner Glow):
– Gloss (Satin):
– Color overlay (Color Overlay):
– Gradient overlay (Gradient Overlay):
– External glow (Outer Glow):
– Shadow (Drop Shadow):
The result you get after applying layer styles should be similar to this:
Hold key Ctrl and click on the thumbnail of the text layer. Create a new layer. Switch to Editing – perform a stroke (Edit> Stroke). Enter the settings as shown below:
To make the edge of the stroke softer, go to Filter – Blur – Gaussian Blur (Gaussian Blur filter).
Activate the tool Move (Move tool). Then, using the arrows on the keyboard, move the blurred outline two points to the left and two points down.
Hold key Ctrl and click on the thumbnail of the text layer. Move the selection along the outline of the text two points to the left and two points down. With the active selection of text, get on the layer with a stroke and click on the icon Add layer mask (Add layer mask) at the bottom of the layers panel. Now only a part of the stroke on the left edge of the text is visible.
Repeat steps # 3-6 to add another blurred outline. But this time move the stroke up and to the right. You will end up with a similar result:
Add another bezel of a different color – # ffe2c0. The new rim must be drawn on a separate layer. Also apply a filter to it. Gaussian blur (Gaussian Blur filter), but the blur value should be slightly larger than the previous time.
Hold key Ctrl and click on the thumbnail of the text layer. Move the selection along the outline of the text several positions to the right. Stand on the layer with the second stroke and add a layer mask to it.
Your text now looks like this:
Create a new layer. Set foreground color to # bb0c07.
Create a selection along the outline of the text (hold down the Ctrl key and click on the thumbnail of the text layer). Activate the tool Fill (Paint Bucket Tool) and fill the selection with a new color.
Then activate the tool Eraser (Eraser Tool), in the settings, select a soft round brush with a slight opacity (opacity). Erase some red text as shown in the screenshot below:
Lower the opacity (opacity) of the layer with red text to 10%.
At this stage, the text looks like this:
Create a new layer on top of all the previous ones, and then activate the tool. Brush (Brush Tool). Go to the menu to adjust the brush (brush panels) by pressing the shortcut key F5. Adjust the brush as shown in the pictures below:
Draw on the new layer center text using color # be0c08.
At this stage, you will get a similar look of text:
Activate the tool again Brush (Brush Tool) and go to the settings panel of this tool. Enter the values you see below:
Create another new layer on top of the rest. Set the foreground color to white. Paint over the edges of the text.
Keep adding white spray. As a result, the letters should look something like the image below:
Lower the opacity (opacity) of the layer with white splashes to 50%.
Create another new layer. Set the foreground color to orange. Brush settings remain the same. Draw extra spray.
Create a new layer. Draw extra white dots on it.
Spending a little time you get a similar result:
Stage 3. Add a tomato
Open the image with the tomato in the new document. Activate the tool Pen (Pen Tool (P)) and separate the tomato from the background. Remove the background.
Drag the vegetable into the main working document.
Scale the tomato. Place it as shown in the example.
Create a new layer. Activate the selection along the contour of the tomato. Take advantage of the black soft round Brush (Brush Tool) and paint over the bottom left of the vegetable.
Lower the opacity (opacity) of the last layer to 30%.
Create a new layer under the tomato layer. Call it “Shadow.” Set the foreground color to black. Activate the tool Brush (Brush Tool). In the settings, set the round soft brush to a large size, and a small opacity. Draw a soft shadow like the image below:
Create a new layer above the “Shadow” layer. Set foreground color to # ce786d. Paint the glare on the surface of the tomato.
Using the colors black and # ce786d, as well as reducing the opacity of the brush, make the shadow under the tomato bigger and softer.
This is what should be the result:
Step 4. Add the smeared lines.
Our text looks too neat. In order to make it look more realistic, we will add a few sloppy strokes. Start by creating a freeform. Activate the tool Pen (Pen Tool) and create a contour blot near the letter “P”. Then simply apply to the drawn element the layer style that we applied to the text layer.
Standing on the blob layer go to menu Layer style (Layer style). Check the box next to the function Layer Mask Hides Effect (Layer Mask Hides Effects).
Add a layer mask to the layer with an arbitrary figure. Activate the tool Brush (Brush Tool). With a soft, black, round brush with medium opacity, make the edge of the blot softer and paint some areas of an arbitrary shape.
Create a new layer under the blot layer. Activate the tool Polygonal Lasso (Polygonal Lasso Tool) and draw an arbitrary polygon. Fill the resulting shape with color # b5621e.
Activate the tool Eraser (Eraser Tool). In the tool settings, set a medium round soft round brush. Go through the eraser on the shape of the polygon and erase some of its area.
Add another layer on top of the polygon layer. Use the tool Brush (Brush Tool) and add some color to polygon 973b1d. This will make the speck more realistic.
Set foreground color to orange – # ecb877. Activate the tool Brush (Brush Tool), in the settings lower the opacity (opacity) of the tool. On a new layer, draw arbitrary, thin strokes on top of a layer with a polygon, a blot and the letter “P”.
Continue to draw arbitrary lines, but this time use the color – # f46d15.
Add, on a new layer, the shadows from the strokes. Colors are good for this – # f2872f and d25945. You can also experiment with other shades in order to achieve the best result.
It remains only to evaluate the final result!
In this lesson is over. In this example, I showed you how to achieve a realistic “Ketchup” effect using simple tricks and tools of the Photoshop program. I hope you get very interesting text effects!