Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.
As autumn approaches in much of the world, we know that many artists are beginning to think about Halloween, especially artists that live in the U.S. In this tutorial, we will explain how to create slimy, gooey, and drippy Halloween typography in Photoshop. We will then incorporate that typography into a poster design. Let's get started!
Speed Painting Video
You will need the following assets to complete this tutorial. Please download them before you begin. If they are not available, you will need to find alternatives.
1. Create the Document
Create a New File by going to File > New (CMD/CTRL + N). In Preset select International paper and set the size as in the image below.
Go to Image > Image rotation > 90 CW to to make the canvas horizontally.
2.Painting the Letters
Paint the Background layer with a very dark green using the Paint Bucket (G).
Add a new layer (Shift + CMD/CTRL + N) and make a green Circular Gradient using the Gradient Tool (G).
Move it slightly upward and lower the Opacity a bit.
Use the Horizontal Type Tool (T) to write the phrase you see in the picture (or the one you prefer) and on a different layer, the word "HALLOWEEN". Set the text as shown in the image. For the phrase you can use the font "Ghastly Panic" or pick any "horror" style font that you like. For the word "HALLOWEEN" uses Arial Black or other similar, as will be only the guide we use to create our own letters.
Click on the word "HALLOWEEN" WITH THE Horizontal Type Tool (T) and click on Create Warped Text.
Set as seen on the image.
Select the text layer. Go to 3D > Repousse > text layer. Set as seen on the image.
Lower the opacity of the text a bit. Add a new layer, choose a small, hard brush and draw each letter using the original text as reference.
Paint each letter in block, each on a different layer. Order the layers in such way, that the ones that are in front are above the others.
Select each letter and use Hue/Saturation (CMD/CTRL + U) > Saturation and Lightness to create a gradient where the light is in the center.
Add a Clipping Mask to the first letter (add a new layer and click in between both pressing Alt).
Paint yellowish green highlights where the light will hit. In this illustration, the light will come from the bottom center.
Use the Eraser Tool (E) with a soft, low opacity brush, to clean the lights as seen in the image. Repeat with all the letters.
Repeat the last step for the shadows, but this time using light blue in a Multiply Mode Layer.
Add a new Multiply Mode layer and paint hard shadows to the shapes as seen in the image.
Add a new layer below and create a small yellowish green circular gradient. Press CMD/CTRL + T to stretch horizontally.
Softly erase the top.
Duplicate all the letters layers and Merge them (CMD/CTRL + E). Then select a dark and a yellowish green as front and background color.
Go to Filter > Sketch > Reticulation and set as the image.
Set this Reticulation Layer to Soft Light and 40% Opacity.
Select the text layer, add a Multiply mode layer and make a soft gradient with light blue on top and sides. Use the Eraser to soften.
Add another layer in Overlay mode and make a yellow gradient from below.
Use white to paint some highlights to give the feeling of "liquid".
3.Painting the Pumpkin
Let's make the pumpkin. For this stage you will need only orange and green. Paint using different layers, use orange in Multiply Mode layers for shadows and green in Overlay mode layers for the lights.
Paint a "vapor-light" out of the pumpkin. Make some pumpkin stains and a brownish shadow below.
Paint the shadow on the ground.
4.Background and Final Rendering
Place the first texture (File > Place) below the pumpkin and text and press CMD/CTRL + T to fit in the canvas.
Set the layer to Divide Mode.
Duplicate the texture, set to Multiply Mode and erase with a soft brush as seen in the image.
Use the Magic Wand Tool (W) to select the edges and delete them.
Place the second layer on top, set to Overlay Mode and 73% opacity and erase slightly on the pumpkin and text as seen in the image.
Add a New Fill or Adjustment Layer > Photo Filter and set as in the image and place it behind the text.
Duplicate the yellow gradient below the text, stretch it horizontally and vertically downward and erase by the lower sides.
Make the pumpkin smaller and duplicate, if needed, the orange's multiply mode layers as you did before.
Double click on the phrase layer and set the Layer Styles as shown in the image.
Duplicate the "HALLOWEEN" text, place it below, and set the Drop shadow as seen in the image.
Duplicate the sepia Photo filter layer and place it on top.
Add a new layer and paint with fine lines light around the word and the pumpkin, as well as the eyes, nose and mouth.
Choose the Basic soft round brush, give it a bit of Spacing and set as in the image.
Then paint with yellow and dark orange on the pumpkin, to make it "dirtier"
Change the second texture as seen on the image.
Paint a little pumpkin filling on the floor. Do not forget to make the shadow on the ground and add soft highlights.
Select the Background layer, double click on it to release it, and press CMD/CTRL + U (Hue/Saturation) and add a little lightness
Let's go back to the pumpkin: Add some highlights and reinforce the shadows.
Select the text layer, go to Image > Adjustments > Brightness/Contrast and set as the image.
Select the face of the pumpkin and add yellow light in the middle and blue shadows by the sides.
Select the text layer, press CMD/CTRL + U (Hue/Saturation) and set as the image.
Darken the edges of the face and pumpkin itself and make some cracks.
Paint some spider webs with a small, hard brush.
Finally, the eye in the letter O. Paint a white circle in between the letters and the shadow layer. Add some Inner Shadow.
Use a Clipping Mask to paint the eye pupil and then add a new layer to make the details like the veins and highlights.
That's it! You are now finished. This technique is a quick and easy way to create spooky Halloween typography and can be used on just about any word or font. Hopefully, you learned something and can use this technique to create your own Halloween text effects in Photoshop.