Animated and Interactive Typographic Works

T Bones
20.May.2006 6.37am
T Bones's picture

I am currently working on a graphic design education project investigating educational and instructional materials, particularly those known as reusable learning objects, such as Flash movies, interactive or otherwise. I am seeking examples of animated typographic pieces, these could be interactive, artistic and/or educational. As an example of the type of items that I'm seeking, there are some basic interactive animations included under the 'anatomy' section of this site: http://www.rsub.com/typographic/ and an artistic piece here: http://www.arabictypography.com/flash.html (to view click one of the lighter moving squares)

If anyone knows of other such sites and would like to share, I'd be grateful. Thanks.

Grot Esqué
20.May.2006 12.34pm
Grot Esqué's picture

Well, there’s this Bembo’s Zoo.
http://www.bemboszoo.com/

Education for a little younger people…


T Bones
22.May.2006 11.09am
T Bones's picture

Thanks for reference. My little daughter liked it too.


andi emery
30.May.2006 7.12am
andi emery's picture

I have a number of kinetic sites, experimental sites and I have a couple of examples of type animations that I like to use to inspire students. I'm not sure if they would be of interest to you, but here they are nonetheless:

Super fun tool to create art with type:
http://robotype.net/herramienta.php

Drawing with type - I love this site!
http://www.storyabout.net/typedrawing/

Playing with type - exploring type:
http://www.storynest.com/Nest_Lab/1Level/e38.htm

Expressive/interactive type:
http://www.leogeo.com/

Fun site:
http://david-lu.net/v5/demos/letter3/

Text Worm:
http://www.chronotext.org/2004/text_wire_2.htm

For all seasons - amazing type:
http://www.hahakid.net/forallseasons/forallseasons.html

Music and animated type combine to make typefaces/imagery
http://www.ni9e.com/typo_illus.php

Kinetic Typography coupled with sound (Fight Club and Sky, etc.) at:
http://www.cs.cmu.edu/~johnny/kt/

This is an interesting site, although sometimes frustrating:
http://www.typorganism.com/

Type animation (specifically "Not My Type IV")
http://www.abc.net.au/arts/strange/

Beck's Black Tambourine Video couples type and his music: great inspiration for students
http://www.stereogum.com/archives/001222.html


hrant
30.May.2006 9.29am
hrant's picture

Andrea, wow! Now that's a keeper list.

hhp


Miss Tiffany
30.May.2006 9.47am
Miss Tiffany's picture

Andi, wiki-fy that list!! Let's see. What could it be called. Paul??


andi emery
31.May.2006 4.38pm
andi emery's picture

I'm so pleased you like my list! "wiki-fy" it! I think you just coined a new phrase, Tiff. I would love to contribute to the wiki.


paul d hunt
31.May.2006 4.44pm
paul d hunt's picture

[[kinetic type]]


T Bones
7.Jun.2006 12.58am
T Bones's picture

Andi,
Yes, the links are of interest. Thank you for your help. Much appreciated. If I find any other links I'll post them here.


andi emery
7.Jun.2006 8.20am
andi emery's picture

Thanks T - any shared resources are always very much appreciated!


devisionbell
11.Jun.2006 9.15pm
devisionbell's picture

How about www.typehype.net from http://typophile.com/node/16534

I haven't had the chance to experiment fully or implement more interactive type devices in the classroom setting, though would be interested to hear any insights of how some of these resources are being used (successfully or otherwise) by my fellow educators out there.

-nic


Thierry
26.Aug.2006 12.22pm
Thierry's picture

Here is my little contribution, T bones. Two or three years ago, I had to create some content for an online course about typography for beginners. All the stuff is currently on an open and distance learning platform and is only avalaible for registered trainees (and everything is in french). But tell me if you are interested and I will send you a login and a password.

You can also have a look at two files posted on my own website. The first one is an attempt to explain the basic principles of page layout to non-designers. It is based on the books of Robin Williams and made in Flash. It is also only in french.

The second one is a small application dedicated to fonts exploration. This one is in french and english. Comments and critics about the content (and about my mistakes in english) are welcome.


Don McCahill
5.Sep.2006 7.03am
Don McCahill's picture

Nice Thierry


dezcom
5.Sep.2006 11.57am
dezcom's picture

Thanks Thierry!

ChrisL


T Bones
11.Sep.2006 7.41am
T Bones's picture

Thierry, these are great. Yes, I would be interested in viewing the distance learning platform, despite my poor French language skills. Many thanks, Tim.


T Bones
2.Oct.2006 12.10am
T Bones's picture

Here's another. Most of the lessons contain simple Flash educational elements: http://sofia.fhda.edu/gallery/typography/lesson1.html

See also: http://typophile.com/node/5184

(Thierry, time permitting, I will work my way through the exercises, thanks again.)


T Bones
10.Nov.2006 11.55pm
T Bones's picture