Recreate Tony Palladino’s iconic “Psycho” book cover

workerbee

In celebration of national novel writing month, this tutorial will teach you how to recreate the iconic typography of Tony Palladino in the famous novel cover design for Psycho. This “cutting” technique is great for many applications including horror looks, distressed textures and more.

Use this tutorial as practice, then use your imagination and this technique in a way that is original and inspired!

1. Make the cuts

novel 1

A nice way to set up your Illustrator file is with the original design to the left of the artboard. This makes it quick and easy to reference as you go.

novel 2

Here I’ve found a similar font that I actually adjusted by “squaring” off the edges of some of the letters. While this tutorial is focused on the “cutting” effect, it never hurts to practice your shapes and letterforms!

Pay attention to the kerning and proportions of the characters and how that affects the overall atmosphere of the piece. Here I think I’ve gotten close enough to capture the feel of the cover.

novel 3

The important take away from this tutorial is the Knife tool and how it works. With all of the letters selected, the Knife tool can be dragged across the word in a way similar to the cover on the left. This will separate paths on either side of the cut and turn them into isolated shapes. This is helpful for the next step, where we can space out the pieces.

novel 4

Using the Direct Select tool, we can now select each isolated piece and space the fragments out in a way similar to the cover to the left. In this step it’s important to think about the “action” of the cut and the atmosphere being created with this effect. These things will affect how the fragments are spaced.

2. Roughen the edges

novel 5

To roughen the edges we will be using the Roughen effect (Effect > Distort & Transform > Roughen). Unfortunately when using this effect, it applies to all paths of a given shape. In other words we need to find a workaround so that only the “cut” edges of our shapes get roughened.

My idea is to duplicate the entire word onto itself, roughen the top layer, then erase the roughened sections we don’t need. In the screenshot above, the roughen effect is applied to the top duplicate of “PSYCHO”.

novel 6

Notice how the Roughen effect applies itself to the entire path of each shape.

novel 7

With the top”PSYCHO” layer roughened and selected, the erase tool (Shift + E) is used to erase the section of these forms that are not “cut” edges.

novel 8

Perfect! Just a small adjustment to the detail setting of the roughen effect.

novel 9

Here the top duplicate is Expanded and Merged to the lower duplicate to make unified shapes. Lastly, some of the roughened edges are further exaggerated using the Direct Select tool to push and pull anchor points even further.

novel 10

The final touch in Illustrator is adding the italicized type (just to go the extra mile in this practice).

3. Texturize

novel 11

To finish things off, everything is texturized in Photoshop. The textures I use here are plaster textures and definitely give a slightly different look than the cover to the left, however I feel the atmosphere is similar – it’s scary, horrifying and distressed.

Furthermore at this point, everything should be left and this technique should be brought into 100% original design works.

Conclusion

With Illustrator’s Knife tool and Roughen effect, some very convincing “cutting” or “ripping” looks can be achieved. This technique has many applications and the only limit is your own imagination. Have fun!

Thoughts or questions? Comment below!

Related articles

How Meella accidentally became a full-time book cover designer

How Meella accidentally became a full-time book cover designer

Originally Mila Milic (aka Meella) wanted to become a psychologist before switching to economics. But somewhere in between, by pure accident, she wound up a successful book cover designer. It began simply enough… While searching through freelance websites for economist gigs, she quickly discovered a need for photo retouching—a skill she had, thanks to her Photoshop knowledge. Realizing design work like this was lucrative,…

How to create more fun and playful typography

How to create more fun and playful typography

Good typography may be hard work, but designers shouldn’t forget to have some fun with it! While crafting fonts and typographic characters can sometimes feel stiff and overly mathematical, we want you to help you find the joy in creating more expressive and playful typography. Of course, this approach is great for children-oriented design projects—but let’s not limit ourselves. After…

6 tips for better typographic hierarchy in web design

6 tips for better typographic hierarchy in web design

Have you ever looked at a design and thought, “Something doesn’t feel right”? If you can’t put your finger on what it is, the odds are good it’s an issue with your visual or typographic hierarchy.  When you cram content onto a page with a muddied mass of line breaks, bolded letters and italics—you’re sure…

Current Design Contests

Designers, check out these contests so you can start building your career.
0%