This course is an introduction to generative and animated identity. With the development of news tools, web service and platforms, brands are moving from static identity to generative and animated one. The new dimension brought by the animation and generative algorithm allows brand to adapt the speech, the user, the content or the devices which display their logo. By having the possibilities to adapt and transform, the logo can grows according to the brand or adapt itself to new sub-services delivered by the brand. Animation and generative algorithm bring this new dimension to the identity of a brand.
During this course we will using p5.js, a javascript library dedicated to creative coding and learning, in order to learn the basics of a generative drawings. We will study two kinds of system : the cartesian grid which is described by a simple X/Y grid and the polar grid which is described by a radius and an angle. We will try this two system in addition with other elements such as randomness or pixel mapping.
At this end of the these sessions, you will be asked to produced your own generative logo based on simples rules which you will define.
This repository gathers all references and examples made for the Generative Identity workshop at IESA. Each example are commented in order to help you during this course.
- Introduction to p5.js and drawing -> See CC2018 course (French)
- The (cartesian) grid system
- The (polar) grid system
- Simple 3D systems
- Influx by Grapheine
- Graphism.fr by Geoffrey Dorne
- Bordeaux Metropole by Ruedi Bauer and Kubik
- MIT Media Lab by The Green Eyl
- Cop15 by Okdeluxe
- Tour Metropole by Grapheine
- Casa da Música by Sagmeister & Walsh
- EMSCom by Moving Brand
- June 19th PM (13:30 to 17:00)
- July 03th AM (09:00 to 12:30)
- July 03th AM (13:30 to 17:00)