Create a Halloween text in Photoshop

In this lesson you will learn how to create your text for the celebration of Halloween with a few simple steps: from creating drops, sprays, light and shadows to the effect of draining liquid. You will also learn how to create a simple 3D effect using layer styles. All the drops and splashes in this tutorial are created with a brush and an eraser.

Stages of the lesson

First we will create a very simple background. Next, we move on to the text. As a text detail, first we will create a drop effect, then move on to the light highlights, and also add shadows. You will also learn how to change the color of the entire text. You will need Adobe Photoshop CS3 or higher to complete this tutorial.

OK. Let’s get started!

Pay attention to Windows users: The font Surfing Capital.ttf, which the author uses in the lesson, is heavy to install and can freeze your system. To avoid possible problems, either, as advised by the developer, avoid previewing before installation (Do not double-click on the font file. Instead, right-click> Install), or use a different font to complete the lesson.

The final result:

Step 1

Create a new document with the following sizes 830 × 1030 px. Let’s go File – New (File> New) (Ctrl + N). Resolution (resolution) 200 px.

Step 2

As always, we will group all layers into groups so that work with the layers palette is more organized, and also so that we are comfortable during the whole working process. First we will create the background. Create a new group (for this, just click the icon Create a new group (Create A New Group), which is located between the icons New layer (New Layer) and Adjustment layers (Adjustments Layers) at the bottom of the layers palette). Name the new group The background (Background).

Now let’s move the existing layer with Background (Background layer) in the newly created group, but before that unlock this layer (click on the lock or drag the icon with the lock in the basket). Name this layer THE BACKGROUND (BACKGROUND).

Step 3

Change the foreground color to # 181414 and use the tool Fill (Paint bucket Tool), fill the canvas with the selected shade.

Step 4

So, our background is ready. It’s time to add some text. First create a new group, name this group Text (Text).

Step 5

Choose a tool Text (Text Tool), change the font to ‘SurfingCapital’, and then add text. Since we are going to create a text in the style of Halloween, then I recommend that you use the appropriate phrases in the text that best fit the specified holiday. I used the phrase “Trick or Treat”, but you can use any text as you like. If you do not like the font that I used, then you can use any other large font, painted. In my opinion, such a font is ideally suited to this effect, but you can also experiment with any font to recreate this effect.

I decided to break the text into fragments so that we could easily work with it:

* LS means the spacing between letters.
rick: r = 25px | i = 75 px | c = 75 px | k = 25 px
or: or = 120 px
reat: reat = 10px
Text color # 1a9216

I decided to make the size of some letters larger than the others, so I also played with the font sizes (the font size is indicated in the screenshot).

Step 6

As you can see, the text now looks a bit transparent, so we need to make the text a little more dense; but before we continue, I advise you to group each text layer into a separate group, give a name to each group, so you won’t get confused in the layers when you work with the layers palette.

Next, convert all the layers with text into the Smart Object, to do this, go to the layer with the text fragment, and then right-click on the layer and in the appeared window select the option Convert to Smart Object (Convert to Smart Object).

Step 7

Now that we have prepared everything, we can finally proceed to the text. Double-click on the layer with a fragment of text that was converted into a smart object, then a separate new window will appear with the contents of this layer. Now, duplicate the text fragment layer 2-3 times, depending on how dense you want to make your text. In my case, I duplicated the layer with the text fragment three times.

I know that this font has the Faux Bold typeface and we could use it without additional duplication, but when I try to use this style, my laptop starts loading for a long time (because the font is too heavy to load). Therefore, be careful, if you decide to use the Faux Bold font style instead of duplication, you can do it, the only thing is that your computer can boot up a little longer.

Step 8

Once you have completed the duplication, save the .psb file, close it, and then do the same for the rest of the text layers.

Step 9

Next, click the ‘fx’ icon and in the menu that appears, select the option Gradient overlay (Gradient Overlay).

(Reduce Opacity (opacity) effect up to about 12-22%, depending on the text). Repeat the same for the remaining text layers.

Step 10

Now we can add details to the text. We will start with drops.
Create a new layer, place it below the layer with a piece of text, name this layer Drops (Drips). Change the foreground color to # 1a9216. Choose a tool Brush (Brush Tool), (press the ‘B’ key, set the brush size to approximately 7-10 px, Rigidity (hardness) 100% as well Interval (spacing) 1%).

To create the effect of drops, start randomly brush over the places where you would like to recreate this effect. I used a combination of oval and round shapes:

Now select the tool Eraser (Eraser). Press ‘E’, set the brush size to about 5-8 px; the brush should be smaller than your brush with which you worked, 100% hardness, Interval (spacing) 1%. Using the eraser, start adjusting the drawn shapes (on the bends, try to create a shape resembling the letter S ’, etc.) until the effect looks like drops. I recommend that you arbitrarily vary the size of the brush.

I also added drops around a piece of text. To give the effect a 3D look, while on a layer with a drop effect, press the ‘fx’ button and in the appeared window select the layer style Stamping (Bevel and Emboss):

Once you’re done, do the same with the rest of the text fragments. Take your time in this step, do not spoil the effect by random movement of the eraser. I temporarily hurt the image to about 300-400% and through the window Navigator (Navigator), I could see what the whole picture looks like while working. * Right-click on the layer with the layer style and in the appeared window select the option Copy layer style (Copy Layer Effect), then go to another layer with the drop effect, right-click the layer again and select the option in the window that appears Paste style layer (Paste Layer Effect), this command is very useful when working with layer styles.

