• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

how to create these 2 text animations?

Community Beginner ,
Feb 28, 2017 Feb 28, 2017

Copy link to clipboard

Copied

Hi so I was looking at this video and would like to find out how they did these 2 text animations Sevenly Infographic Animation - YouTube

1. first animation is at start of video when "Sevenly" turns into "we were"

2. second animation is at 0:30 when you see each word appear, but its not by just adding the word into the next keyframe, the word pops out gradually(though very quickly of course)

thanks for any help given, im more interested in the second animation which seems easier and more do-able for a beginner like me

Views

306

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 28, 2017 Feb 28, 2017

The first transition:

Screen Shot 2017-02-28 at 5.10.08 AM.png

Could be dine in Illustrator bye creating the text for both words, converting the type to outlines, ungrouping each word and then using Illustrator's blend option to "morph" between the individual letters.  The whole animation is just seven frames so you would have 7 steps in your blend. Something like this:

The second animation can be done with a text animator and for scale, position and tracking with the "Based on" set to words.

Votes

Translate

Translate
LEGEND ,
Feb 28, 2017 Feb 28, 2017

Copy link to clipboard

Copied

The first appears to be simple mask/ shape path animation which is easily possible by converting the text to outlines. The second is just basic text animator stuff with the only difference being that it's set to full words instead of every single letter while the entire text layer is moved further left with every word that pops up. So basically it's a combination of the layer's position being animated to slide and the text animator.

Mylenium

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 28, 2017 Feb 28, 2017

Copy link to clipboard

Copied

LATEST

The first transition:

Screen Shot 2017-02-28 at 5.10.08 AM.png

Could be dine in Illustrator bye creating the text for both words, converting the type to outlines, ungrouping each word and then using Illustrator's blend option to "morph" between the individual letters.  The whole animation is just seven frames so you would have 7 steps in your blend. Something like this:

The second animation can be done with a text animator and for scale, position and tracking with the "Based on" set to words.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines