
In the highlighted area you’ll see several options, namely the rectangle tool to make a square, the ellipse tool to make a circle, the polygon tool to make a hexagon, etc… Here I use the circle, or ellipse, tool.

I’m using the more simple drag and drop method here. Navigate to the top menu bar and click file -> import (CTRL + I) There are several ways to insert images (jpg, png, or Adobe Illustrator files) into Adobe After Effects. If the vector image is from Adobe Illustrator, there is no provision for the size of the artboard and the same rule applies: the larger the resolution, the better it will be rendered later.Īfter the image enters Adobe After Effects, it can be resized according to the size of the artboard that you created. In fact, the greater the image quality, the better the results when rendered. Jpg/png images have no size limit for insertion into After Effects. This article will discuss making a simple logo animation that can be used as a basis for making more extensive animation. Here is an example of making simple animation for a website or mobile application with the bodymovin plugin ( ). You can make animations with After Effects and then export them into JSON files so that developers can install these animations in applications or the web. In the application or on the web it will be more interesting if there are some animations included. Not only the overall appearance, but even the smallest details, such as buttons, affect the experience of visitors using the website.

If visitors are happy with the UI appearance, they will come back to explore the website. UI can be a determining factor whether visitors are interested in exploring a website or mobile apps.
