Design a Paperback Book Cover in InDesign: Tutorial
In this simple-to-follow tutorial you’ll learn how to create a full paperback book cover in Adobe InDesign, and take away a template for using with other cover projects.
As an example, we’ll redesign a paperback cover for War & Peace, and give it a distinctively modern design.
1. Before We Begin…
Before we delve into designing our paperback cover for War & Peace, here are a few top tips for creating book covers in Adobe InDesign:
- It’s always best to design the front of your cover only first, before you create a full cover, with spine and back. This will allow you to visualise the arrangement of type and images, and judge how well elements are centered on the page.
- Duplicate the front page, and keep the original as a stand-alone front cover—this will be useful for online promo shots, and eBook covers.
- You should expand the duplicate page using the Page Tool, and expand it to the full width of the cover, including both front and back cover widths and a spine width (we’ll look at this in more detail below).
In this tutorial we’ll look at giving Leo Tolstoy’s War & Peace a modern makeover. I’ve tried to recreate the mood and theme of the book, with collage-style silhouettes of St Basil’s Cathedral in Moscow—one filled with an image of floral-printed china, to represent peace and domesticity; and the other filled with a military-style map of Prussia, to represent war.
Redesigning covers for classic novels is becoming increasingly common in publishing design; allowing publishers to market vintage classics to new, younger audiences. Discover some of the best examples of recently redesigned covers here.
You’ll learn how to set up a paperback (softcover) version of the full cover in Adobe InDesign and create a collage effect with the help of Adobe Illustrator. We’ll bring in a bit of stylish typography too, to give the cover a modern design.
This design style can be adapted to all sorts of book covers—just switch up the silhouette and inside image!
Ready to create your cover? Great! Let’s get started…
2. Set up the Cover Template in Adobe InDesign
Open up Adobe InDesign.
Go to File > New > Document, and set the Intent of the document to Print. Increase the Number of Pages to 2 and deselect Facing Pages. From the Page Size menu choose Custom.
Name the custom size Paperback Book and set the Width to 132 mm and Height to 197 mm. Click Add and then OK to return to the New Document window.
Set the Margins on all sides to 11 mm and the Bleed to 5 mm. Click OK to create the new document.
We’ll work on the front cover design on Page 1—it’s always much easier to work on the front cover design alone at first. Then, a bit later, we’ll expand Page 2 of the document into the full cover, complete with spine and reverse, with the help of the Page Tool.
With the rulers visible (View > Show Rulers) click and drag a guide out from the left-hand ruler and drop it onto Page 1 at X position 66 mm, which marks the center point of the page.
3. Give the Cover a Colored Background
Take the Rectangle Tool (M) and drag onto Page 1, across the whole page, extending up to the edges of the bleed on the top, right and bottom edges of the page. On the left edge, just extend to the edge of the page, not all the way to the bleed.
Expand or open the Swatches panel (Window > Color > Swatches). Create a new CMYK Process swatch, C=100 M=97 Y=48 K=56. Click Add and OK.
From the Swatches panel’s drop-down menu choose New Gradient Swatch.
Name the swatch Blue Gradient and set the Type to Radial.
Move down to the Gradient Ramp and click on the left-hand stop to be able to edit it. Choose CMYK for the Stop Color and set the levels to C=89 M=49 Y=62 K=62.
Click on the right-hand stop and adjust the Stop Color to Swatches. Choose your new swatch, C=100 M=97 Y=48 K=56 from the list below. Click OK.
Apply the Blue Gradient swatch to the Fill Color of the rectangle shape. This will apply a lovely subtle gradient to the background of our front cover.
4. Create Collage-Style Graphics
Expand or open the Layers panel (Window > Layers) and double-click on the default Layer 1 name. Rename the layer as Background Color and click OK.
Click on the Create New Layer button at the bottom right of the Layers panel to create a new layer. Double-click, and rename the layer as Graphics.
Lock the bottom layer, Background Color by clicking in the blank space to the right of the eye icon, next to the name of the layer in the panel.
Now we’re ready to start working on our cathedral graphic!
File > Save As your InDesign document, and minimize InDesign. Open up Adobe Illustrator and create a new document.
To make our collage-style cathedral, we need to first create a basic vector silhouette of the cathedral, and then, a bit later, we’ll fill it with a photo image.
You can download a ready-made vector image of St.Basil’s Cathedral here.
Making sure your silhouette has only a simple black fill and no stroke color, select it, and then go up to Edit > Copy in Illustrator.
Return to your InDesign document and Edit > Paste the vector onto Page 1 of your document. Hold Shift to adjust the scale of the pasted vector.
From the Swatches panel (Window > Color > Swatches), set the Fill Color of the vector to [None] to get rid of the [Black] fill.
Next up, you need to choose an image to ‘fill’ the cathedral silhouette. I’ve chosen a commons image of an antique map of Prussia, which you can download here. Download the image and return to your InDesign document.
With the vector selected go to File > Place and choose the map image. Click Open.
Click on the Fill Frame Proportionally button in the top control panel to size the image to the frame. Double-click inside the vector frame to manually adjust the scale of the image, holding Shift while you do so, to make sure you’re happy with the effect. Make sure the image extends across the whole of the silhouette.
Select the vector and Edit > Copy, Edit > Paste.
Ctrl-Click (Mac) or Right-Click (Windows) > Transform > Flip Vertical. Position this flipped cathedral at the top of the page, and go to File > Place. Choose a different image to fill this vector with—to represent ‘Peace’—I’ve gone for a photo of a vintage china plate, which you can download here.
5. Add in Typography
Create a new CMYK Process swatch, C=3 M=0 Y=19 K=0, and rename it Cream.
Unlock the Typography layer and use the Type Tool (T) to create a series of text frames on Page 1.
Set individual characters in separate text frames to be able to have more freedom with how you place the type on the page. Set some of the text in [Paper] and some in your new swatch, Cream.
6. Expand Your Design into a Full Paperback Cover
Unlock all the layers in the Layers panel, then drag across Page 1 to select everything on the page. Edit > Copy, then scroll down to Page 2 of your document.
Edit > Paste in Place to make a copy of the front cover on the page.
Now we need to work out the width of the full length of the cover. This will depend on the width of the spine, which in turn will depend on the number of pages inside the book. You can find calculators online for working out the width of a spine depending on the page number and paper weight (gsm), such as the Print on Demand calculator.
Using this I’ve worked out that to accommodate for 1456 pages (the length of War & Peace—yup, it’s a long one!) printed on white offset 80 gsm paper, we will need to have a 73.7 mm spine width.
The equation for the full width of the cover is this:
Front Cover Width (x) + Spine Width (y) + Back Cover Width (x) = Total Width (x + x + y)
So, for ourWar & Peace cover it’s going to be…
132 mm + 73.7 mm + 132 mm = 337.7 mm Total Width
Select the Page Tool (Shift + P) and, holding down Option (Windows) or Alt (Mac), drag the left-hand edge of the page out to the left, increasing the page width to the full 337.7 mm. When you let go, the page width will remain at its new width.
If you’re struggling to get the width exactly right as you drag, you can simply type in the correct width in the box at the top-left corner of the workspace.
From the left-hand ruler pull out a guide to X position 137 mm, to mark out the left edge of the spine.
Pull out a second guide to 168.85 mm, which marks out the center point of the spine.
Finally, pull out a third guide to 68.5 mm, to mark out the center of the back cover.
Return to the Layers panel and lock all layers except the Background Color layer.
From the Swatches panel, click on the Blue Gradient swatch to select it, then click on the New Swatch button to duplicate it.
Double-click on the duplicate swatch to open up the Swatch Options window.
Rename the swatch Blue Gradient Spine. Keep everything as it is, just move the right-hand stop on the Gradient Ramp to the left, until you reach about 46%. Click OK to save your edits.
Use the Rectangle Tool (M) to create a shape that extends across the spine, and up to the bleed on the top and bottom (73.7 mm in Width). Set the Fill Color to Blue Gradient Spine. The gradient on this is a bit tighter, so the lighter tone will not extend too far away from the central part of the spine.
Create a second shape using the Rectangle Tool (M), extending it over the whole of the back cover, up to the left edge of the spine, and up to the bleed on the top, left and bottom edges of the page. Set the Fill to Blue Gradient.
Return to the Layers panel and lock the Background Color layer. Unlock the next layer up, Graphics.
Copy and Paste the cathedral vectors on the front cover, onto the back cover, and arrange them as shown below. You can switch up the fill image of the vectors too, if you like.
Paste a couple of vectors onto the spine too—here, I’ve removed the image fill, and given them a pale blue Color Fill, C=57 M=12 Y=21 K=0.
Lock the Graphics layer and unlock the top layer, Typography.
Zoom into the spine and create a few rows of text frames using the Type Tool (T). Type in the title, allowing one text frame for each line of the title, and mimic the typography formatting used on the front cover but at a smaller Font Size. Set all the text to Align Center and make sure the frames are perfectly centered along the center guide.
Add a blurb to the back cover, aligning the text centrally. Here, I’ve set the Font to Columna Solid, Size 10.5 pt, Leading 13 pt. Use the swatch colors we created earlier to add a touch of color to the typography.
7. Export Your Finished Cover
The artwork for your paperback cover is finished, fantastic work!
All that’s left to do now is to export it ready for printing.
Of course, you can also export Page 1 of your document as an eBook cover (check the file format requirements of the eBook store before you upload it), but here I’ll walk you through the steps of exporting this as a print-ready file, which is suitable for sending to a professional book-printer.
Go to File > Export. Choose Adobe PDF (Print) from the Format drop-down menu. Click Save.
In the Export Adobe PDF window, choose [Press Quality] from the Adobe PDF Preset drop-down menu, and adjust the page range from All to Range: 2, just to export your full cover.
From the left-hand menu in the window, click on Marks and Bleeds. Check All Printer’s Marks and, under Bleed and Slug, Use Document Bleed Settings.
Click Export to create your print-ready cover.
In this tutorial you’ve learned how to give a classic book a modern makeover, and set up the full paperback cover in Adobe InDesign. Awesome work!