• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Problems by fading Symbol with layers

Community Beginner ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

I have a symbol with different layers that I need to fade out. But while fading, you can see the layers fading different or not behaving as one object (when different layers with the same color are on top of each other at some parts, these parts are more dark)

Is there a possibility to change that so that the symbol is fading als ONE object?

TOPICS
How to

Views

991

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
LEGEND ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

For an AS3 document, make the symbol a movieclip and set its Blending mode to Layer.

 

For an HTML5 Canvas document, make the symbol a movieclip and set its Render mode to Cache as Bitmap. Note that if you scale up a symbol cached as a bitmap, it will become blurry.

Votes

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
Guru ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

They broke the Layer blending mode a few versions back, Clay.

It does not work any more.

 

The only option in recent versions, I believe,  is to convert the content to a bitmap. (Or use Animate 2015, Flash CS6, etc.)

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
LEGEND ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

Works fine for me in 2018, 2019, and the 2020 beta.

Votes

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
Guru ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

Works fine up to 2018.

 

Steps to test.

 

1. Create a circle that is a drawing object. ALT-drag so that it duplicates and the second drawing object overlaps with the first one.

2. Select both and convert to a Movie Clip.

3. From PI reduce the alpha of the Movie Clip below 100%

Clipboard-3.png

4. Change blending mode from Normal to Layer

In 2018 and older you get:

Clipboard-4.png

In 2019 and 2020 changing the blending mode has no effect.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
LEGEND ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

layers.jpg

Votes

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
Guru ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

This is only in Flash player, Clay.

Does not render to PNG when using image export.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
LEGEND ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

You might have mentioned that in the first place, especially since OP didn't say anything about image export.

Votes

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
Guru ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

You could have acknowledged the difference in behaviour between 2019 & 2020, and 2018 & older.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
Community Expert ,
Mar 02, 2020 Mar 02, 2020

Copy link to clipboard

Copied

The only work arounds I use whenever possible are...

1. Instead of alpha, tween using tint to a solid color background.

2. If your background is not solid, double-click the symbol you are tweening with alpha, create keyframes on the very last frame of the symbols' timeline, select all and break apart everything until they are all vector shapes. Convert all strokes to shapes if necessary and then cut and paste in place all artwork into a single layer.  Back out on the parent layer, the alpha will work as intended since the artwork is now flattened on the frame that the alpha tweening resides.


Animator and content creator for Animate CC

Votes

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
Community Beginner ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

Thanks! That is also my problem. 🙂 But my grafic is al little bit more complicated see attachment). I made a rough square with different layers and a mask. The outline is made with a brush-stroke. I didn`t find a way to change the special brush-stroke to a simple shape. Also I didn`t find a way to combine the mask with the layer below. So I couldn`t put all layers together to one single shape.symbol_layers with brushstroke effectsymbol_layers with brushstroke effecttest fading by tweeningtest fading by tweening

Votes

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
Guru ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

As I initially suggested your options are converting to bitmap or using an older version of the program, such as An CC 2018 or CS6.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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
Community Beginner ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

yes, that works, just doesn`t look so clean anymore. 😉 I was hoping, that there is another simple solution that I just didn`t find out yet. :)))))

Votes

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
Guru ,
Mar 03, 2020 Mar 03, 2020

Copy link to clipboard

Copied

LATEST

If you don't scale up or down and disable smoothing for the bitmap in Library there should be no visible difference in sharpness.

 

Nick - Character Designer and Animator, Flash user since 1998
Member of the Flanimate Power Tools team - extensions for character animation

Votes

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