iMovie trouble with green screen overlay of Keynote text graphics
Below is a step by step of the issue I'm trying to resolve in iMovie.
---------------------------------------------
Step 1) This is the graphic (created in Keynote) I want to overlay into my iMovie video project. It has a white background now but I change the background to green before exporting it as a 1080p Quicktime movie file and importing it into iMovie.
Step 2) Using iMovie 10.1.1 I use the proper steps to choose a green screen overlay for my video project, which was shot as 1080p as well.
3) This is a screen shot representation of how I want the end result to be (never actually happened), maintaining the color and quality of my text graphic with my video project, but....
4) This is the error that occurs, after the green screen effect takes place it completely distorts every part of my text graphic, causing it to become pixelated and grey, and ruining the blue tone on top.
Notes: Top title bar is opaque, but bottom light blue rectangle is 36% opaque, unsure if this is a factor or not. Both color bars have a gradient effect in it's original state, which gets super distorted after green screen effect. All my software is up to date. Tried every shade of green background color fill for green screen use in Keynote before exporting. Also tried a green on top which didn't help. And tried a purple text graphic just to see if that would be different and it wasn't.
Anyone have any idea how I can fix this? As of now even Apple support for iApps seem stumped while I wait till they can do a screen-share session with me several hours from now (their system is currently down).
Hoping that this is resolvable and that I can achieve what I'm trying to with iMovie and not need to pay for Final Cut Pro X or lease Adobe Premier...but if anyone knows if that would at least 100% work if I used the other software I'd consider it.
MacBook Pro (13-inch Mid 2012), OS X El Capitan (10.11.3), iMovie 10.1.1, Keynote 6.6.1