{"id":6516,"date":"2024-04-14T15:32:31","date_gmt":"2024-04-14T07:32:31","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6516"},"modified":"2024-04-14T15:32:31","modified_gmt":"2024-04-14T07:32:31","slug":"set-up-bodymovin-for-after-effects","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/set-up-bodymovin-for-after-effects\/","title":{"rendered":"Set up Bodymovin for After Effects"},"content":{"rendered":"\n
\n

Bodymovin is an open, no-cost extension that allows you to export After Effects compositions as JSON documents for embedding in websites and integrating into apps. Let’s delve into the process of initializing the Bodymovin extension.<\/p>\n

We will accomplish this in four simple steps:<\/p>\n

    \n
  1. Acquire the Bodymovin extension<\/li>\n
  2. Confirm After Effects settings<\/li>\n
  3. Generate an animation<\/li>\n
  4. Integrate the animation into a website<\/li>\n<\/ol>\n

    <\/p>\n

    1. Acquire the Bodymovin extension<\/h2>\n

    Visit Adobe Exchange and download the complimentary Bodymovin extension.<\/p>\n

    \n
    <\/div>\n<\/figure>\n

    Note: Ensure that you are logged into the correct Creative Cloud account if you have multiple subscriptions, to easily locate the extension in the subsequent step.<\/p>\n

    2. Confirm After Effects settings<\/h2>\n

    Launch After Effects and locate Bodymovin within the Window > Extensions menu.<\/p>\n

    If Bodymovin is not visible, attempt restarting After Effects.<\/p>\n

    To ensure proper file access permissions, navigate to After Effects > Preferences > Scripting & Expressions (Edit > Preferences > Scripting & Expressions on Windows).<\/p>\n

    \n
    <\/div>\n<\/figure>\n

    <\/p>\n

    \n
    <\/div>\n<\/figure>\n

    <\/p>\n

    Locate Allow Script to Write Files and Access Network<\/em> and ensure that it is enabled.\u00a0<\/p>\n

    3. Generate an animation<\/h2>\n

    Let’s export a composition using Bodymovin. <\/p>\n

    Open your animation in After Effects and access Window > Extensions > Bodymovin to export the animation along with any other compositions for rendering.\u00a0<\/p>\n

    \n
    <\/div>\n<\/figure>\n

    <\/p>\n

    Note: Enable compression in the Settings menu if your composition contains rasterized images.\u00a0<\/p>\n

    \n
    <\/div>\n<\/figure>\n

    <\/p>\n

    Check the designated folder and save the JSON file before exporting by clicking Render.<\/p>\n

    \n