6 Web 2.0 Animation Tools

TwitterFacebookPinterestGoogle+BufferDiggEvernoteEmailShare/Bookmark

Animation projects are a great way to integrate technology, encourage project-based learning and have a lot of fun. This month let’s take a quick tour of seven Web 2.0 animation sites for students young and old.

ABCYa.com is a very simple animation site for young students. It provides 40 frames and a blank canvas…similar to hand drawing frames in a notebook and then flipping the pages. It’s easy and kids love bringing their drawings to life.

Students in upper elementary and middle school will enjoy Fluxtime. The site includes a library of background templates and objects. Add them to the canvas, move and record the movements. Completed projects can be emailed and/or published to a gallery.

Moving up a level of complexity is DigitalFilms.com. Like Fluxtime, numerous backgrounds and objects are provided. A character creator is also included so students can make a character that looks just like them. Actions can be added to the characters as well as text and the creation can be shared online.

GoAnimate is definitely a big step up from the previously mentioned sites and works well for middle and high school students. Think of your creation as a comic strip where the characters in each scene can speak and be animated. The quality of the graphics is amazing and the user interface is very intuitive. The site is so fun and easy to use your students will love it.

A powerful, frame-by-frame, animation tool is DoInk. It features easy to use vector drawing tools one-click frame cloning. After an animation is created (called a drawing), it can be inserted into another, larger project called a composition. This is great practice before introducing students to Adobe Flash. Check out the DoInk featured compositions for project ideas.

For more involved, 3-D looking animations, try Xtranormal. This site is a blast. Choose Make Movies then choose a collection. Collections are sets of characters such as historical figures, robots, etc. Making a movie is as simple as typing your script, choosing a voice and adding actions. You can even add camera angles. The finished product is a full motion video which can be shared and even loaded to YouTube. If you don’t want to work online you can download the client version called State.

Give these animation web tools a try and post your comments on the Teacher Experience Exchange. If you have your own favorite sites, please share!

43 Comments

7 Web 2.0 Animation Tools | Mark Brumley | Connected Learning | Scoop.it 17-01-2012, 23:52

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 4:52 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | qrcodes et R.A. | Scoop.it 18-01-2012, 01:31

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 6:31 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Utbildning på nätet | Scoop.it 18-01-2012, 01:37

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 6:37 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Prionomy | Scoop.it 18-01-2012, 02:42

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 7:42 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Technology and Education Resources | Scoop.it 18-01-2012, 23:02

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 4:02 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | iPad Resources | Scoop.it 21-01-2012, 11:54

[…] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } http://www.markbrumley.com – Today, 4:54 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Education and Digital Curation | Scoop.it 16-03-2012, 20:11

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com (via @elvin_estrada) – Today, 1:11 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Handy Online Tools for Schools | Scoop.it 22-03-2012, 17:26

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com (via @LifeCubby) – Today, 10:25 […]

Reply
7 Web 2.0 Animation Tools | Didattica 2.0 | Scoop.it 24-03-2012, 18:16

[…] background-position: 50% 0px; background-color:#121212; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 11:16 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley « Free Online tools and other stuff… 31-03-2012, 19:17

[…] Via http://www.markbrumley.com Share this:TwitterFacebookLike this:LikeBe the first to like this post.   Leave a comment […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Organizational Development 2.0 | Scoop.it 31-03-2012, 20:00

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com (via @mrmuzzdog) – Today, 2:00 […]

Reply
98 EdTech Resources You May Have Missed–Treasure Chest April 1, 2012 | Tech the Plunge 01-04-2012, 09:54

