emailconfirmed
1,824
edits
(more links) |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
= Animated Fonts = | = Animated Fonts = | ||
In this lecture we will learn how to create animated fonts and kinetic typography. | '''In this lecture we will learn how to create animated fonts and kinetic typography.''' | ||
== Links == | == Links == | ||
=== Animation === | === Animation === | ||
* [https://vimeo.com/64895205 Stop Drawing Dead Fish] by Bret Victor | * [https://vimeo.com/64895205 Stop Drawing Dead Fish] by Bret Victor | ||
=== Kinetic Typography === | === Kinetic Typography === | ||
* Research | |||
** [http://dl.acm.org/citation.cfm?id=1142414 Using kinetic typography to convey emotion in text-based interpersonal communication] | |||
** [http://smg.media.mit.edu/papers/francis/francis_thesis.pdf CHEIRO]: Creating Expressive Textual Communication and Antropomorphic Typography | |||
* Examples | * Examples | ||
** [https://vimeo.com/channels/kinetictypography Kinetic Typography Channel on Vimeo] | ** [https://vimeo.com/channels/kinetictypography Kinetic Typography Channel on Vimeo] | ||
** [http://ertdfgcvb.com/novoline/ Novoline] by Andreas Gysin | ** [http://ertdfgcvb.com/novoline/ Novoline] by Andreas Gysin | ||
** [http://moebio.com/research/typode] | ** [http://moebio.com/research/typode Typode] by Santiago Ortiz | ||
** [https://vimeo.com/136624009 TypeCon] by Nicholas Felton | ** [https://vimeo.com/136624009 TypeCon] by Nicholas Felton | ||
** [http://pcho.net/typemenot/ Type-Me-Not] by Peter Cho | |||
** [https://twitter.com/bitcraftlab/status/705446936355201024 Letter-Morphing] in [[wikipedia:Mikie|Mikie]] | |||
* Libraries and Engines | * Libraries and Engines | ||
** [http://benedikt-gross.de/libraries/Ani/ Ani Prossing Library] by Benedikt Groß | ** [http://benedikt-gross.de/libraries/Ani/ Ani Prossing Library] by Benedikt Groß | ||
** [http://johnnylee.net/kt/ Kinetic Typography Engine] by Johnny Chung Lee | ** [http://johnnylee.net/kt/ Kinetic Typography Engine] by Johnny Chung Lee | ||
** [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography Tutorial] by Amnon Owed | ** [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography Tutorial] by Amnon Owed | ||
** [http://www.anitype.com/ Anitype Website] | |||
== Homework == | |||
* Think of a theme, an emotion or a story you want to express through animated typography | |||
* Create an animation in Processing | |||
* Upload the result to Vimeo | |||
---- | |||
= Writing Systems = | = Writing Systems = | ||
'''In this lecture we will explore different writing systems.''' | |||
==Links== | |||
=== Research === | |||
* Writing Systems | |||
** [[Schrift#Exotische_Schriften|Exotic Writing Systems]] | |||
** [[wikipedia:en/List_of_writing_systems|List of Writing Systems]] | |||
** [http://www.omniglot.com/conscripts/conlangs.htm Constructed Scripts for Constructed Languages] | |||
** [http://www.omniglot.com/conscripts/phonetic.htm Phonetic / Universal Scripts] | |||
** [http://www.omniglot.com/conscripts/fictional.htm Fictional Alphabets] | |||
=== Software === | |||
* RITA Library | |||
** [http://rednoise.org/rita/ RITA Library Page] | |||
** [https://rednoise.org/rita/reference/index.php RITA Reference] | |||
==Homework== | |||
Create some kind of fictional alphabet | |||
* Create a Processing Sketch to display the letters of the alphabet — maybe draw a chart of letters (Did you know Processing can output PDFs?) | |||
* Use the RITA library to create text in your constructed script! | |||
* Please a short paragraph in the wiki detailing the background of your fictional alphabet / writing system / language | |||
* Just posting pretty pictures is not enough | |||
Remember: | |||
* You have two weeks time to finish your homework! | |||
* Keep it simple. It’s okay if you create a writing system for a special domain (For example counting / numbers) | |||
---- | |||
= Physical Fonts = | |||
'''In this lecture we will explore 3D fonts.''' | |||
==Links== | |||
=== Examples === | |||
* Text in Space | |||
** [http://ekac.org/holopoetry.hypertext.html HoloPoetry] by Eduardo Kac | |||
** [http://typotopo.com/projects.php?id=takeluma Takeluma] by Peter Cho | |||
** [http://benfry.com/tendril/ Tendril] by Ben Fry | |||
* 3D Glyphs | |||
** [https://www.behance.net/gallery/7533397/Isometric-Font Isometric Font] by Maxim Tictac | |||
** [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Type and Form] by Carsten Schmidt | |||
** [https://vimeo.com/19580048 Heterosis] 3D curvestitching typography by Brian Benton | |||
===Software=== | |||
* 3D CAD Tools | |||
** [http://www.openscad.org/ OpenSCAD] | |||
** [http://www.mattkeeter.com/projects/antimony/3/ Antimony] | |||
** [https://www.blender.org/ Blender] | |||
** [http://www.123dapp.com/ AutoDesk] | |||
** [https://www.sketchup.com/ SketchUp] | |||
* Mesh Editing | |||
** [http://meshlab.sourceforge.net/ MeshLab] (Mesh cleaning + conversion) | |||
In this lecture we will explore | ==Homework== | ||
1. Create a a couple of 3D letters using the 3D tools we explored in class<br> | |||
2. Use the processing sketch to typeset them in 3D space | |||
Remember: | |||
* Processing can handle only OBJ files | |||
* MeshLab is your friend when it comes to conversion between 3D file formats | |||
* You can use [https://github.com/bitcraftlab/Wild-Type/tree/master/3d/alphabet3d this sketch] as a starting point | |||
---- | |||
= Reading Fonts = | |||
'''In this lecture we will explore optical character recognition''' | |||
==Links== | |||
... | |||
==Homework== | |||
... |