# Gradient Black and White Issue

**URL:** <https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299>\
**Category:** Lottie Animation Design\
**Created:** [February 19, 2022, 1:13pm UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299 "2022-02-19T13:13:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![barzamir10](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/barzamir10/32/2003_2.png) [@barzamir10](https://forum.lottiefiles.com/u/barzamir10)\
**Post date:** [February 19, 2022, 1:13pm UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/1 "2022-02-19T13:13:57Z")

</div>

Hello, I’ve started recently to create some animation to lottie using the bodymovin/lottiefiels plugin.  
Every time I create an animation with gradient color in shapes, it becomes black and white gradient when I export the file through those plugins.  
I’ve searched the whole internet, I tried to name the layer “Gradient fill”, save the file before I export, re-open AE - but nothing works.  
If someone know about any new trick that might possibly worked - please let me know! I’m frustrated…

---

<div class="post-metadata">

**Author:** ![magicflowstudio](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/magicflowstudio/32/1667_2.png) [@magicflowstudio](https://forum.lottiefiles.com/u/magicflowstudio)\
**Post date:** [February 25, 2022, 7:56am UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/2 "2022-02-25T07:56:54Z")

</div>

Hello, I have the same issue! I tried everything and all the gradient and drop shadow effects are missing.

---

<div class="post-metadata">

**Author:** ![irbypace](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/irbypace/32/3165_2.png) [@irbypace](https://forum.lottiefiles.com/u/irbypace)\
**Post date:** [February 25, 2022, 6:10pm UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/3 "2022-02-25T18:10:28Z")

</div>

Effects that are manipulated in the “Effect Controls” such as Drop Shadow, aren’t supported by Lottie format.  
@barzamir10 @magicflowstudio

---

<div class="post-metadata">

**Author:** ![thomas.bne](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/thomas.bne/32/2947_2.png) [@thomas.bne](https://forum.lottiefiles.com/u/thomas.bne)\
**Post date:** [February 26, 2022, 11:00am UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/4 "2022-02-26T11:00:40Z")

</div>

Hey people in black and white,  
You maybe use AE in foreign language, could solve this issue by turning the software in English

---

<div class="post-metadata">

**Author:** ![yt1](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/yt1/32/3662_2.png) [@yt1](https://forum.lottiefiles.com/u/yt1)\
**Post date:** [May 31, 2024, 5:58am UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/5 "2024-05-31T05:58:47Z")

</div>

I found that way, I use gradient colours in RGB as you said, save and render with bodymovin.  
And make a new file if it didn’t work before. It didn’t work for me to change the existing one to RGB, so open a new file and test with the gradient box and redesign it there! Thanks!

---

<div class="post-metadata">

**Author:** ![Ezequiel](https://yyz2.discourse-cdn.com/flex030/user_avatar/forum.lottiefiles.com/ezequiel/32/4440_2.png) [@Ezequiel](https://forum.lottiefiles.com/u/Ezequiel)\
**Post date:** [March 21, 2025, 8:56pm UTC](https://forum.lottiefiles.com/t/gradient-black-and-white-issue/2299/6 "2025-03-21T20:56:23Z")

</div>

There is a bug in Bodymovin that exports gradient fills incorrectly if you do not save the .aep file before exporting to .json. To fix this issue, save your project first to get the gradient exported correctly!
