<p>Okay, now that you have updated your question I think we may be able to answer your questions better...</p>

<p>But keep in mind this could have been done 100 ways and we are simply hypothesizing on how it could have been done.</p>

<ol>
<li><p>The individual letters coming in like this could be done 100 different ways, it could be done via an effect in aftereffects, a preset in livetype, etc.  I most likely would simply make each letter its own layer and tie that to a slider via expressions and then be able to keyframe the slider to initiate and finish the animation...this allows me to change the speed of the animation easily and the in and out points of the animation etc.</p></li>
<li><p>My guess is that as the items are sliding in and out vertically there is a mask of white with a high feather so that as it goes from center to bottom or top...it is going beneath a layer of white that is feathered to solid at the tops and bottom and feathered to transparent at the center.</p></li>
<li><p>I am going to say this was also done with expressions, he had a gride of icons, in a circle...made the middle icons slide from the - in the z axis and arrive on 0, with a crossfade of an icon of the world.</p></li>
<li><p>This is more of an audio question, "how do you make music?" but I would say digital performer, or even on the super cheap side is garageband which is free with mac os, and theres millions between, burn-studios.audiotool.com is free, theres audacity, theres fruity loops</p></li>
</ol>

<p>Hope this helps you a little bit</p>

CC BY-SA 3.0
2013-02-05T19:04:55.537Z
2013-02-05T19:04:55.537Z
Chris James Champeau
<p>Here's a 1 minute After Effects (?) production about The Noun Project (an <em>iconic</em> website):<br />
<a href="https://vimeo.com/48846655" rel="nofollow noreferrer">https://vimeo.com/48846655</a></p>
<p>I really like the style of it and would like to learn how to create something similar.</p>
<p><strong>Questions</strong></p>
<ol>
<li>What effect is used for the letters to animate per-letter vertically?</li>
<li>How is the scene setup so that element gradually fade in and out from the top/bottom?</li>
<li>How can the &quot;elements-to-globe animation&quot; at 0.54 done?</li>
<li>Where can I find or create sound similar to that used in the film?</li>
</ol>
<p><img src="https://i.sstatic.net/IOzvM.png" alt="enter image description here" /></p>

CC BY-SA 3.0
2013-02-02T08:00:31.420Z
Hi dani -point 4 is going to be off topic here. As for point 1- what do you mean? Are you asking about animation, motion blur, panning or what?  There are a range of techniques in use in this video and asking about all of them is a bit too broad a question.
Dr Mayhem
CC BY-SA 3.0
2013-02-02T17:41:30.013Z
Thanks for your comment. Ideally I'd like the answer to outline how I could create a similar film in AE, perhaps giving examples of settings used to achieve these specific effects: What values for motion blur and how is the camera set up? How is the typography animated and what about the other vertical movement?
dani
CC BY-SA 3.0
2013-02-04T14:34:34.037Z
I think this question may be to broad to get a good answer.  It would be better if you split it up into several questions about specific portions of the video.
Friend Of George
CC BY-SA 3.0
2013-02-05T01:20:10.407Z
Yea you are essentially asking, how to do motion graphics...
Chris James Champeau
CC BY-SA 3.0
2013-02-05T08:34:48.260Z
Thanks for your comments. @ChrisJamesChampeau, I rephrased questions to be more specific.
dani
<video><after-effects>
What techniques are used to create this 1-minute motion graphic?
dani
# What techniques are used to create this 1-minute motion graphic?

(Asked by: username_0 on 2013-02-01)

Here's a 1 minute After Effects (?) production about The Noun Project (an *iconic* website):  
<https://vimeo.com/48846655>

I really like the style of it and would like to learn how to create something similar.

**Questions**

1. What effect is used for the letters to animate per-letter vertically?
2. How is the scene setup so that element gradually fade in and out from the top/bottom?
3. How can the "elements-to-globe animation" at 0.54 done?
4. Where can I find or create sound similar to that used in the film?

![enter image description here](https://i.sstatic.net/IOzvM.png)

**Tags:** video, after-effects

> **Comments:**
> **username_1**: Hi username_0 -point 4 is going to be off topic here. As for point 1- what do you mean? Are you asking about animation, motion blur, panning or what?  There are a range of techniques in use in this video and asking about all of them is a bit too broad a question.  
> **username_0**: Thanks for your comment. Ideally I'd like the answer to outline how I could create a similar film in AE, perhaps giving examples of settings used to achieve these specific effects: What values for motion blur and how is the camera set up? How is the typography animated and what about the other vertical movement?  
> **username_2**: I think this question may be to broad to get a good answer.  It would be better if you split it up into several questions about specific portions of the video.  
> **username_3**: Yea you are essentially asking, how to do motion graphics...  
> **username_0**: Thanks for your comments. @ChrisJamesChampeau, I rephrased questions to be more specific.  

---

## 1 answers

### Answer by username_3 on 2013-02-05. Score: 2

Okay, now that you have updated your question I think we may be able to answer your questions better...

But keep in mind this could have been done 100 ways and we are simply hypothesizing on how it could have been done.

1. The individual letters coming in like this could be done 100 different ways, it could be done via an effect in aftereffects, a preset in livetype, etc. I most likely would simply make each letter its own layer and tie that to a slider via expressions and then be able to keyframe the slider to initiate and finish the animation...this allows me to change the speed of the animation easily and the in and out points of the animation etc.
2. My guess is that as the items are sliding in and out vertically there is a mask of white with a high feather so that as it goes from center to bottom or top...it is going beneath a layer of white that is feathered to solid at the tops and bottom and feathered to transparent at the center.
3. I am going to say this was also done with expressions, he had a gride of icons, in a circle...made the middle icons slide from the - in the z axis and arrive on 0, with a crossfade of an icon of the world.
4. This is more of an audio question, "how do you make music?" but I would say digital performer, or even on the super cheap side is garageband which is free with mac os, and theres millions between, burn-studios.audiotool.com is free, theres audacity, theres fruity loops

Hope this helps you a little bit


---

