In this article, we're highlighting our Logo Animator. This is a fun, free feature that we've added to our existing Logo Design Tool. With it, you can bring life to any logo that's available on our website. We love using the Logo Animator here at FlamingText and have come up with a variety of cool animation styles that are available for you to personalize. You'll also find it easy to create your own styles. Follow our tutorial below and you'll be making awesome animated effects in no time.
Join us in creating a simple I HEART FT animation. This will introduce you to the basic steps involved in creating an animated logo. Here's a preview of the animated logo that will be produced at the end of this tutorial so that you have an idea of what's in store ...
Figure 1. I HEART FT Animated Logo
An animated logo is created from a set of frames, each frame containing a still logo image. The animated effect is achieved by displaying the frames quickly one after another in a particular order. The I HEART FT animation that we will be creating in this tutorial is made up of three frames. We'll now show you how to go about setting up the frames for this animation.
Typically, an animated logo will feature a base logo style which is the logo style on which each frame is built on. The base logo style for the I HEART FT animation is the Alien Neon logo style.
In this step, we modify the properties of the base logo style to achieve the look that we desire for our animated logo. Each of the frames in the I HEART FT animation will be based on this new look.
On the Alien Neon logo properties page, change the properties listed below to the values specified.
Figure 2. Select Font Window
It's now time to use the Logo Animator. We will be using it in custom animation mode (as opposed to predefined effects mode).
Figure 3. Animate Button
When the Logo Animator is first opened in custom animation mode, it will consist of a single frame. The frames associated with the animation are listed just below the logo preview image under the 'Add frame' button.
Figure 4. Animator with a Single Frame
To create an animation you need more than one frame. Let's now add two additional frames.
You should now see three frames associated with the animation. Notice the little 'x' associated with each frame. Clicking on the 'x' will remove the particular frame from the list.
Figure 5. Animator with Three Frames
We will now style the logo image for frame 1.
Figure 6. Frame 1 Styling
We will now style the logo image for frame 2.
Figure 7. Frame 2 Styling
We will now style the logo image for frame 3.
Figure 8. Frame 3 Styling
Now that we have our frames all set up, let's generate the animation.
Let's slow down the animation a bit by adjusting the frame speed.
Figure 9. Copy value to all frames Icon