Inspiring

Answered

How to? Gradient Mask in Adobe Animate

Forum|Forum|3 years ago
January 11, 2023
3 replies
5186 views

I have a night scene where the light from a lantern reveals small parts of the environment as the lantern sways.

I was going to use a gradient oval shape for the light source. Adobe Animate mask doesn't work with gradients. This is a very easy thing to do in other animation software, but I am required to use Animate for this project.

What workaround can I use to make this happen?

Thanks

This topic has been closed for replies.

Correct answer kglad

You are correct the gradient part is at the end. I did say that when I shared the tutorial. lol " The gradient mask part is towards the end." This way there was no time wasted in the beginning. lol

i think i would have gotten this under 3 minutes (but not 2) if i'd not have inadvertently created a bitmap instead of a movieclip or graphic,

Video link

https://youtu.be/Z3MbkZ0eV-0

N

Nick Gioia

Community Expert

This tutorial may help with a better understanding of the gradient mask. The gradient mask part is towards the end. https://www.youtube.com/watch?v=hHPtJTWUSOw

rhodehamelrAuthor

Inspiring

Thank you! I did see that tutorial already, but when I followed it, I didn't get the result I needed.

rhodehamelrAuthor

Inspiring

it only takes a few seconds, i can't imagine what would require a youtube tutorial.

1. create 3 layers

2. put your mask in the top most layer

3. put your masked object in the bottom layer

4. create a layer between the two layers. make sure it's also masked.

5. create something with an alpha gradient > convert it to a symbol

6. lock all layers to see your "alpha-like mask

I really appreciate the additional info. I can't try it until I get off work today.

JoãoCésar17023019

Community Expert

Hi.

If it's an AS3 document, there is a couple of workarounds:
https://community.adobe.com/t5/animate-discussions/gradient-transparency-mask/m-p/12351020

https://community.adobe.com/t5/animate-discussions/fade-away-gradient/m-p/10379851

Regards,

JC

rhodehamelrAuthor

Inspiring

I'm trying to avoid Actionscript, but I'll try this if a different workaround doesn't give the results I need. Thanks so much for the feedback!

kglad

Community Expert

Animate ignores bitmaps, gradients, transparency, colors, and line styles in a mask layer. Any filled area is completely transparent in the mask; any non-filled area is opaque.

but you can mask an alpha gradient (along with the stuff you want to mask) and get the same effect you're trying to achieve by using an alpha mask.

rhodehamelrAuthor

Inspiring

Yes. So then, there is no workaround?

kglad

Community Expert

yes, there's a work-around:

"but you can mask a symbol with an alpha gradient (along with the stuff you want to mask) and get the same effect you're trying to achieve by using an alpha mask."

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded