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

Make Stroke Behind Text

Contributor ,
Mar 24, 2019 Mar 24, 2019

Hi all,

How do I make the white stroke goes behind the text? As you can see, the tail of the "y" cannot be seen if I apply stroke to the text box.

Screen Shot 2019-03-25 at 11.38.44 AM.png

That's a text box with these object style:

Screen Shot 2019-03-25 at 11.38.59 AM.png

Screen Shot 2019-03-25 at 11.39.02 AM.png

Appreciate any help!

3.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

Guide , Mar 25, 2019 Mar 25, 2019

… A simple "shading with bottom-round-corners" in a basic text frame!

Best,

Michel, for FRIdNGE

Translate
Community Expert ,
Mar 25, 2019 Mar 25, 2019

I don't think you can without putting the text in a separate text box.

However, if the stroke alignment was to the inside, then you could set the white stroke only to multiply. Here is an example from my machine with all relevant panels used to make this technique possible:

Screen Shot 2019-03-25 at 21.17.38.png

If the answer wasn't in my post, perhaps it might be on my blog at colecandoo!
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 ,
Mar 25, 2019 Mar 25, 2019

Hi Colin,

with a design like the one wuts23143389 is showing there is no stroke necessary.

The stroke's color is the same as the fill's. The distance of the text to the frame's edges can be done by the text frame inset value availble with the Text Frame Options dialog.

Alternative:
Use Paragraph Border.

TextFrame-Stroke-vs-ParagraphBorder-1.PNG

As we can see the drawing order of paragraph borders is from top to bottom:
First text, then the border. Warning: This is only true if we consider a single paragraph!

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
Contributor ,
Mar 25, 2019 Mar 25, 2019

Thank you very much!

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
Contributor ,
Mar 25, 2019 Mar 25, 2019

Oh wow that works! Unfortunately only for stroke inside, so I used inset as others suggested instead.

Thank you very much, will apply this technique next time I use stroke inside. Much cleaner.

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
Guide ,
Mar 25, 2019 Mar 25, 2019

Hi

What about using inset spacing instead of stroke?

srtoke.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
Contributor ,
Mar 25, 2019 Mar 25, 2019

This works perfectly, thank you!

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
Contributor ,
Mar 25, 2019 Mar 25, 2019

By the way, seems like Inset does not work with Text Frame Auto Size options, is that correct?

Laubender

vinny38

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 ,
Mar 25, 2019 Mar 25, 2019

Text Frame Auto Size Height will work with frame inset.

Just tested that.

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
Community Expert ,
Mar 25, 2019 Mar 25, 2019

Here some screenshots with my tests using Paragraph Shading.

Text frame has fill color [None]:

TextFrame-Insets-4-ParaShading.PNG

My Paragraph Shading values:

TextFrame-Insets-5-ParaShading.PNG

Text frame options in General:

TextFrame-Insets-6-ParaShading.PNG

Text frame options Auto Size:

TextFrame-Insets-7-ParaShading.PNG

TextFrame-Insets-8-ParaShading.PNG

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
Contributor ,
Mar 26, 2019 Mar 26, 2019
LATEST

Thank you Uwe! It works now. I didn't set object style fill to none.

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
Guide ,
Mar 25, 2019 Mar 25, 2019

… A simple "shading with bottom-round-corners" in a basic text frame!

Best,

Michel, for FRIdNGE

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
Contributor ,
Mar 25, 2019 Mar 25, 2019

Thank you! I like your solution because it doesn't need me to even set up an object style. I ended up using inset technique however, but yours is great too, thank you!

EDIT: Turned out your option is better for my case because it works better with object auto-size option, so thanks again!

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