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

Transparency with Text on top of shape

Community Beginner ,
Apr 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

Hello! I'm stuck on an issue- I'm still learning Illustrator but I've hit a wall (though I'm sure it's a simple step I'm missing.) Basically all I'm trying to do is fix this where in the picture you see a green stroke in text. I want that stroke to be totally transparent. I know about changing the opacity- but I think my problem is somewhere between doing something to the Texas shape and the text. Can some one please provide insights?

I have the text placed where I want it. I'm just trying to figure out what to do so that I see the transparency grid instead of the green. Thank you for the info and help!

Screenshot 2022-04-27 101007.png

TOPICS
Draw and design , Tools

Views

270

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 , Apr 27, 2022 Apr 27, 2022

Note:

Non-destructive process and fully editable.
Text content, size, colour
Width of the transparent contour
Shape and colour of the background area

 

---------------------------------------------------------------------------

Stroke on text (color does not matter)

Shape under your text

both are grouped

but only text is selected

 

Aussparungsgruppe_Text_durchsichtige_Kontur_01.png

 

 

change opacity of (only) text stroke to 0% in Appereance Panel

 

Aussparungsgruppe_Text_durchsichtige_Kontur_02.png

 

 

select the group and set Knockout Group in Transparency Panel

result:

 

Aussparungsgruppe_Text_durchsichtige_Kontur_03.png

 

Votes

Translate

Translate
Adobe
Community Expert ,
Apr 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

Change the Stroke color from Green to White

Select both the text and the map

In the Transparency panel, click Make Mask, then un-tick the Clip checkbox and tick the Invert Mask checkbox

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 ,
Apr 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

Hi John!

 

Thank you for the assistance! I followed the instructions as you shared and while I did "sort of" get what I wanted, I lost the J and s of my text. Do I need to try a different method? (The text I have was live text if that makes a difference)

Screenshot 2022-04-27 105131.png

 

This is what I'm trying to get (I just made like a mock-up verison in photoshop to illustrate what I want- but I'm trying to stay in illustrator to actually create this properly)👇

Screenshot 2022-04-27 110020.png

 

Thank you so much for your help! I appreciate your time and assistance!

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
Mentor ,
Apr 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

Select all > Pathfinder > Divide ( create outlines of the Stroke first ). Probably old school, but should work. Just delete what was the stroke inside the state shape, while resting the stroke outside the state shape ( always work on a copy of your original artwork ).

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 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

From there you can  copy that text, and paste an extra copy on top (but not in the tranparency, jsut on a new layer if taht helps)  with no stroke.

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 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

From this point, copy the type to your clipboard.

MikeGondek_0-1651073307443.png

 

type >> create Outlines

obhject >> expand Appearance

object stroke>> expand

pathfinder pallete > unite

 

MikeGondek_1-1651073617683.png

Select >> All

Pathfinder >> Minus Front

Paste in front

Remove the stroke for live type

 

MikeGondek_2-1651073754499.png

 

 

Keep in mind I always set my stoke to outwards, as from a designers point the type is designed to be most attractive that way. Illustrators default is to put the stroke half in and half out. Someone of their software development team  might eventually realize they should change the default to outwards.

 

 

 

 

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 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

Hi @augradgirl12 

for a transparent outline on text you can use different methods.

 

I prefer a non-destructive way with knockout group in the Appearance Panel like in this old thread:

 

Hi johnw49810379​,

use a knockout group and a second fill and stroke in the appearence panel (instead of a second object) for editable shadow.

Aussparungsgruppe_1.png

 

set transparency of stroke to 0%

Aussparungsgruppe_2.png

 

if the shadow is correct in size and position > save > then flatten transparency and clean your artwork for the plotter.

 

Have fun


By @pixxxelschubser

                                                                                             --> jump to quoted post

 

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 27, 2022 Apr 27, 2022

Copy link to clipboard

Copied

LATEST

Note:

Non-destructive process and fully editable.
Text content, size, colour
Width of the transparent contour
Shape and colour of the background area

 

---------------------------------------------------------------------------

Stroke on text (color does not matter)

Shape under your text

both are grouped

but only text is selected

 

Aussparungsgruppe_Text_durchsichtige_Kontur_01.png

 

 

change opacity of (only) text stroke to 0% in Appereance Panel

 

Aussparungsgruppe_Text_durchsichtige_Kontur_02.png

 

 

select the group and set Knockout Group in Transparency Panel

result:

 

Aussparungsgruppe_Text_durchsichtige_Kontur_03.png

 

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