How to export 'Lighten Blending Mode' to Transparent PNG

Enthusiast ,
Jan 01, 2022 Jan 01, 2022

Copy link to clipboard

Copied

Actually, i have got a solution for this problem in Photoshop. See here

How to export 'Lighten Blending Mode' to Transparent PNG (Photoshop)

But i force similar problem ini Illustrator. Here my problem :

I have created a circle shape with gradient and then blend it to screen/lighten.

Same as my problem in Photoshop, when i hide background layer, my circle shape become black. How to keep its transparency when i export it to PNG?

Picture below :

AI Ask.jpg

AI Ask 2.jpg

In photoshop, we can using 'Blend if' or my favorite trick 'Luminosity Mask'.

Thanks.

==============
Okie Eko Wardoyo
TOPICS
Draw and design , How to , Tools

Views

57

Likes

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

Adobe Community Professional , Jan 01, 2022 Jan 01, 2022
It didn't lose it transparency. You will have to rethink your approach. In order for a "Screen" Transparency effect to work using a gradation like that (from a Color to Black), is it has to have something behind it to work on. Without a color to blend against it stays Black. This is normal. Instead, create a gradient that goes from 100% of your yellow color at 100% Opacity, to 100% of your yellow at 0% Opacity at the other end.  

Likes

Translate

Translate
Adobe Community Professional ,
Jan 01, 2022 Jan 01, 2022

Copy link to clipboard

Copied

It didn't lose it transparency.

You will have to rethink your approach.

In order for a "Screen" Transparency effect to work using a gradation like that (from a Color to Black), is it has to have something behind it to work on. Without a color to blend against it stays Black. This is normal.

Instead, create a gradient that goes from 100% of your yellow color at 100% Opacity, to 100% of your yellow at 0% Opacity at the other end.

Screen Shot 2022-01-01 at 11.28.51 PM.png

Likes

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
Enthusiast ,
Jan 02, 2022 Jan 02, 2022

Copy link to clipboard

Copied

Thanks Brad @ Roaring Mouse 

==============
Okie Eko Wardoyo

Likes

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
Adobe Community Professional ,
Jan 03, 2022 Jan 03, 2022

Copy link to clipboard

Copied

LATEST

In fact, with the revised approach, you need not select "Screen" if you don't want to. Use "Normal" and you will have a rich colour in the middle.

Likes

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