#generative logo

[nicolausen]

Generative logo>

Bordeaux Métropole : 1 système et 28 logos

+ d'info

[gugo-torelli-blog]

Studies for my personal Logotype. My name never looks the same from diverse points of view. The idea is to have a different procedural graphic on my website for each visitor IP address geolocation.

[gugo-torelli-blog]

Scuola di Musica di Fiesole is an international remarkable reality in the field of classical music education.

Established in 1974 by Piero Farulli, legendary viola of the "Quartetto Italiano", the school has 1.300 students from all over the world, 7 orchestras, 6 choirs, 140 teachers. Is also very active in classical music events organization with more than 280 events every year. 

This success has been made possible also by the collaboration with important artist like Riccardo Muti, Salvatore Accardo, Luciano Berio, Claudio Abbado, Natalia Gutman, György Kurtág, Giorgio Battistelli, Gabriele Ferro, Krzysztof Penderecki, Pavel Vernikov, Gianandrea Noseda, Giuseppe Sinopoli and many more.

Due to a refurbishment need of the institution, the Scuola Musica Fiesole foundation asked the ISIA of Florence for a restyling of their previous identity, following a few guidelines: a contemporary look and feel, a strong connection between the new logo and music, great flexibility to describe their complex structural reality.

We developed the idea of a generative logo that could be continuously redesigned by music. Starting from the basic elements of the music the 12 notes of the chromatic scale, we designed a dodecagonal structure (a common shape in music theory, see http://en.wikipedia.org/wiki/Circle_of_fifths) on which was possible to design logos with armonic progressions. The root notes of those chords are the letters from A to G (see http://en.wikipedia.org/wiki/Note) taken from the names of which to design the logo.

We're currently developing the logo application in Processing and the branding system.

Check it on Behance: http://bit.ly/1h0HcGf

[htwcreativecoding-blog]

Generative -cat woolen ball like- logo

By Bea Cabrera - http://kuasar.es/cats-ball-of-wool-in-processing/

First steps with Processing. I was attempting a generative logo that would transmit chaos and "messy" but within limits (sphere). Also concepts like world traveling, the wool ball of a cat (yes, I'm a cat girl), drawing, fashion... Plus, as a friend of mine says: "Round things are generally good"... so there goes my very own globe. This is my first attempt at a generative logo. Ideally the ball was meant to be in 3D, but I still have to manage to keep the strings just on the surface of it, so in the meantime I have two different balls of strings: one that actually interacts with mouse actions and rotates and the other that grows and grows but doesn't rotate. You can check out the project here: http://www.openprocessing.org/sketch/65099 Firstly, I came up with a sketch of a circle drawn from many different lines by joining dots by setting a radius (variable ‘dia’), and 2 angles ([0, 2π]) and use them to situate two points (p1 and p2) on the edge of a circle. To center the sphere in the canvas I used an offset of width/2 and height/2. The effect with 9000 lines would actually look like a moon. Cool! Searching for an organic Look&Feel I changed all lines to Bézier Curves. A Bézier curve is defined by a set of control points P0 through Pn, where n is called its order (n = 1 for linear, 2 for quadratic, etc.). The first and last control points are always the end points of the curve; however, the intermediate control points (if any) generally do not lie on the curve. Processing handles bezier cubic curves through its function: bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2) where P0=(x1,y1), P1=(cx1,cy1), P2=(cx2,cy2) and P3=(x2,y2). To gain a little bit more of organic touch to it, I used a random factor ([1, 1.4]) to multiply with the radius of the control points for the curves. This method assures that the control points will always lie outside the actual sphere helping change the aspect of the cut on the edge of the circle. To be able to transform from 2D to 3D and place points easily on a sphere, we should be using spherical coordinates (θ, φ, r) instead of cartesian (x, y, z) coordinates. In spherical coordinates: θ -> Polar angle φ -> Azimuthal angle r -> Radius To achieve this I included the simple geometric transformations so that Processing can transform from spherical to cartesian system. x = cos(θ) · sin(φ) · r y = sin(θ) · sin(φ) · r z = cos(φ) · r Note, also, that if we’re working in 3D we must also change the renderer to one that supports it, like OPENGL or P3D. By default the renderer is P2D and does not accept 3D coordinates. As curves are now printed through the sphere, joining points of opposite sides of it’s surface, the design looks darker in the center and the edge is not as defined as before. This is something I would like to improve further on. But why managing a 3D sphere if we can't appreciate 3 dimensions on a flat surface? Here is where the camera comes in. To manage a camera in a simple way I made use of the library “peasycam” by Jonathan Feinberg. This library uses mouse interaction to move the camera view and redraws the sketch to its new position. To use it you must import the library: import peasy.* then declare a camera object: PeasyCam cam; and finally instantiate it in the setup: cam = new PeasyCam(this, 0, 0, 0, 700); The following lines set the distances for the zoom panning: cam.setMinimumDistance(25); cam.setMaximumDistance(1000); The class BezierCurve is in charge of saving into an array of curves all of the curves already printed, so that after each loop in draw( ) and each background redrawn, we can restore the same curves that were already there only that slightly moved.

[clementrenaud]

Generative logo design

Definition : "A generative logo use a computer-based algorithm to provide different shapes as basis for a visual identity."

I was recently asking to create a logo and I thought about computer-based patterns/algorithm to generate it first.

Here are some examples of generative logo designs

The MIT Media Lab visual identity has been created in 2011. It is not a simple logo but a matrix to randomly create more than 4000 possible shapes based on a same pattern, one for each person inside the Lab.http://www.rt80.net/medialab/

Another pretty similar expeirment is the Casa Da Musica (Portugal). The logo by Sagmeister Inc provides different shapes based on a same logic to express every different kind of music that could be played inside the building http://www.sagmeister.com/node/192

The Slovenian company Renderspace has come up with a little program that helps them to generate logo each time they like it http://designyoutrust.com/2009/02/renderspace-generated-identity/

Many great example are to be found within the awesome Processing community, like this logo for a brand named SoundsGood.

Indeed, Processing is the relevant tool to create such visual identity : clearly graphic-oriented, easy to code, providing online (javascript) and offline application (java), all you need is there.

In 2009, the UN Climate Change Conference in Copenhagen has hired the london-based studio okdeluxe which has used Processing to create the logo of the event : http://www.creativeapplications.net/processing/cop15-identity-processing/