Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

101: how to create a background in colour behind the text that is of the same shape as a text

Explorer ,
Oct 23, 2018 Oct 23, 2018

Hi guys,

I searched under Text and Typography, however still can’t find what I need. How do I create a background in colour behind the text that is of the same shape as a text?

Like it‘s written TEXT in white on a black background?

PS I have a screenshot but cant really attacg it here.

Thanks!

1.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 23, 2018 Oct 23, 2018

Hi Elena:

I think Jeffrey's approach is a good one. Here are the visuals to support his answer.

1. Type in the text and turn on underline.

Screenshot 2018-10-23 11.12.48.png

2. Alt/Opt click the underline button to access Underline Options. Increase the weight, adjust the offset and change the color to Black.

Screenshot 2018-10-23 11.14.54.png

3. Change the text color to Paper/White.

Screenshot 2018-10-23 11.15.15.png

4. Now when you change the text, the background changes with you.Screenshot 2018-10-23 11.15.31.png

5. Save this as a  style and you can apply it to any text.

~Barb

Translate
Community Expert ,
Oct 23, 2018 Oct 23, 2018

Hi Elena,

do you mean you want to define a stroke value to text with alignment outside?

Perfectly doable with InDesign.

For including screenshots use the Insert Image icon of the forum editor.

You cannot attach images when answering replies by mail.

Regards,
Uwe

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 23, 2018 Oct 23, 2018

I just used the screen clip tool, copy from there and paste in the reply.

Strange I didn't notice your reply, since it is stamped 10 minutes earlier than mine!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2018 Oct 23, 2018

Your comments need to move through the moderation, Uwe's don't.

Please add the screen shot through the web browser, and not through your email.

~Barb

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 23, 2018 Oct 23, 2018

Hi to everyone again,

So here is the screenshot. I am not really sure what is the correct word of this action but I would like to create this shape in black behind the text "Russian native speaker". As for now I just marked the text with cmd + A, certainly it will be gone once I unclick it.

Thanks everyone.

example.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2018 Oct 23, 2018

You can create this effect a number of ways, here's one way:

Use a styled underline where the underline weight is larger than the size of text, offset to position in relation to text, underline is colorized black, and text is colorized white/paper.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2018 Oct 23, 2018

If you have a new enough version, you can use paragraph shading:

this will create a box rather than a rule like the underline.

Screenshot 2018-10-23 13.19.20.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2018 Nov 28, 2018

Thanks,

I might try to apply it as well. However, I do not really see the button? Should it be under Paragraph characteristics?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2018 Nov 28, 2018
LATEST

It can be found in several places

the control bar

Screenshot 2018-11-28 14.44.34.png

The menu of the Paragraph Pallet

Screenshot 2018-11-28 14.44.55.png

or Paragraph Shading in the Paragraph Style Panel

Screenshot 2018-11-28 14.45.24.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 23, 2018 Oct 23, 2018

How about giving the text a stroke of whatever thickness and color?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 23, 2018 Oct 23, 2018

Hi,

how can you do this? also interested.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2018 Oct 23, 2018

Hi Elena:

I think Jeffrey's approach is a good one. Here are the visuals to support his answer.

1. Type in the text and turn on underline.

Screenshot 2018-10-23 11.12.48.png

2. Alt/Opt click the underline button to access Underline Options. Increase the weight, adjust the offset and change the color to Black.

Screenshot 2018-10-23 11.14.54.png

3. Change the text color to Paper/White.

Screenshot 2018-10-23 11.15.15.png

4. Now when you change the text, the background changes with you.Screenshot 2018-10-23 11.15.31.png

5. Save this as a  style and you can apply it to any text.

~Barb

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2018 Nov 28, 2018

Thanks, Barb!

This is very helpful, however how can I save this change as a style?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 23, 2018 Oct 23, 2018

Hi Elena:

Follow the link in your email to view this thread in your web browser, and use this button to add your screen shot. That will help us help you more quickly.JIVE Add screen shot to reply.png

~Barb

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines