(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== | |||
... |
Latest revision as of 13:50, 12 March 2016
Animated Fonts
In this lecture we will learn how to create animated fonts and kinetic typography.
Links
Animation
- Stop Drawing Dead Fish by Bret Victor
Kinetic Typography
- Research
- Using kinetic typography to convey emotion in text-based interpersonal communication
- CHEIRO: Creating Expressive Textual Communication and Antropomorphic Typography
- Examples
- Kinetic Typography Channel on Vimeo
- Novoline by Andreas Gysin
- Typode by Santiago Ortiz
- TypeCon by Nicholas Felton
- Type-Me-Not by Peter Cho
- Letter-Morphing in Mikie
- Libraries and Engines
- Ani Prossing Library by Benedikt Groß
- Kinetic Typography Engine by Johnny Chung Lee
- Generative Typography Tutorial by Amnon Owed
- 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
In this lecture we will explore different writing systems.
Links
Research
- Writing Systems
Software
- RITA Library
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
- HoloPoetry by Eduardo Kac
- Takeluma by Peter Cho
- Tendril by Ben Fry
- 3D Glyphs
- Isometric Font by Maxim Tictac
- Type and Form by Carsten Schmidt
- Heterosis 3D curvestitching typography by Brian Benton
Software
- 3D CAD Tools
- Mesh Editing
- MeshLab (Mesh cleaning + conversion)
Homework
1. Create a a couple of 3D letters using the 3D tools we explored in class
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 this sketch as a starting point
Reading Fonts
In this lecture we will explore optical character recognition
Links
...
Homework
...