[…] 7 Web 2.0 Animation Tools | Mark Brumley–Animation projects are a great way to integrate technology, encourage project-based learning and have a lot of fun. […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Utbildning på nätet | Scoop.it 03-04-2012, 00:44

[…] background-position: 50% 0px; background-color:#222222; background-repeat : repeat; } http://www.markbrumley.com – Today, 6:44 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Moodle and Web 2.0 | Scoop.it 03-04-2012, 01:50

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 7:50 […]

Reply
Mark Brumley: 7 Online tools om animaties te maken | Educatief Internet | Scoop.it 03-04-2012, 02:25

[…] background-position: 50% 0px; background-color:#000066; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 8:25 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Apps, Softwares y Web 2.0 | Scoop.it 03-04-2012, 03:04

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 9:02 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | New Learning - Ny læring | Scoop.it 03-04-2012, 07:58

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 1:58 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | teaching with technology | Scoop.it 03-04-2012, 16:40

[…] background-color:#a7394e; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 10:39 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Tommy found a real book. 03-04-2012, 16:40

[…] Scoop.it – teaching with technologyCreating web animations with these tools.Via http://www.markbrumley.com Share this:TwitterFacebookLike this:LikeBe the first to like this […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Tablet publicaties maken | Scoop.it 04-04-2012, 06:02

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 12:02 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Videos éducatives | Scoop.it 04-04-2012, 09:42

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 3:42 […]

Reply
Diigo 04/04/2012 04-04-2012, 18:33

[…] 7 Web 2.0 Animation Tools | Mark Brumley […]

Reply
Group Link Post 04/05/2012 | KJsDiigoBookmarks 05-04-2012, 03:32

[…] 7 Web 2.0 Animation Tools | Mark Brumley […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley « Educational Technology for Teachers 05-04-2012, 04:58

[…] Via http://www.markbrumley.com Share this:TwitterFacebookLike this:LikeBe the first to like this post. […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | New Web 2.0 tools for education | Scoop.it 05-04-2012, 07:35

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 1:34 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | K-12 Web Resources | Scoop.it 05-04-2012, 11:54

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 5:54 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Ripples | Scoop.it 05-04-2012, 15:26

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 9:26 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Web2 Wonders | Scoop.it 05-04-2012, 19:59

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 1:59 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | eLanguages | Scoop.it 06-04-2012, 05:37

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com (via @jillrhoads) – Today, 11:37 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Edu Technology | Scoop.it 07-04-2012, 14:14

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 8:14 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | Picotopics | Scoop.it 08-04-2012, 18:43

[…] } #themeHeader #titleAndDescription * { color: black; } http://www.markbrumley.com – Today, 12:43 […]

Reply
Group links post 04/11/2012 | KJsDiigoBookmarks 10-04-2012, 19:36

[…] 7 Web 2.0 Animation Tools | Mark Brumley […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | TICs en primaria , secundaria y bachillerato | Scoop.it 11-04-2012, 06:31

[…] background-color:#222222; background-repeat : repeat; } http://www.markbrumley.com – Today, 12:30 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | TIC, Innovación y Educación | Scoop.it 11-04-2012, 07:46

[…] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com (via @crisdialpe) – Today, 1:46 […]

Reply
7 Web 2.0 Animation Tools | Mark Brumley | The DigiTeacher | Scoop.it 31-05-2012, 00:18

[…] background-position: 50% 0px ; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 6:18 […]

Reply
OTR Links 05/31/2012 | doug – off the record 31-05-2012, 00:31

[…] 7 Web 2.0 Animation Tools | Mark Brumley […]

Reply
7 Web 2.0 Animation Tools | Ict4champions | Scoop.it 31-05-2012, 02:29

[…] background-position: 50% 0px ; background-color:#222222; background-repeat : no-repeat; } http://www.markbrumley.com – Today, 8:29 […]

Reply
7 Web 2.0 Animation Tools | Teach Amazing! | WYY Tech | Scoop.it 05-03-2013, 01:46

[…] Don't miss these web 2.0 animation tools that keep projects fun & interactive! http://t.co/4zBd4jFGjd #cpchat #edchat  […]

Reply
7 Web 2.0 Animation Tools | Teach Amazing! | Future of School Libraries | Scoop.it 06-03-2013, 04:45

[…] "@TeachAmazing: Web 2.0 animation tools that keep projects fun & interactive! http://t.co/VdYxIeOczi great new resources! #edtech #iled  […]

Reply
7 Web 2.0 Animation Tools | Web tools to support inquiry based learning | Scoop.it 07-03-2013, 20:43

[…] Animation projects are a great way to integrate technology, encourage project-based learning and have a lot of fun.  […]

Reply
7 Web 2.0 Animation Tools | Teach Amazing! | Favorite Tweets | Scoop.it 09-03-2013, 19:56

[…] For students alike, use animation to keep learning fun & students engaged! http://t.co/4zBd4jFGjd #edtech #teaching  […]

Reply
7 Web 2.0 Animation Tools | Teach Amazing! | Digital Classroom resources | Scoop.it 09-03-2013, 19:57

[…] For students alike, use animation to keep learning fun & students engaged! http://t.co/4zBd4jFGjd #edtech #teaching  […]

Reply
7 Web 2.0 Animation Tools | iEduc | Scoop.it 10-03-2013, 13:18

[…] Animation projects are a great way to integrate technology, encourage project-based learning and have a lot of fun.  […]

Reply

Leave a Reply