Highlighted

How do I create a transparent stroke above other shapes?

New Here ,
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!

Adobe Community Professional
Correct answer by tromboniator | Adobe Community Professional

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.

Views

31.3K

Likes

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

How do I create a transparent stroke above other shapes?

New Here ,
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!

Adobe Community Professional
Correct answer by tromboniator | Adobe Community Professional

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.

Views

31.3K

Likes

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
Aug 14, 2012 2
LEGEND ,
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...

Likes

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
Reply
Loading...
Aug 14, 2012 2
Adobe Community Professional ,
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.

Likes

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
Reply
Loading...
Aug 15, 2012 3
New Here ,
Aug 15, 2012

Copy link to clipboard

Copied

Thank you SO much you both, that worked perfectly

Likes

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
Reply
Loading...
Aug 15, 2012 0
Adobe Community Professional ,
Aug 15, 2012

Copy link to clipboard

Copied

You're welcome.

Likes

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
Reply
Loading...
Aug 15, 2012 0
New Here ,
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! 😕

Likes

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
Reply
Loading...
Apr 18, 2013 0
Adobe Community Professional ,
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.

Likes

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
Reply
Loading...
Apr 19, 2013 0