<p>In the example given, <a href="http://en.wikipedia.org/wiki/Motion_graphics" rel="nofollow"><strong>motion graphics</strong></a> techniques are used. Motion graphics consists of <em>Graphic Design</em> and <em>Animation</em>, of course. In order to create something like that, you need a tool which includes <strong>typography, color and animation features</strong>, but actually it's key to handle and process all of your <strong>design assets</strong>, like flow charts, icons, images or backdrops, which created in <strong>other applications</strong> with animation in mind.</p>

<p><strong>In general you can do this in many <a href="http://en.wikipedia.org/wiki/List_of_2D_animation_software" rel="nofollow">2D animation</a> tools</strong>, but In terms of flexibility and speed, I suggest you to use Adobe After Effects in combination with Illustrator or Photoshop. Almost every image and <strong>vector format</strong> is supported, so in this you don't have to deal with technical limitations. Also It's layer based and for this reason easy to learn for this kind of animation work.</p>

CC BY-SA 3.0
2015-04-14T12:17:27.953Z
2015-04-14T18:14:06.887Z
2015-04-14T18:14:06.887Z
p2or
<p>I am teacher , I am teaching web technologies and programming languages ,sometimes i need explain some technologies by some animation .
here is an example <a href="https://vimeo.com/113530912" rel="nofollow">https://vimeo.com/113530912</a></p>

<p>i wants know what techniques used in this like video and what best way to start.</p>

<animation>
Simple video animation for teaching purpose
user1086010
# Simple video animation for teaching purpose

(Asked by: username_0 on 2015-04-14)

I am teacher , I am teaching web technologies and programming languages ,sometimes i need explain some technologies by some animation .
here is an example <https://vimeo.com/113530912>

i wants know what techniques used in this like video and what best way to start.

**Tags:** animation


---

## 1 answers

### Answer by username_1 on 2015-04-14. Score: 1 | Accepted answer

In the example given, [**motion graphics**](http://en.wikipedia.org/wiki/Motion_graphics) techniques are used. Motion graphics consists of *Graphic Design* and *Animation*, of course. In order to create something like that, you need a tool which includes **typography, color and animation features**, but actually it's key to handle and process all of your **design assets**, like flow charts, icons, images or backdrops, which created in **other applications** with animation in mind.

**In general you can do this in many [2D animation](http://en.wikipedia.org/wiki/List_of_2D_animation_software) tools**, but In terms of flexibility and speed, I suggest you to use Adobe After Effects in combination with Illustrator or Photoshop. Almost every image and **vector format** is supported, so in this you don't have to deal with technical limitations. Also It's layer based and for this reason easy to learn for this kind of animation work.


---

