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

Problems by fading Symbol with layers

Community Beginner ,
Mar 02, 2020 Mar 02, 2020

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
1.5K
Translate
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

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.

Translate
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
Valorous Hero ,
Mar 02, 2020 Mar 02, 2020

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
Translate
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

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

Translate
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
Valorous Hero ,
Mar 02, 2020 Mar 02, 2020

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
Translate
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

layers.jpg

Translate
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
Valorous Hero ,
Mar 02, 2020 Mar 02, 2020

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
Translate
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

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

Translate
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
Valorous Hero ,
Mar 03, 2020 Mar 03, 2020

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
Translate
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

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
Translate
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

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

Translate
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
Valorous Hero ,
Mar 03, 2020 Mar 03, 2020

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
Translate
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

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. :)))))

Translate
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
Valorous Hero ,
Mar 03, 2020 Mar 03, 2020
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
Translate
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