is now part of CreativePro.com!

Text Shadows in Fixed-Layout EPUB

5

Quick tip: If you want drop shadows to appear under text in a fixed-layout EPUB, you have to pay attention to how the drop shadow is set up, otherwise it will not show up in the EPUB.

Consider the following page:

20160421-shadowepub1

Two text frames, identical in every way except how the drop shadow is applied.

Export the document to Fixed-Layout EPUB. And here’s what you get:

20160421-shadowepub2

Why did the shadow disappear on the left text frame? Because it was applied to the frame itself.

20160421-shadowepub5

In the example on the right, the drop shadow was applied directly to the text, using the controls in the Effects panel.

20160421-shadowepub4

Note that this only applies to fixed-layout EPUB, text drop shadows don’t export to reflowable EPUB. But if you’re exporting to Publish Online, either method works fine.

20160421-shadowepub3

Editor in Chief of CreativePro. Instructor at LinkedIn Learning with courses on InDesign, Illustrator, Photoshop, GIMP, Inkscape, and Affinity Publisher. Co-author of The Photoshop Visual Quickstart Guide with Nigel French.
  • great tip!

    Note that shadows applied to image frames work fine.

  • Use drop shadows with care. I used them on a book cover because they looked good on the cover itself. Unfortunately, shrunk down for display on retailers such as Amazon, that cover looked awful. Reduced in size, those shadows made the book title look cheap and blurred. Also, keep in mind people with vision impairments. That shadow most people see will just blur the edges of the text for them and fill in spaces inside characters.

    For covers, I found I was often using drop shadows to make up for poor contrast between the text and its background. If I chose that background more carefully, that wasn’t needed. You can see that most obivously with this draft cover:

    https://indd.adobe.com/view/094714fb-82c3-4f13-bfa1-07215cc064d1

    Black on white means I don’t need to do anything to make that text stand out. I did, however, play with the color, spacing and height of characters inside ID to make each part of the cover text look distinctive. It’s the same font manipulated to look different.

    —-

    The unpredictability of spine alignment with print on demand publication has also forced another design decision on me. Both CreateSpace and Lightning Source can’t be trusted to get the spine alignment right. I’ve had spine placement in the same shipment from CreateSpace vary by as much as a quarter of an inch. That can look really awful if the front, spine, and back have different background colors. So I’m doing what you see on that cover. All three areas will have the same background, in this case white. So So even if the spine is missaligned, only the placement of text and pictures moves slightly. That’s not nearly as noticable as background colors intruding into other spaces. I also keep the spine text relatively small for the same reason. It may be tiny, but it stays on the spine.

    In short, limiting design choices to fit the limitations of publishing may be a nuisance, but it beats getting ticked off by problems that can’t be controlled. I went round and round with CreateSpace about cover issues and go nowhere. This way I don’t have to worry. Shrunk down or misalligned, the design still works.

  • Isaiah Sheppard says:

    Can this be done adding multiple effects to the text in ePubs?

  • Arakish Geideiri says:

    useless article. does not work. where is the code? reminds me of the wendy’s where’s the beef commercials: WHAR’Z THE CODE.

    • Mike Rankin says:

      The point of this post was to show how to avoid a problem with disappearing shadows by setting up the InDesign source file correctly. Once you do that, you can export to FXL EPUB, crack it open, and get whatever code you’re looking for.

  • >