Kinetic Badges is a set of original usable vector graphics that can be used
as stand-alone vector graphics, or combined with the various badge options
that come with your purchase. Each graphic is also slightly animated to give
your project an unique feel. Several hundred possibilities can be created
with the badge options. Also, Kinetic Object comes with a custom image
badge that you can load up with one of your own images and a custom
text badge. It also comes with two fill statistic infographics that allow you to
choose from any of the 30 original vector graphics as the statistical fill
option. You can also choose from one of 10 backgrounds to place behind the
statistics and these backgrounds are also available as textures you can place
on your timeline for use in any project.

CREATING A BADGE. In the Badges section of Kinetic Badges, simply
choose the graphic you’d like to use. Place it on your timeline in a desired
location. Each badge comes with preset choices to give you an idea of some
of the badge style possibilities. These can easily be changed using various
combinations of the dropdown menu choices in the “Main Controls” area. If
you’d like to use the vector graphic by itself, make sure the first option
(Badge Type) is set to “Image Only” and the rest of the dropdowns are set to
“None”. You can also choose to turn the animation off by selecting the
appropriate dropdown option in the Image Controls section. Scale, reposition
and set the opacity of the badge in the Image Controls section.

BADGE CONTROLS. With some of the badge options there will be a chance
to change some important controls like the direction of the pointers or pins and
also the node length if the callout node badge is chosen. These controls are
handled under this section. You can also set the fade in and out times of the
entire badge.

IMAGE CONTROLS. These controls have to do with the image inside the
badge. Each badge may have its specific animation options, all of which can
be turned off if desired. Some animations may also have other parameters to
further adjust the animation. The remaining controls in this section allow you
to reposition, scale, rotate, change the colors, control the opacity of, and fade
in and out the image specifically.

COLOR CONTROLS. The color controls in this section allow the user to choose
a custom color for the items in the badge (excluding the image itself).

SHADOW CONTROLS. The remaining controls are the shadow controls. We
have included the ability to change the shadow style and depth of the separate
items inside the badge.

USING THE FILL STATISTICS. There are two options for the fill statistics: a simple
image fill with percentage and a split statistic image fill that shows the percentage
of both sides of the statistic.

FILL STATISTIC. The basic fill statistic tool has an easy right, center, or left layout
option that you can instantly choose. From the “Choose Image” dropdown menu,
you can choose one of any of the 30 vector images available inside Kinetic Badges.
You can even choose to load a custom image in the dropzone. Make sure your
custom image is a square image with transparency. You can also change the
scale and Z position of your image.

You can then choose an automatic camera sweep for both the X and Y axis.
The image color and image fill color can be separately chosen.

In the Percentage area, you can set a custom percentage endpoint and the
number will count up to that point automatically. Change the color, opacity, X
and Z position as well.

In the text area, you can type in your own text, choose to give it a “Type On”
animation by using the checkbox, and change its X and Z positions.

Choose a line graph style as well or you can choose to turn it off.

The background options allow you to choose one of the 10 textures that come
with Kinetic Badges. These textures automatically interact correctly with the
camera sweep.

Finally, the “All Controls” section allows you to control the statistic elements all
as one element.

The controls in the split fill statistic tool are almost identical. The only difference
is that you have two statistics and the percentage is automatically split for you.

Leave a comment