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

Transparency Knock out Question

Participant ,
Mar 26, 2019 Mar 26, 2019

Hello All.

I'm trying to create three layers shown below: White Shapes, Green Shapes, Orange shapes.

Each Layer is comprised of many shapes (or will be) and I want to have those shapes all to have a lighten transparency.


The problem is that when I over lap the layers, they all show through each other.   Which I DO NOT want.  I want the shapes to blend together within the layers.  But I do not want the layers to blend with other layers.  Does that make sense?

I thought I could use "Knock-out" on a per layer basis - but that seems to have no effect at all.  Maybe I do not understand what knock out or Isolate Blending is doing but I thought it would let the layer blending mode prohibit it's blending with other layers.


Any help is appreciated.  Hope that makes sense.


Thanks.

.Screen Shot 2019-03-26 at 10.43.24 AM.png

1.1K
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 , Mar 26, 2019 Mar 26, 2019

To create this what you have to do:

1. Set up the layers in your file. One layer for each street style you want to have

2. Draw the streets. Delete all strokes from them

3. Target the layer (click on th circle in the layers panel)

4. Open the appearance panel

5. Create a new stroke to the layer and apply the stroke weight and color.

6. Create anew stroke or duplicate this one . Then color the bottom one of the strokes in black and make it thicker. That's it.

I have a (German) video about the process: KREUZUNGEN bei Anfahrtsskizzen mit Illustrator erstellen | Tutorial Deutsch - YouTube

...
Translate
Adobe
Community Expert ,
Mar 26, 2019 Mar 26, 2019

What is it that you want to achieve? The roadmap?

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

Yep.  Exactly.

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

OK. What should the white with blue outline do? Run on top of them all?

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

White = base underneath all

Green = 2nd layer runs over white

Orange = 3rd layer runs over top of them all.

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

The black outline should run around them all? And the blue outline?

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

This is the look I'm going for.

I'm hoping to keep the blue and black outlines on a per layer basis as well...

I can get there by expanding all my strokes and merging them in pathfinder but I don't want to do that method.Screen Shot 2019-03-26 at 11.10.18 AM.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
Community Expert ,
Mar 26, 2019 Mar 26, 2019

In that case it's even easier. I have updated the file.

It's really just stacking strokes of different weight in the appearance panel. I have applied them to the layer, because then they unite automatically.

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

To create this what you have to do:

1. Set up the layers in your file. One layer for each street style you want to have

2. Draw the streets. Delete all strokes from them

3. Target the layer (click on th circle in the layers panel)

4. Open the appearance panel

5. Create a new stroke to the layer and apply the stroke weight and color.

6. Create anew stroke or duplicate this one . Then color the bottom one of the strokes in black and make it thicker. That's it.

I have a (German) video about the process: KREUZUNGEN bei Anfahrtsskizzen mit Illustrator erstellen | Tutorial Deutsch - YouTube

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

Traffic nightmare loop.    Typical here in Los Angeles.

Screen Shot 2019-03-26 at 12.11.56 PM.pngYou are a genius.


Thank you. This works perfectly. 

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

Franky

interesting thread

Each Layer is comprised of many shapes (or will be) and I want to have those shapes all to have a lighten transparency.

How does the transparency need to look / work?

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

What can work is this:

Dropbox - streets.ai

All the strokes are applied to the layers. And this relies heavily on layer hierarchy and appearances. Click on the target symbol in the layers panel to inspect it.

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