Thanks for coming to InDesignSecrets.com, the world's #1 resource for all things InDesign!

Making a Text Highlighter

Roger wrote:

In MS Word, you can make text look as if it?s been highlighted with a highlighter marker. It?s a handy feature when you?re trying to emphasize text in, lets say, an article. Can I do that same type of thing in InDesign?

Absolutely! Just press the Highlighter button! (Sory, just kidding.) The trick to making a highlighter effect in InDesign is the Custom Underline feature, which you can find by choosing Underline Options from the Control palette menu when the palette is in character formatting mode. Or, even faster, you can open this dialog box by Option/Alt-clicking on the Underline icon in the Control palette.

Unfortunately, when you select some text to apply this effect, InDesigh highlights it in black, which obscures the effect you’re trying to achieve (while the text is selected, at least). So, when creating this effect, it’s often a good idea to choose Window > Arrange > New Window — this way you can work on the highlighted text but also see the effect in another window on your screen.

Anyway, once you have some text selected and the Custom Underline dialog box open, you can give the text a thick, yellow (or any color) underline. Then adjust the Offset to set the highlight in the position you want vertically.

Highlight2

Here’s a sample of this highlighting effect (before and after):

Highlight1 Highlight3

Now here’s the important part: After you make one of these, save it as a character style! (Just Option/Alt-click on the New Character Style button in the Character Styles palette, then give it a name and click OK.) As long as the character style is set to only apply this custom underline effect, you’ll never have to go through the trouble of making one again — just copy that character style from this document to wherever else you need it.

Related Articles
Comments

