Scribd
Upload
4 views6 pages

HelpFile Web Design Icons

This document provides instructions for using animated web design icons in After Effects, including steps for customizing and rendering the icons. It also details the installation and usage of the Bodymovin extension for exporting SVG Lottie JSON animations. The guide concludes with a thank you note for purchasing the product.

Uploaded by

syahrur.03.ms
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views6 pages

HelpFile Web Design Icons

This document provides instructions for using animated web design icons in After Effects, including steps for customizing and rendering the icons. It also details the installation and usage of the Bodymovin extension for exporting SVG Lottie JSON animations. The guide concludes with a thank you note for purchasing the product.

Uploaded by

syahrur.03.ms
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Animated

Web Design Icons


Hello! Thank you for buying our product!

By [Link]

How to Use:

1. Open Your After Effects File (30 Web Design Icons \ 01. Web Design Icons
(After Effects Files) \ 01. Web Design Icons \ 30 Web Design [Link])

2. Open Composition file about Animated Web Design Icons (// 30 Web
Design Icons)
3. Now you can see the contents of the animation file.

4. Open the sub compositing to custom the icon you want.

You can adjust the color of the icon that you want on the Fill and

Stroke tabs.

5. Finally, you render this animation file for use in your work (File > Export > Add
to Render Queue) or press Ctrl + M (Windows).
Or you can render from Adobe Media Encoder (Composition > Add to Media
Encoder Queue) or press Ctrl + Alt + M (Windows).
SVG Lottie JSON Animation

Extension Installation:

1. Go to site ([Link] to download Bodymovin


extension
2. Download the installer that suits your operating system and install it
3. Go to site ([Link] to download ZXP Installer
4. Run ZXP Installer
5. Drag [Link] file to installer window and wait for the extension to be
installed
6. Done!
How To Use Bodymovin:

1. Enable the “Allow Script to Write Files and Access Network” option in Edit >
Preferences > Scripting & Expressions

2. Go to Bodymovin Panel (Window > Extensions > Bodymovin)

3. Click on “Refresh List” button

4. Then check the “Selected” composition that will be rendered


5. Click “Settings” then select (Check Glyphs, Assets > Include in json, Export
Modes > Standard, Demo) and Save

6. Click three dots to determine where to save the output file


7. Finally, click (Render ) to render this SVG Lottie JSON Animations.

Thank You!

You might also like