New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Designing the spine

From: Designing a Book Cover

Video: Designing the spine

When creating the spine, if you're in the UK or in the US, your spine should read from top to bottom. If you're in Europe or elsewhere, check what is the local norm. First thing I want to do is I want to check the width of the spine. In our hypothetical example, the width of the spine is five-eighths of an inch, or 45 points. Of course, ask your printer what is your spine width, based upon the page count of the book and the paper stock that you are using. But we are supposing that we've been given this information by the printer and we are going to change our spine width accordingly.

Designing the spine

When creating the spine, if you're in the UK or in the US, your spine should read from top to bottom. If you're in Europe or elsewhere, check what is the local norm. First thing I want to do is I want to check the width of the spine. In our hypothetical example, the width of the spine is five-eighths of an inch, or 45 points. Of course, ask your printer what is your spine width, based upon the page count of the book and the paper stock that you are using. But we are supposing that we've been given this information by the printer and we are going to change our spine width accordingly.

Now the way I'm doing this in InDesign CS5 is different to how we would do it in CS4 because in CS5, we can have pages of different sizes. in CS4, we cannot. In CS5, we have a page that is the spine, that is this one right here, and we have a Page tool, which doesn't exist in CS4. So, I'm going to select the spine, I'm going to come to the width and type in 0.625 in for inches, or 45 pt, and that increases the width of that page, so I now need to come and select the back cover and move that to the left so that it buts up against it and the front cover and move that to the right.

There we have now the correct spine width. So I'm now going to choose my Type tool, and I'm going to come to my Layers panel and make a layer for the spine. Not absolutely necessary but, it certainly won't hurt, and it's nice to have the different elements of the design on separate layers. So with that layer created and selected, I am then going to use my Type tool and click and drag, and I'm going to create two separate text frames here, one for the author and one for the title.

I'm going to first of all type in the author name, and since George Orwell is such a well-known and established author, he's just going to have a last name, and that way we can make the last name that much bigger and more impactful. Now, when working with spine text, black is a hard color to beat because it has the most impacting contrast and all uppercase is also very hard to beat, and that's what I'm going to be using, black text all in uppercase.

Descenders and ascenders in the type don't really work well typically with a spine. So, I'm going to select that text, Command"6 or Ctrl+6 to go to my Font menu, and the font I am using throughout here is Gotham. I'm going to use Gotham Bold. If you don't have Gotham, it is not a font that comes with InDesign so you would have to have it separately from that, but if you do not have it, you can use Myriad Pro or Helvetica, and I'm going to increase the size of this a bit, something like that, just to get it in the ballpark area of size that I'm after.

And now I'll switch to my Selection tool and I'm going to rotate it and I want to rotate it through 90 degrees clockwise. And then sort of dock it into position, turn on my guides by pressing W, and I would like my text frame to be the height of my text frame, what appears to be the width because it's rotated, but it's actually the height of my text frame to be the width of the spine, and I'm going to have it start at that guide right there, which is 18 points from the very top of the page.

So that I can concentrate just on the spine, and this is a technique I've been using throughout and you've seen me using it but not in the context of just the spine, I have set up three different layers: spine mask, back cover mask, front cover mask, but when I turn them on, will hide the other elements of the design and show me just the one that I want to view at that particular time. They're nothing more than big white rectangles on these layers. So if I look at the front cover mask, it puts a big white rectangle over the back cover and the spine and the back cover mask does the equivalent but for the front cover, and then the spine mask includes two solid rectangles, one on the front cover, one on the back cover, revealing just the spine, so I can look at that in isolation, and this is what people are going to see when they look at your book on a bookshelf, just the spine.

It's often the first thing that people will see about a book. So it needs to be given a fair amount of consideration. Of course an obvious point, but make sure that you turn these off before you print it. We don't really want the solid white rectangle. It's just for our viewing purposes. Having done that, I am now going to rotate my view. I am going to come to the View menu > Rotate Spread, I can either rotate my head or I can rotate the page and I'm going to go for rotating the page. And I'm now going to zoom in so that I can see my type and I think at this point we can probably do without the guides, so I'll press W. I would like the type to be centered vertically.

It's a little bit too big, so I'm going to take it down in size and then I want it to be centered vertically so I'm going to come to the Object menu > Text Frame Options and make the alignment Center. Now, that is perfectly vertically centered but it might not look it. It's not optically centered, and this is to do with the fact that it doesn't have any descenders or ascenders. So if we were to actually measure this, if I draw myself a rectangle right there, I see that that is 16.5 points and then if I move that down there, aha, that's only 13.5 points.

