Tag: cover design

Background

In Part One of this tutorial, we looked at creating text for our titles and author name for our book cover. In this part, we’ll design a background. For my Clocktown example, I started by creating a new layer (Layer>New>Layer…). Make sure this layer is below your titles.

On this layer, I added a dark blur background, which I downloaded from Splitshire.com. Resize the image to fit your canvas, using the Transform tool.

Next, I added a texture. There are a ton of places to find textures online, many of which offer textures for free. A quick internet search for “free textures” should yield a bunch of results. I used Vintage Halftone Textures Volume 1 from Creative Market, which I downloaded during a free giveaway.

As you can see, it’s looking better already.

Next up, make a new layer, and choose the gradient tool. Choose black for your foreground color, light grey for your background color, and add a gradient at an angle. Change the Blend Mode to “Darken,” and the Opacity to 80% for this layer.

Moving on, I wanted to use an image that really helped sell the clock theme for the book. I decided to keep it simple and use a photo of a clock. Here’s where you might want to start digging into stock photos; these can be purchased for a reasonable price from a number of different sites. Some websites do offer free stock photos, but it can be difficult to find the right photo for your project when you are limited to free options. Consider taking your own photographs. I dug up this clock photo I’d taken a while back.

Drag your image to a new layer and resize to fit. Reduce the opacity for the layer, and use your eraser tool to blend it in smoothly.

Next, I added another texture. I used this one from TextureKing. Resize to fit using the Transform tool, and hit Enter. Change your Blend Mode to Overlay and reduce the Opacity. At this point, I also adjusted the positioning of my clock photo, adjusted its Opacity, and blended a bit more with my eraser.

Next, I added yet another texture. Again, I used the Overlay Blend Mode, and adjusted the Opacity, and cleaned the layer up with the eraser. This time, I used this texture from TextureKing.

Next, I added another Blur Background. I used the Soft Light Blend Mode, and left the Opacity at 100. I got my Blur Backgrounds from Creative Market, but again, you can find these with your search engine; there are plenty of free ones out there (try Splitshire, for example). Since we’re using the blur background to add a bit of light to our image, try to find a brightly colored one.

Now our background is starting to look pretty good. It’s time to add something to the foreground.

Foreground

Again, you’ll want to dig into stock photos for this part. As my cover is only being used for the purposes of this tutorial (for now), I decided to try to find stock from Deviant Art; if I were to publish, I would need to purchase a license. Many deviant artists don’t make their stock photos available for such purposes, so you may want to look elsewhere.

For my tutorial, I’ve used The Power of Belief 1 by Robnote, as the artist is kind enough to allow his stock to be used outside of deviant art. Note that I have credited him here.

After adding the image to photoshop, I resized the photo so that the man’s face was taking up almost the entire canvas, and positioned it so that only half of his face was visible.

I then erased the background of the photo, leaving only his face visible, and changed the Blend Mode to Lighten. I adjusted the positioning of his face somewhat, and to make the image easier to work with, I cropped it to fit the size of the canvas. We’re almost done.

The next step should add a bit more interest to the cover. We’re going to give him clocks for eyes. I used another photograph I took myself, added it to a new layer, and adjusted the size to match his eye. I then changed the Blend Mode to Screen, and using the Skew tool, adjusted the clock so it was right over top of his eye.

Change the Blend Mode back to normal and erase around the clock so that only the face is left.

Using a soft edged eraser, trim around the eyes a bit more. Change the Blend Mode to accentuate the eyes. I ended up using Screen, but I also found a few other Modes that I liked.

Finally, I added one more texture. This one, I applied over top of all of my layers, including the text.

Here’s the final cover.

Today, I’m going to offer a tutorial on using Photoshop to create a cover for your book. In today’s publishing world, authors are often responsible not only for the writing, but also marketing, graphic design, and web design – self-published authors are definitely left with the task of creating covers, unless they can afford to hire an artist. In a world where books are often judged by their covers, it is essential to design a book that looks professional, but a lot of authors do not have the skills to create their own covers.

Recently, I came up with an idea for a new book series. It’s called Clocktown. I’ve got another book series in progress, so I’m not going to start on Clocktown yet, but just for fun, I thought I would use Clocktown as my example for this tutorial. Here’s what we’ll be making.

Titles

Never underestimate the power of a good font. Typography goes a long way towards making your book cover look professional, so choose a good font. Hint: don’t pick Comic Sans. For my Clocktown example, I’ve chosen Ornatique, because I wanted something that was both quirky and decorative. I also used Time To Get A Watch for the letter ‘o,’ in order to help sell the clock theme.

Once you’ve downloaded and installed your fonts, open up Photoshop. Create a new document. Make it big; remember, you can always scale it down later. I’d start with 3200 x 4800 pixels, as we can always make smaller versions later, depending on the specifications of the publisher.

Then, using your text tool, draw a rectangle near the top and type your book’s title. For my example, I’m using Clocktown. I’ve adjusted the font size to 600.

I would almost always recommend using a font with Small Caps – that is, a font that uses small capital letters rather than lower case. If your font does not have Small Caps, use all capital letters for your font, then adjust the size of the first letter of each word in your title, and adjust the size and spacing of the other letters.

Because I’m using multiple fonts, I’ll need to adjust the size of the second font to match.

I also adjusted the size of some of the other letters to add character and drama to the title.

Finally, I’ve used the Create Warped Text tool to further accentuate the title.

Then I’ve further warped the text using the transform skew function (Edit>Transform>Skew).

You’ll also want to create text for your author name, subtitle, etc. I’ve also added a divider, using a decorative font. I’ve used Old Retro Labels for my divider and I used Ornatique again for my name.

Layer Styles

So far, we’ve created a fairly basic-looking title for our book. It can still be taken up a notch, by giving the title some depth and texture. The easiest way to do that in Photoshop is to use Layer Styles. Right-click on the Layer for your title, and choose Blending Options.

This opens up the Layer Styles panel. Here, we can adjust a number of settings for our font, including Bevel & Emboss, Drop Shadow, and Pattern Overlay. This is where the magic really happens.

Let’s start with Pattern Overlay. Click the check-box to turn it on, choose Normal for Blend Mode, and leave the Opacity at 100. Choose a Pattern. You can either choose one of the default patterns included with Photoshop or download and load a new one.

Next, add a gradient overlay. Change the Blend Mode to Color, leave Opacity at 100, and choose a gradient. Click on the gradient to open the Gradient Editor. You can choose one of the Presets or create a custom gradient. I’ve created a custom gradient with shades of brown and black.

Next, we’ll want to add a drop shadow. You’ll be able to see it more clearly once you’ve added a background for your cover. For now, these are the settings I’ve used.

Next, Bevel & Emboss.

And finally, Stroke.

Remember, you can always come back and adjust these settings later.

Once you’re happy with your Blending Options, click OK. Then, right-click on the title Layer, and choose “Copy Layer Style.”

Then right-click on each of your other layers and choose “Paste Layer Style.”

In the next part of the tutorial, we’ll look at creating a background for our cover. In the meantime, here’s what we’ve got so far.

Here’s Part Two.