Not sure what's happening and I'm at a bit of a loss. They seem to be choosing colors from the composition (in this case, the background color is the same as the "platform" color from the illustration/animation). json's were brought into the dev site, the transparency isn't there and a strange background appears. What actually happened? Please include as much relevant detail as possible. I expected the transparencies to carry over into the dev site and remain transparent json was created (no pngs because I converted the layers to vectors in after effects). Then I used Bodymovin to export the animation. After completing the animations, I converted the AI Layers into vectors using AE's "Create Shapes from Vector Layer" I created my illustrations in Adobe Illustrator, then brought them into After Effects in order to animate them. Most people think MP4 uses the H264 codec, however, you can export the video in the H265 codec that supports an Alpha layer (HEVC) on this date (December 2022) Adobe software (premiere and After effects) does not support the export of alpha included H265 mp4. If your animated gif has constant motion, just reduce the comp frame rate and use Gif Gun, but I still prefer the render to lossless with alpha/open in Photoshop/Export using Legacy for the web workflow because you have complete control over the compression and the frame duration.What did you do? Please explain the steps you took before you encountered the problem. MP4 DOES support a transparency (alpha) option. You have reduced the frame count from 960 frames to 67 and reduced the file size by about 90%. When you open the rendered movie in Photoshop you go to frame 1 and set the duration to 15 seconds, then move to frame 17 and set the duration to 15 seconds, and so on. You can quickly check for transparency in any comp by simply clicking the Toggle. The easiest way to do this is to add a comp sized solid or Shape layer to the comp as the bottom layer. The entire comp is 67 frames long, with only 0 frames that are not animated every 15 frames. The 100 guaranteed solution to your problem is to add some pixels to the transparent parts of your comp and keep the Comp Background color to Black. The way I would set up the comp is to start the first 15 frame transition on frame 1, finish it on frame 16, then start the next transition on frame 18 and finish it on frame 33, then start the next transition of frame 35 and finish it on frame 50, then start the last transition on frame 52 and finish it by ending on the first layer at frame 67. The total length of the banner is 45 seconds plus 4 * 15 frame transitions. Fifteen seconds layer there is a 10 frame transition to the next frame and it holds for 15 seconds, then there is another 10 frame transition to the next frame, then that frame (image) holds for another 15 seconds, then the third transition for 10 frames to the final frame before the last transition back to the first frame. Let's say you are designing an animated banner for a website. There is never any need for duplicate frames in an animated gif. You can have that frame last for 30 seconds if you like. Inside Photoshop you can set any frame for an animated gif to any duration. Let me talk about the no duplicate frames. Use the Photoshop File menu to export an animated gif for the web using the Legacy option.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |