Visual references to P3: Dynamic Typography

Detail of Primavera Sounds project (© Eugénia Rocha, Inês Saraiva, Mariana Carvalho, LSI 2018)

Here are some references of authors and projects to help find and deepen the development of ideas for the final project of LSI19: Dynamic Typography.

In the past — as in the processing training manual and on the author and artist references page —several examples have been collected. Almost all of them have relevant work, one way or another, for this UC. Additionally, the master's dissertations of Sandra Mónia and Vítor Quelhas contain references to generative art and dynamic typography respectively. Vítor's concretely explains the definition of Dynamic Typography intended in this project.

The first stopping points in this survey are, of course, Creative Applications and Open Processing. Instagram is also a source of inspiration, not only in dynamic typography, but also in kinectic typography and especially in variable fonts (which is not quite the subject of the project, but… Anyway… here yes, things move!). An unexpected place is Pinterest… I know… I know… Pinterest… I confess that I hardly ever use and do not even understand this social network… but, it has beautiful images 😉

Without further delay, some examples.


Being not truthful works against me (2006). Ralph Ammer and Stefan Sagmeister. http://we-make-money-not-art.com/being_not_truth/. http://www.artic.edu/aic/collections/artwork/197545/print
Alphabot (2001). Nikita Pashenkov. http://tdctokyo.org/eng/?award=01_nikita-pashenkov (Runs in Processing 1.0)
Timed type (2011). Stefanie Schwarz

This designer is the author of the book that inspires and guides the development of the last proposal [which I take to the initial p3 class). It results from her master's degree.

Drop Clock (2012). Yugo Nakamura. Link 1. Link 2

You can't not know Nakamura!

