1

I am trying to export leaves and branches from Illustrator. I would like the area which is not branches and leaves to be transparent (the white part in the image below), and the area which is leaves and branches to be entirely opaque (green part below).

enter image description here

^ This is what one of the objects look like in the Illustrator window

enter image description here

^ Here are the Gradient settings, both colors in the gradient are 100% opaque

enter image description here

Object's Opacity settings: It is set to opaque there too

enter image description here

^ This is the Appearance panel, all seems fine there too...

enter image description here

^ Here are my Save for Web settings (which allow me to have better control of the file format settings)

enter image description here

^ But when I drag them into Photoshop (or any other app!), the leaves are transparent!

Why, oh why, cannot the produced file match the Object's transparency settings?

  • 2
    What's inside the group in the Appearance Panel......... Put a colored rectangle behind the leaf.. see if it's transparent in AI. (I've never seen this happen if things actually are 100% opaque in AI) – Scott Feb 6 at 20:48
  • Ok, yeah, that's super weird... - I think your suggestion is right, the group is composed of two objects who each have 70% opacity!! How the hell does the Opacity of the group say "100%" instead of "70%" when I select the whole group - yet another bug in AI... Can you make your comment an answer? – MicroMachine Feb 6 at 21:40
  • Because object opacity is independent of group opacity. It's common, and opacity has always "stacked" (for lack of a better term). It's like setting a layer in Photoshop to 70% opacity, then putting it in a group.. you can then set the group to 10% opacity. Same thing in AI. It's merely the internal object information within a group isn't as readily visible in AI. – Scott Feb 6 at 22:26
  • @Scott one might argue that it isn't a behavior that is consistent across graphical apps. Another approach would be to give the Group an Opacity value that is actually based on its contents (so for example object one is 50% opaque, object 2 is 100% opaque, therefore group value is 75%... thus pointing the user to what is going on more efficiently). Because you cannot make 100% "opaque" groups of objects with 0% opacity... it make no logical sense to call it "100% Opaque" – MicroMachine Feb 6 at 22:31
  • :) It's is consistent across all Adobe applications though. I find it very logical once you understand it. And really, anything other than this would mean you are sacrificing some edit ability. If I set a group to 100% opaque I absolutely do NOT then want objects inside that group to subsequently be set to 100% opaque as well. I want the objects to maintain their settings in all instances. – Scott Feb 6 at 22:34
1

Expand the <Group> in the Appearance Panel and ensure the objects within the group are also set to 100% opacity.

Opacity will "stack". Meaning Object opacity is separate and independent from Group opacity.

You can easily have 70% opaque objects inside a group which is set to 100% opaque... which results in a 70% opaque appearance. The Appearance Panel, by default, merely shows the Group opacity. You have to "delve deeper" into the appearance to see the object opacity setting(s). Yeah, it's kind of hidden. But the logic as to why the group reflects 100% Opacity, when the objects inside the group are not 100% opaque is sound logic.

  • Thanks for the answer - although we do not agree either on the definition of the word "Opacity" or "logic" 😉 either something is 100% opaque - or it isn't. – MicroMachine Feb 6 at 22:33
  • 1
    Okay @MicroMachine I'm actually going to agree with you here after specifically testing this (in CS6 anyway). Sometimes you do something so often for so many years you overlook nuances. You are correct that while other appearance items (stroke and fill settings specifically) will allow you to make "global" type of object adjustments to objects within a group. Opacity will not do the same thing. So, you're right. Opacity fails to follow the logic set forth by other appearance alterations. :) – Scott Feb 6 at 23:40
  • 1
    I simply never set global stroke colors that way for grouped objects. So I failed to see the difference previously. Thanks for showing me something new :) – Scott Feb 6 at 23:41
  • 1
    I will say that adjusting the opacity for a group in the Appearance Panel is exactly the same as adjusting Stroke and Fills on groups in the Appearance panel, though. :) So technically it's the Transparency Panel which fails to follow the same logic as the Stroke and Color Panels. If I have a Group selected on the artboard, the Transparency panel should read "---" if objects within the group have different opacity settings. Then if I were to choose an opacity setting on the Transparency Panel, all objects within the group should be set to that opacity -- there's where it breaks. – Scott Feb 6 at 23:53
  • 1
    @MicroMachine Many 2D apps are lacking a whole deal when it comes to transformation stacks most competitors included. It would be much better if they really would expose the transformation with a much richer node like in 3D animation apps. But 2D users dont seem to know what they are missing. Most DCC 3D apps are miles ahead of all 2D appsb ive used. The prloblem is that 2D apps seem to be stuck between being easy and having rich systems. 3D Apps almost universally fall into thr hard to use catyegory by default so they dont need to pretend – joojaa Feb 7 at 19:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.