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

How do I create a transparent stroke above other shapes?

Guest
Aug 14, 2012 Aug 14, 2012

Copy link to clipboard

Copied

Hello

I have the following shape:

shape1.jpg

What I'm trying to do is give the blue box a transparent stroke that will "cut through" the red boxes and show the background underneath, whatever that may be ...white, another color, or a photo.

I can easily achieve this when I give it a white stroke. It'll look like this:

shape2.jpg

When I change to a background color other than white or even a photo however, I end up with this problem:

shape3.jpg

How do I make it so that I have a transparent border (not white) around the blue box? Which effectively cuts a "transparent stroke" (space) between the parts where the blue and red boxes intersect?

Thank you very much for any advice I've been trying to get this done for days without success, so you're my last hope!

Views

54.9K

Translate

Translate

Report

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 , Aug 15, 2012 Aug 15, 2012

1. Select the blue rectangle with the white stroke, then do as Silkrooster suggests to set the stroke's opacity to 0. The white stroke will disappear.

2. Select all three rectangles and group them.

3. With the group selected, the Appearance panel should show:

    Group

    Contents

    Opacity

Click on Opacity. In the box that opens, click the box next to Knockout Group until the check/tick mark appears. If the dash appears, click again.

Votes

Translate

Translate
Adobe
LEGEND ,
Aug 14, 2012 Aug 14, 2012

Copy link to clipboard

Copied

Window>Appearence or shift-F6. Once the appearence panel is open, Twirl down the icon next to the word Stroke, Click Opacity and adjust it to your hearts desire...

Votes

Translate

Translate

Report

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 ,
Aug 15, 2012 Aug 15, 2012

Copy link to clipboard

Copied

1. Select the blue rectangle with the white stroke, then do as Silkrooster suggests to set the stroke's opacity to 0. The white stroke will disappear.

2. Select all three rectangles and group them.

3. With the group selected, the Appearance panel should show:

    Group

    Contents

    Opacity

Click on Opacity. In the box that opens, click the box next to Knockout Group until the check/tick mark appears. If the dash appears, click again.

Votes

Translate

Translate

Report

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
Guest
Aug 15, 2012 Aug 15, 2012

Copy link to clipboard

Copied

Thank you SO much you both, that worked perfectly

Votes

Translate

Translate

Report

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 ,
Aug 15, 2012 Aug 15, 2012

Copy link to clipboard

Copied

You're welcome.

Votes

Translate

Translate

Report

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
New Here ,
Apr 18, 2013 Apr 18, 2013

Copy link to clipboard

Copied

I have been trying to figure this out for so long! thank you Although I have one problem, when i import the file as an eps into my indesign document the whote lines appear again. Help! 😕

Votes

Translate

Translate

Report

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 ,
Apr 19, 2013 Apr 19, 2013

Copy link to clipboard

Copied

Don't use EPS. This file format doesn't support transparency. You will have to use AI (with PDF content enabled) or PDF to get the transparency into ID.

Votes

Translate

Translate

Report

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 Beginner ,
Oct 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

I am trying this with text (one word on the bottom layer and then a few words of text in a different font over top)...I am trying to "knockout" a stroke around the top text so that it cuts as a transparent stroke into the bottom layer of text. I tried doing it before creating outlines of the text and then again with creating outlines, but it doesn't seem to be working either way. (I'm not able to lower the opacity of just the stroke, and after creating outlines opacity does not come up as an option in Appearance). I acheived the look I want in Photoshop, but whenever I'm trying to save this as an EPS (for a t-shirt design), it is making it a flat jpg. Any help appreciated!

Votes

Translate

Translate

Report

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 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

Do not apply the stroke to the characters. Instead select the text object with the selection tool (just one click). Then add a stroke using the appearance panel. And then you can set the opacity of that stroke to 0%.

Votes

Translate

Translate

Report

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 Beginner ,
Oct 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

Thank you so much! I was able to get the effect to work. The only issue is that the stroke is not coming out very clean...I tried lowering the stroke, but still having the same tearing. Any thoughts?

Votes

Translate

Translate

Report

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 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

The simple fix would be to set the corners of the stroke to rounded. If you do not want that, you will look into outlining the font and adjusting the path.

Votes

Translate

Translate

Report

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 Beginner ,
Oct 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

That helped! Thanks so much!

Votes

Translate

Translate

Report

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 18, 2023 Oct 18, 2023

Copy link to clipboard

Copied

LATEST

You're welcome!

Votes

Translate

Translate

Report

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