Step 11

Now it’s time for the highlights.
Go to the layer with the text fragment, duplicate it, move the duplicate layer down, placing it below the layer Drops (Drips). Name the duplicate layer Light highlights (Highlights).

fx> Color overlay (Color Overlay): # 6aaf05

(disable layer style Gradient overlay (Gradient Overlay))

Slide the layer slightly to the left. Remove individual highlights in the light that contrast with the drops using a layer mask (the layer mask icon is between the ‘fx’ and Adjustment layers (Adjustments Layer) at the bottom of the layers panel).

Do the same with the rest of the text fragments. * Right-click on the layer with the layer style you just added and in the appeared window select the option Copy layer style (Copy Layer Effect), then go to another layer with a fragment of text, right-click the layer again and in the appeared window select the option Paste style layer (Paste Layer Effect), this command is very useful when working with layer styles.

Step 12

Shadows.
Once again duplicate the layer with the text fragment, move the duplicate layer down, placing it below the layer Light highlights (Highlights). Name this duplicate layer Shadows (Shadows).

fx> Overlay colors (Color Overlay): # 147a11

fx> Shadow (Drop Shadow):

Translator’s Note: Add two layer styles, although the author indicated only one layer style in the screenshot. For layer style Color overlay (Color Overlay), apply the default settings, overlay color: # 147a11.

(disable layer style Gradient overlay (Gradient Overlay))

Shift this layer to the right and in the same way as with light highlights, hide the effect fragments contrasting with the drop effect; use layer mask as we work with smart objects.

Do the same with the rest of the text fragments. * Right-click on the layer with the layer style you just added and in the appeared window select the option Copy layer style (Copy Layer Effect), then go to another layer with a fragment of text, right-click the layer again and in the appeared window select the option Paste style layer (Paste Layer Effect), this command is very useful when working with layer styles.

Step 13

Slime.
Create a new layer on top of all layers with groups of text fragments. Name this layer Slime (Slime). Reduce value Opacity (Opacity) of this layer up to 80%, and the value Fillings (Fill) to 0%

fx> Shadow (Drop Shadow):

fx> Internal shadow (Inner Shadow):

Choose a tool Brush (brush tool). Repeat the steps we made when creating the drops, only this time increase the size of the brush slightly (about 10-13 px). Create an effect inside the outline of the text to create a feeling of flowing slime.

Step 14

We have almost completed the lesson. Create a new group on top of all layers with groups. Name the new group Overlap (Overlay). Open the texture set (I used textures: 5, 4, 3). Arrange the textures as shown in the screenshot below:

Texture 4: Opacity (Opacity) 25%, Fill (Fill) 30% blending mode Multiplication (Multiply).

Texture 5: Opacity (Opacity) 25%, Fill (Fill) 30% overlay mode Multiplication (Multiply).

Texture 3: Opacity (Opacity) 25%, Fill (Fill) 75% overlay mode Blackout (Darken).

If you were unable to download the textures used in this tutorial, then you can replace them with Splashes / Watercolors brushes or use alternative textures. I think grain textures are also suitable for this tutorial.

Step 15

[0 FLEXING STEP – OTHER COLOR OF TEXT]
If you do not like the green color of the text that was used in this lesson, then there are several simple ways to change the text color.

First create a new group. Place this layer with the group below the layer with the group Overlap (Overlay). You can rename the layer with the new group at your discretion. I called the new group OTHER COLORS (OTHER COLORS). Duplicate the group layer Text (Text), and then merge the duplicate layer with the group (I recommend that you first create a duplicate group so that you can make some changes to the text). Name the merged layer COMBINED TEXT (MERGED TEXT). Put this merged layer in the group we just created.

Note translator: 1. Create new the group 2. Duplicate the group layer. Text (Text) 3. Being on a duplicate layer with a group Text (Text), skip (Ctrl +E) to create a merged layer 4. Move the merged layer to a new group.

Step 16

If you want to change the text color to blue, then click Correction layer (Adjustments Layer) and in the menu that appears, select the option Hue / Saturation (Hue / Saturation):

* After we have created the adjustment layer, right-click on the adjustment layer and in the appeared window select the option Create clipping mask (Create Clipping Mask).

Step 17

If you want to give your text the color of mustard, then click Correction layer (Adjustments Layer) and in the menu that appears, select the option Gradient map (Gradient Map):

Click icon Correction layer (Adjustments Layer) and in the menu that appears, select the option Curves (Curves):

Step 18

If you want to give your text the color of blood, then click Correction layer (Adjustments Layer) and in the menu that appears, select the option Colour (Solid Color). Fill color # a8090d.

Change the blending mode to Chromaticity (Color).

Next, add an adjustment layer. Curves (Curves), which we just added when creating a mustard color.

* The only thing in the settings window of the adjustment layer Curves (Curves), use Yellow (Yellow) and Red (Red) color.

Step 19

If you want to add cracks, use the Cracks brush set (use the same color as the background). Add the effect of cracks, as shown in the screenshot below:

And we have completed the lesson! Thank you for being with me. Hope you enjoyed this tutorial. Until next time. Have a good day!

The final result:

PSD lesson

Posted by: Aimee Jean

Like this post? Please share to your friends: