: Transparency problem 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

@Phylliss782

If you want it just for a quick thing, you can always use double layers one for the square and one for the stroke, select the strokes and apply the "erase" blend mode, change the background to transparent and save for web, done.

Another method that might work if the squares will be only one color is to use the convert to alpha live effect, I use this pretty much a lot when creating icons and graphics; what this does is something like creating a mask on the own element using black as full opaque and white as transparent, just make sure to have all fills black and leave transparency for those you need transparent, now group them all and apply "other > Convert to alpha" you'll have a clean graphic free of white and with transparencies; now you just gotta go to "Adjust color > color fill" and choose the original color you had in mind. The good thing about this method is that you can use the graphic as is in another document let's say a website design unline the other method wich just use the "erase" blend mode to show the background no matter what.

Vote Up Vote Down

@Vandalay110

In this specific case vectorization is not just easy its brain dead easy. Just:


paste image in illustrator
hit the live trace

adjust live trace settings to 4 colors
and set path fitting to 0 px
Ignore white on

expand
object -> path -> simplify

Angle threshold to 90
Straight lines.



Now there is only one kink in the darker of the two transparent areas move points to match. Done. (took longer to write instructions than to do it proper)

Now in general its fine to have a pixel only logo, but in this case its really easy to get it to vectors so there's really no reason not to do this stage. Besides now you have both a vector ans pixel version of the logo to play with.

PS: too bad you can not upload SVG on stackexchange.

Vote Up Vote Down

@Gail6891361

Duplicate the entire group of objects.

On the duplicate set, make all the squares 100% opaque and change to color to black, leaving the white stroke. (You can simply add a blend of color overlay). Add a full-white layer below for easier alignment, then flatten all the layers of the duplicate set along with the new white layer. You should now have a black and white silhouette of the blue squares.

Group the blue layers and add a layer on the bottom that is 100% white.

Select all then copy, then deselect the black layer, then hide it.

Add a layer mask to the group folder. Switch to channels, select the layer mask channel, then paste your black layer copy into the layer mask. Invert the colors of the mask if needed.

Vote Up Vote Down

@Phylliss782

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)

Vote Up Vote Down