41 Comments on “Making a Text Highlighter

  1. Nice trick but I would suggest using the strike through options for that effect instead. That way you can still highlight and underline at the same time.

  2. Rene, the reason I like Underline rather than Strikethrough is that the strikethrough ends up on top of the text, so you can’t see the text! You can turn on overprint, but then you need Overprint on to see it, and there are other potential issues to contend with.

  3. Thanks David. I spent the morning having words with Mr. Gates so the “click the highlighter button” response brought belly laughs. I have used somewhat transparent yellow, green, blue and pink as fills in tables that needed highlighter effects and hadn’t even thought about this approach.

  4. “As long as the character style is set to only apply this custom underline effect, you?ll never have to go through the trouble of making one again…”

    Well, almost never. The highlight has a fixed size and offset, so type set at different sizes/leadings will need different underline styles for their highlights. When I create such character styles I usually name them something like “Highlight YLO 11pt” with the size refering to the type point size. Then I save them to a global template from which I load various styles into specific projects.

  5. I would like to suggest another alternate is Paragraph Rules (cmd+opt J) if you want the ultimate in control. The trouble with underline is that tends to clip very tightly to the end letterforms, with rules you can add an offset, which is needed for right aligned text – say in a page header. The pain with rules is that you need to play with the above and below parameters to make it apply to an entire paragraph block, slightly flakey.

  6. I would probably use the Rule Above/Rule Below method if I were trying to highlight a one-line heading (such as reversed out text). However, if you are simply selecting one or more words in a paragraph, the paragraph rules feature is pretty clunky. If you want extra space before or after the text highlight, just add some sort of white space when you’re applying the custom underscore.

  7. Just to be bold and different…

    You can create an anchored object, and use that as a highlight. Sure, it’s more work than just using a character style — but you can brag to your friends that you use anchored objects :)

  8. Mordy, if you’re looking for a more complex method to achieve the same effect, you can also draw with a highlighter pen on a piece of acetate, photograph it against a bluescreen with a high-end digital camera, use a plug-in to set the blue to transparency, import the graphic, place it over the text, and use the Transparency palette to set it to Multiply. That is to say, there is always a more difficult way to do something! I’d rather get the job done than brag to friends. ;)

  9. A derivative trick is to include preceding and trailing white space or punctuation in the selection, set the Underline > Type to Dotted or Japanese Dots, and then apply the same swatch to the Color and Gap Color. This gives you a nicely rounded highlight as opposed to the blocky version.

  10. Great idea, Caleb! This was shown in the most recent issue of InDesign Magazine (indesignmag.com) but with paragraph rules. I like the idea of doing this with the custom highlighting.

  11. A solution to Mark’s problem where the ‘underline ? tends to clip very tightly to the end letterforms’ is to add a thin space (shift+opt+cmd+m) to either end of the text and include that space when creating the rule.

    However, what I want to know is this: will the black text (if the text is black) overprint onto the yellow/whatever colour rule when separated? Or will it be knocked out?

  12. Yes, by default, anything set to the [Black] color will overprint. But if you make your own color swatch that is 100%K, it will knock out — unless you specify overprint in the Attributes palette.

    Here’s a good way to check: Open Window > Output > Separations Preview, set the palette to On, and turn off colors one at a time to see what’s overprinting and what’s knocking out.

  13. I hope you can help, I can’t find a fix.

    My client wants certain paragraphs highlighted, and when I use the custom underline thingy, I get a ragged right margin even though the text is justified. Please tell me there is a trick for this.

    If not, I may have to resort to anchor boxes which will be such a pain because the text may often break between columns and the client is CONSTANTLY making edits so text is constantly shifting.

    Any ideas? Thanks.

  14. OK… one thing I just noticed. I had a 1p left and 1p indent. If I remove the indent, it works fine.

    Anything I’m missing that would work with the indented (block) text using the highlight trick?

  15. I’m baaaaaccccckkkkk… This morning I pulled up the file and was pleasantly surprised to see that the highlighted text was perfectly aligned on the right.

    But before I could celebrate, I extended the text box and poof! the ragged edges were back. So I experimented. If there are 6 lines in the paragraph, it’s nicely aligned, if I pull up the text box, to 5, 4, 3, 2 lines or pull down to 7, 8, 9 it’s ragged.

    Any ideas? (The font is Helvetica Neue, Open Type.)

  16. Hi Cathleen… wacky! You’re right. This appears to happen only when there is a right indent:

    The space characters at the end of each line are being highlighted, where as when there is no indent, the space characters “disappear.”

    I can’t think of any good solution other than to replace the space at the end of every line of the paragraph with a Shift-Return. (Blech!) Or, better yet, find a way to not use the 1p right indent.

  17. I use this feature for underlining text that has changed in our document and if any of the text already has a character style (e.g. bold) applied, it gets overrided and changes to the paragraph style. Grr. I like to use the character style so I can eliminate it quickly in subsequent versions. Am I missing anything?

  18. is it possible to change the opacity of the underline (so that if the text block is over an image you can still see some of the image through it?)

  19. I am no techy, and have not learned to highlight, yet. But this ragged edge bit, seems to me, could be over come by adding yellow type to the ends of the right side, as necessary, to cause the yellow desired highlighting to match the effect you desire. This sounds reasonable to me. Let me know if it works.

  20. Hey. Thanks for posting this. After much work on trying to figure out this simple task, I turned to Google and found this tutorial. Thank you so much for your time in putting this online. It’s been a huge help to me and my magazine.

    Thanks
    Bo Lane

  21. Hey Joe (and Jochen) – where you going with that solid highlighter effect in your hand?? Sorry… just been reading the posts, super helpful. here’s an obvious tip for making your highlighter ‘lines’ semi-opaque. Set up your highlight using the underline as described, select and copy the text, then make the text the same colour as the highlight/underline. Now you can select the frame and make it whatever opacity you desire. Once thats done just paste in place the text you copied and remove the underline from that. Voila – text with semi-opaque highlight!

    Leigh in Leeds, UK

  22. Thanks for the tip Dave I think your blog is fantastic I am a magazine layout designer just starting out and these blogs help a lot so cheers!

  23. David,
    Thanks. Works great, except for available color selection.

    You wrote, “…you can give the text a thick, yellow (or any color) underline.”

    I’m using ID CS4. Using your technique, I am presented with eight pre-determined colors in the Underline Options panel/window.

    How can I select other colors for this underline trick?

    Thanks.

  24. David,
    Many thanks. You taught me two things–one that answered my question and one that taught me that I could “invent” my own colors in the swatches panel.

    (In case you can’t tell, I’m just past being a raw beginner in things Adobe.)

    Thanks again.

  25. Pingback: Setting Reversed Out Headline Text (White on a Black Bar) | InDesignSecrets

  26. ….so I had no problem figuring out weight, but offset wouldn’t work no matter what value I gave it. The bottom was always unacceptably lower than the bottom of the letter. I ended up making colored boxes to put behind the text box, which has no fill.

  27. This is great. Thanks! BUT, I have one small problem. I use Character Styles throughout and it is impossible to apply a Character Style to text that already has another Character Style applied. Any solutions besides creating duplicates of all my character styles; one with a highlight and one without?

  28. I have a similar issue as Aimee does with character styles over riding the paragraph style
    How would I go about correcting that?

  29. Hi this is a great, the only thing i have a problem with is i would prefer the text had an indent on each side i.e not right butt up against the first letter the only way i have found how to do this is to have a paragraph style with a indent of -1 on left and right therefore it follows whatever you write, only thing is you have to press return after every line you type or else it only applies it to the last line of the paragraph is there any way this can be done so that when i type and go to a next line the highlighted area follows but on each new line it has an indent into the colour of the 1mm

    Thanks

  30. Hey David!
    I was wondering if you had a tutorial showing how to have the highlighted text move along with the narrator is reading in the audio. Or is that even possible?

    Thanks!

    TJ

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>