Morisawa Font Park 2.0 (2008)*. Yugo Nakamura, Tha (
Maze (2006). Holger Lipman
nhttps://frm.fm/a/holger_lippmann/maze_1 https://vimeo.com/243454892
Op Clock & Offf Moscow titles (2015)
Universal Everything (Matt Pyke). http://universaleverything.com/projects/opclock. https://www.itsnicethat.com/articles/universal-everything-offf
Weird Type (2017) (and other random stuff…
) Zach Lieberman. Link 1. Link 2
FIELD x Monotype: Glyph.Index (2017). https://www.field.io/project/type-reinvented/. https://www.itsnicethat.com/articles/field-monotype
Muir McNeil (2017)
Eye Magazine Generative Cover. https://www.dezeen.com/2017/09/11/muirmcneil-8000-unique-covers-eye-magazine-design-graphics/
Type & Form (2008)
Karsten Schmidt. http://glia.ca/conu/digitalPoetics/prehistoric-blog/2010/12/22/2008-karsten-schmidt-programmable-typography/
(Untitled, s. d.)
Lia. http://www.graphicine.com/lia-early-pioneer-of-software-and-net-art/
Richard Niessen & Esther of Vries. http://www.graphicine.com/richard-niessen-e-esther-de-vries/
Wim Crouwel. http://www.graphicine.com/dutch-design-legend-wim-crouwel/
Maeda Lecture (Poster, 2008)
Golan Levin. http://www.flong.com/projects/maeda_poster/
Color Typewriter & Post Digital (2001)
John Maeda. http://www.ntticc.or.jp/en/feature/2001/Post_Digital/
Works/color_type.html.
http://www.ntticc.or.jp/en/feature/2001/
Post_Digital/Works/copic_tv.html
Graphisme Algorithmique (2014). Abstract Machine (Michael Martin, et. al). https://vimeo.com/88372198
http://www.abstractmachine.net/blog/graphisme-algorithmique/
Adobe Remix (2015)
Robert Hodgin. http://roberthodgin.com/portfolio/work/adobe-remix/
3D Data Visualization
Reza Ali. http://www.syedrezaali.com/#/3d-dewey-visualization/
Fabian Fohrer.
Underware[Type Foundry]. https://www.instagram.com/underwarefoundry/p/BhBFmSOh_N8/?utm_source=ig_share_sheet&igshid=u83459w8d7ze
Sanders Turing/Studio Dumbar. https://www.instagram.com/p/Bsx-8BlBE31/?utm_source=ig_share_sheet&igshid=ro1gnnhbql4w

This one really has to see. One of this year's goals (2019) is to produce a video to submit to this open call.

schultzschultzgrafik
https://www.instagram.com/p/Bo4jnz8BjIK/?utm_source=ig_share_sheet&igshid=1ro30wq82hb14
kristjan dekleva. https://www.instagram.com/p/BxLVyysh_mk/?utm_source=ig_share_sheet&igshid=mnjnxy1mrul2

In reality this work is also interesting for P1…

More underware jobs. https://www.instagram.com/underwarefoundry/p/Bg_COQyhUwY/?utm_source=ig_share_sheet&igshid=5ji2az5g0oh9

Did I ever tell you that they are able to be here (again) in May at the Fontstand Conference?

omsetype.co. https://www.instagram.com/p/BjXrPe_DBt3/?utm_source=ig_share_sheet&igshid=teub6gpz6m3c
Andrew Heumann.https://www.instagram.com/p/Bq-SeRshrrE/?utm_source=ig_share_sheet&igshid=1j4i0ee2i504r
in.white.rooms_
https://www.instagram.com/p/Bq5eeplhb5i/?utm_source=ig_share_sheet&igshid=1uupwflk9ep1f
KOD[Kostro Design]
https://www.instagram.com/p/BvpTU5unamY/?utm_source=ig_share_sheet&igshid=y8zsmxttahos
Magmamag.
https://www.instagram.com/p/BumDD4uH_gd/
Nikita Iziev. https://www.instagram.com/nikitaiziev

Good… almost everything from Nikita Iziev sets a good example for this. Especially the latest (recent) posts from 36daysoftype

Nikita Iziev.https://www.instagram.com/p/BuHeiqnBW_F/
Nikita Iziev. https://www.instagram.com/p/Bvwzu0TBvwi/

This was a good example to do with real-time video capture and analysis (as Tim Rodenbroeker suggests). Or to use Flow Fields/Force Fields as Shiffman and Lieberman describe it.

https://www.instagram.com/p/Bua9cMqFMRB/
https://www.instagram.com/p/BuY02VEBwv5/
https://www.instagram.com/p/BuWcW5bjt64/
Kiel D M. https://www.instagram.com/p/BuJX7e-FsKk/

Good… I don't think there's a better example —of Processing as an autonomous work tool or to use with other projects—so far than this one. I'd love someone to be able to challenge you like this. [Catarina que dizes? Até agora, tens ido a todos. Margarida, que tal?]

Cátia Costa, from Coimbra, presented her tool at the 6th Typography Meeting in 2015. It was a cool master's degree project and similar to these things.

https://www.instagram.com/p/BuDFDCpBcfX/

Anybody want to do physical computing?

https://www.instagram.com/p/BulygJ2DvbT/
https://www.instagram.com/p/BvxD9LaH9Q-/?utm_source=ig_share_sheet&igshid=iqcbl6hmpcgt
Tim Rodenbroeker. https://www.instagram.com/p/BwKJcT1hYpQ/?utm_source=ig_share_sheet&igshid=1l5ejbu8botm7
https://timrodenbroeker.de/
https://www.instagram.com/tim_rodenbroeker/

Good. In fact, almost anything taken from his website gives. Tim also has a tutorial to do this exercise that is spectacular: https://timrodenbroeker.de/processing-tutorial-kinetic-typography-1/ (in the p3 statement)

https://www.instagram.com/p/BwozzXJHzi9/?utm_source=ig_share_sheet&igshid=oo9zx9fwheti
https://www.instagram.com/p/BwpHgIGBubT/?utm_source=ig_share_sheet&igshid=16wqmkdfgrm67
https://www.instagram.com/pampatype/p/BwpazqoBSqK/?utm_source=ig_share_sheet&igshid=w56dlzrys9e2
Nick Kuder. https://www.instagram.com/p/Bu2PJWVFi5l/?utm_source=ig_share_sheet&igshid=10qlb4tbuv7jk

This was inspired by the graphics of a Muriel Cooper cover.

Peter Korsman. https://www.instagram.com/p/Bt9ETicB1B4
Ellen Lupton. Thinking with Type
http://www.yeoahn.com/typecode/

Finally (?), but not least, the site with the experimental portfolio of Yeohyun Ahn. Similar to Stefanie Schwarz's in goal and results.

Some examples of LSI 2018

Last year some examples were more appropriate than others. Here are some demo images (and videos) (the poor quality of the videos is one of the reasons why this year has asked for more and better records…)

Esthesia App. https://pcd.fba.up.pt/2019/cfjp.html

An application that made an interactive "rain of letters." Very simple and easy to create. This on display on PCD19. By Joana Pereira and Cátia Vanessa (LSI 2018)

Holographic-Typography– Ana-Ferraz+Beatriz-Cunha+Joana-Cadeco+Sandro-Vieira (LSI 2018)

A hologram simulation using a simple reflex technique.

Hupata-Aurora Peixoto-Carolina Bonzinho-Marta Rodrigues (LSI 2018)

A game. He was on demonstration at Videojogos 2018 (and will be published in the minutes of the conference): http://vj2018.fba.up.pt/

Joy-Division-Tribute-André Lourenço-Joana Silva-Jorge Moreira-Ricardo Luis (LSI 2018)
Milkshake-Marianna Pawlusiow-Noah Levy (LSI 2018)
Onyd-Francisca Costa-Maria Isabel Quaresma-Márcio Martins-Maria Poloónio (LSI 2018)
Primavera-Sounds-Eugénia Rocha-Inês Saraiva-Mariana Carvalho (LSI 2018)

But at last. These examples are a sample of "Walk Out There". It does not require consultation of the books, websites and references provided, or others they have.

An important point of departure (and constant route) of discovery and exploration are conference sites such as OFFF (http://offf.barcelona/), or EYEO (http://eyeofestival.com/).

And galleries like Framed (https://frm.fm/), bitforms, or special exhibitions like Design and the Elastic Mind (https://www.moma.org/interactives/exhibitions/2008/elasticmind/#/149/)

Good research!

Leave a comment

Your email address will not be published.