I have been trying to create a logo design, and I’ve come across an issue that seems very simple but has so far been very puzzling.
Basically the logo that I am designing has intersecting squares; where every second square is 100% opaque and the rest are 65% opaque. My issue is that I want the borders of each square to intersect the square after it in such way that the intersection becomes 100% transparent.
Sorry if that sounds confusing, I couldn’t find a better way to describe it. The screenshot should give a better idea of what I am trying to do.
This screenshot shows what I ultimately want to achieve, however for that screenshot I ‘faked’ the intersection transparency by having 2 objects for each square; 1 object with only stroke without fill and another with only the fill and no stroke.
That solution works if I have a pre-set background color but it would not work for a logo as it needs to have a transparent background.
This second screenshot shows what it looks like with a transparent background
How could I solve this?
Thanks in advance
Answer
Your best bet is to use your current work as a guide and recreate the squares using opaque colors. This will also alleviate your intersecting problem.
Create guides around your squares.
Create squares using the selector or shape tool (vector might give
you longer mileage)
Attribution
Source : Link , Question Author : mindvex , Answer Author : Ctrl Alt Design