Copy link to clipboard
Copied
Hello,
I've run into a potential glitch or bug where my classic tweened symbol containing bitmaps doesn't distort the bitmaps as expected for a few frames during a skewing animation. Instead, the bitmaps defy the parent symbol's distortion as if they remove all transformations for a few frames, thus causing an undesired visual inconsistency/error in the animation.
Below is an example video showing the issue and further explaining it while attempting to create a simple animation of a book's page being turned.
https://youtu.be/3SnOcTJSCcs
The issue is not present when the bitmaps are converted into vector art using Adobe Animate's Image Tracing feature. So I wonder if there's anything else I could do to prevent the issue from happening with bitmaps since I wish to use more detailed photos as part of some future animations.
Thank you in advance for any input or workarounds.
Copy link to clipboard
Copied
Hi mate,
Just to add: I tested with a simple bitmap on the stage, without containers or tweens.
The moment you 'squash' below 2% the glitch appears.
This is from Flash CS6, so it must be a long-standing issue:
Maybe you can work around the issue by giving your page turn tween an ease in and out, so that the amplitudes between frames in the middle are larger.
Copy link to clipboard
Copied
This is almost an unavoidable problem with bitmap rendering,
But there is a way to avoid it.
Convert the bitmap into a movie clip, open the 3D rotation tool, select the minimum perspective angle and Z axis in the properties (for example, 1; 2), and then convert the symbol converted into a movie clip into a graphic component, and the next step can be performed .
I tried it and it was perfect!
Copy link to clipboard
Copied
Thanks all for your suggestions and verifying the problem doesn't only happen to me!
Inspired by @Firewood:D 's solution, I found another way to solve the problem by storing the bitmaps within MovieClip Symbols and setting their Render Setting to be "Cache as Bitmap".
Below is a follow-up video to my previous one demonstrating the fix and I hope it helps anyone else who needs it 🙂
https://www.youtube.com/watch?v=LJT-L4efKiQ
Copy link to clipboard
Copied
Wow! Great! I also learned
Copy link to clipboard
Copied
Well done!
🙂
Copy link to clipboard
Copied
my method
Add Adjust color to the picture inside the symbol