So we need to nudge it up and I could do it numerically but with something like this I think it tends to work best if you do it by eye. We can either apply a baseline shift to the type or we can add some bottom offset to the text frame. Both will get you to exactly the same place. I think I will do it with a baseline shift. So I'm going to select the text, baseline shift is this option right here or it's the keyboard shortcut Shift+Option +Up Arrow or Shift+Alt+Up Arrow, and I think just one nudge is probably good enough.

So let's now zoom out a little bit, and I'm going to select that text frame, turn my guides back on. I have this my bottom margin, and it's to that point that I want to drag a duplicate of that text frame to. And I want to then make this text right -aligned, Command+Shift+R or Ctrl+Shift+R. I'm then going to zoom in on that portion of the screen.

I might need to make this text frame a little bit larger, because now I'm going to highlight that text and replace it with the book title. Let's move that Layers panel out of the way and we want it all caps, so I'm going to put my Caps Lock on. And I need to make that text frame a bit bigger still and I'm using words as opposed to numerals for the title because it's just a little bit easier to spot.

Now I don't want that overlapping that band of gray that looks brown but it is actually gray. So I think what I want to do here is I want to make the text as big as it will get within the confines of the spine. So I'm going to select it and then use the keyboard shortcut Command+Shift or Ctrl+Shift and the Up Arrow. I just need to be careful how that overlaps and then if the black is not reading, we can change the color to Paper.

Lastly, we need the logo and I need to move this up one grid square. I need to leave one grid square for the logo. So I'm just going to move that one grid square back and I'm now going to undo my Rotation.

Readjust my view size. Turn off my guides by pressing W. So I'm going to come to the File menu and choose Place, and in the Beyond the Front Cover folder I want this file, CIS_logo. CIS Press is the fictitious publishing house. I have my Show Import Options turned on which is why I see this intermediate dialog box. I can just move right through that and I inadvertently had a frame selected and it has gone into that frame, which I didn't wanted to do.

So I'm going to press Command+Z, and then that will give me my graphic on the picture cursor. I am now just going to click and drag down the bottom there to place my logo and let's zoom in a little bit. We need to give it just a tiny amount of space left and right and beneath it. So I'm holding down Command and Shift and adjusting the size of the frame and then I'm just nudging it a little bit up and then horizontally positioning it by eye, so that our spine will now look like that.

And let's see this in the context of the front and back covers, so I'm going to come to the Layers panel and turn off the spine mask. That was a silly thing that I did. I managed to put this on the spine mask layer. So I realize my error and I can then drag that down to the spine layer and not the spine mask, hide that and there we have our front cover, back cover, and hopefully very readable spine.

Show transcript

This video is part of

Image for Designing a Book Cover
Designing a Book Cover

36 video lessons · 20143 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 2m 42s
    1. Welcome
      58s
    2. Using the exercise files
      1m 44s
  2. 29m 57s
    1. The project brief
      2m 30s
    2. Doing research
      4m 16s
    3. Setting up a document in InDesign CS5
      5m 4s
    4. Setting up a document in InDesign CS4
      6m 4s
    5. Putting your InDesign CS5 document on a grid
      3m 2s
    6. Putting your InDesign CS4 document on a grid
      4m 31s
    7. Setting up the document in Illustrator and placing it on a grid
      4m 30s
  3. 40m 39s
    1. Creating hand-drawn type with the Blob Brush tool
      4m 13s
    2. Using Live Paint to color type
      3m 40s
    3. Choosing typefaces
      3m 42s
    4. Creating a simple illustration using the Pen and Gradient tools
      8m 43s
    5. Applying type effects
      5m 42s
    6. Manual tracing
      4m 42s
    7. Using the gradient and transparency effects
      9m 57s
  4. 17m 27s
    1. Distressed type
      5m 42s
    2. More distressed type
      3m 35s
    3. Using mirrored type
      3m 34s
    4. Using giant wraparound text
      3m 56s
    5. Starting text on the cover
      40s
  5. 13m 7s
    1. Illustrating concepts with abstract shapes and transparency
      6m 27s
    2. Representing the book content with icons
      6m 40s
  6. 24m 8s
    1. Using historic photography
      6m 21s
    2. Using Illustrator to create a simple illustration
      4m 19s
    3. Using gradient mesh in Illustrator to create a simple illustration
      4m 55s
    4. Using Live Trace on a photograph
      3m 52s
    5. Using black-and-white images creatively
      4m 41s
  7. 25m 30s
    1. Developing a book set
      2m 50s
    2. Designing the back cover
      8m 42s
    3. Designing the flaps
      2m 41s
    4. Designing the spine
      11m 17s
  8. 12m 56s
    1. Using spot varnish
      4m 30s
    2. Preflighting your document
      4m 51s
    3. Preparing the PDF
      3m 35s
  9. 13s
    1. Goodbye
      13s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.