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

Adobe after effect fir for html does not show animation

New Here ,
Aug 08, 2023 Aug 08, 2023

i want to run animation on my website from the one i created in adobe but it does not work .I did all steps that was in adobe website to convert AE file to html and in VS ocde i coped and pasted every code that was given by github and adobe to make animation running . but it does not run. in AE it shows it is working .animation does not even run in browser when i render it and save it to desktop and want to run it in browser  (but not the website).can you help? it is a bit urgent . I installed Bodymovin on AE too. 

TOPICS
Import and export
681
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
New Here ,
Aug 08, 2023 Aug 08, 2023

i posted the question and  because I cannot edit it ,I have to add that specifically this problem happens with text preset animation called Pixel Polly .and i do not know why. 

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 ,
Aug 09, 2023 Aug 09, 2023

I don't know which github solution you tried, but I've had some success with shapes layers and bodymovin, which creates Lottie animation files.

https://exchange.adobe.com/apps/cc/12557/bodymovin

https://lottiefiles.com/

 

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
New Here ,
Aug 09, 2023 Aug 09, 2023

I mean the Github instruction that is available to everyone to install Bodymovin and its files I mean .I do not know exactly what you did with laers and I am starter with Adobe After Effect.

The Github is just instruction for "installing files of Bodymovin as extention .that is it .nothing specific about how to do animation with CC Pixel Polly etc.what I meant is that I installed Bodymovin successfuly and it is running on browser for other presets but it does not work on browser after render for CC Pixel Polly .

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 ,
Aug 09, 2023 Aug 09, 2023

Oh I see, if you look at this page on aescripts about bodymovin, it lists the features of AE it works with:

https://aescripts.com/bodymovin/

There's very few effects it works with.  CC Pixel Polly isn't one of them, but you can probably use one of the text animation presets.  MotionIsland has a good way to browse them:

https://blog.motionisland.com/after-effects-presets-text-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
New Here ,
Aug 09, 2023 Aug 09, 2023

i need text explosion .motion island does not do this.

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 ,
Aug 09, 2023 Aug 09, 2023

Motion Island just has a gallery of animations. If you search presets for "explosion", you'll find two presets for text.

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
New Here ,
Aug 09, 2023 Aug 09, 2023

i am assuming there must be other ways to export AE files to HTML but other than this BodyMovin that is hard to work with and does not work with lots of AE effects I did not find anything online 

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 ,
Aug 09, 2023 Aug 09, 2023

You can embed video from AE easily enough, but if you want an HTML animation, body moving is the simplest option.

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
New Here ,
Aug 09, 2023 Aug 09, 2023

how can i download Motion Island ? i do not have it on my AE and i searched on Creative cloud app and it does not show either

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 ,
Aug 09, 2023 Aug 09, 2023

Sorry I seem to have confused you. Motion island is an website. They created a gallery to make it easy to see what all the presets in after effects do.  You already have the explosion preset for text.

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
New Here ,
Aug 09, 2023 Aug 09, 2023

it is even more confusing right now .so I have explosion  text preset and it does not work with html and bodymovin .

i am looking for something to solve my problem and export AE to html!!!!

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 ,
Aug 10, 2023 Aug 10, 2023
LATEST

This thread is full of apologies.  I've finally had time to test this out and you're right.  Text and Text animators do not work with Bodymovin 

At this point, I'm tempted to suggest converting the text to shapes, using the Layer > Create > Create Shapes from Text option and then manually animating each shape to explode.  While it sounds time consuming, it's probably better than stuck trying to figure out another approach.

 

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
New Here ,
Aug 09, 2023 Aug 09, 2023

any help ?

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
New Here ,
Aug 09, 2023 Aug 09, 2023

any help from community ?

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