Generative Grafiken 3 - Woche 4

Aufgaben

Farbschema

Farbsymbolik und Farbwirkung

Farben haben immer auch eine Wirkung auf uns Menschen. Diese Wirkung wurde von Künstlern, Psychologen und Wissenschaftlern untersucht und beschrieben, so dass viele – und sich teilweise widersprechende – Farbtheorien existieren.

Verallgemeinernd kann man sagen, dass die Wahrnehmung von Farben auf zweierlei Art psychologisch wirkt:

• assoziativ: Farben können Erinnerungen an Bekanntes hervorrufen. Wie etwa Feuer (rot), Himmel (blau), oder Baum (braun und grün)
• symbolisch: Farben können Gefühle hervorrufen. Diese symbolische Beziehungen sind von Kultur und Gesellschaft beeinflusst, und von Mensch zu Mensch verschieden. Es gibt jedoch viele im westlichen Kulturkreis ziemlich allgemein gültige. Bei einigen davon sind diese Bindungen so stark, dass sie als Redewendungen in die Sprache eingegangen sind: Schwarz ärgern, Gelb vor Neid werden, giftgrün.

Viele Farbwirkungen und -symboliken sind nicht klar einem der beiden Bereiche zuordenbar. So ist die Korrelation Wut-Rot vielleicht vom roten Kopf beeinflusst.

Diese sehr vereinfachte Darstellung soll zumindest daran erinnern, dass Farben auch Wirkungen besitzen, und dass diese mehr oder weniger gezielt eingesetzt werden können. (Wie immer gilt, dass diese Regel auch bewußt gebrochen werden kann, bzw. dass man vor allem seinen eigenem Gefühl vertrauen sollte.)

Farben einsetzen

Wenn nun in Processing-Sketches Farben angewendet werden, ist es eine Überlegung wert, ob und wie man diese Farben mit Hinblick auf die Wirkung einsetzt. Insbesondere wenn die Farben in generativen Grafiken vom Zufall beeinflusst werden, sollte beachtet werden, dass nicht einfach beliebige Farben verwendet werden und es nicht in einer Kakophonie der Farben ausartet.

Dazu gibt es verschiedenste Möglichkeiten, wovon nun zwei einfache vorgestellt werden.

Farbpaletten

Man definiert einige Farben, und wählt zufällig aus dieser Palette eine aus. Diese Methode entspricht im Muster wieder dem Grundsatz der generativen Grafik. Wie wir letzte Stunde gesehen haben, kann die Mischung aus vordefinierten, festen Regeln einerseits und Zufall andererseits oft zu spannenden Ergebnissen führen.

color colors[] = new color[3]; void setup() { size(400, 400); colors[0] = color(#9E89FF); colors[1] = color(#809FFF); colors[2] = color(#CEC4FF); } void draw() { int c = int(random(3)); fill(colors[c]); ellipse(random(width), random(height), 50, 50); }

In diesem Beispiel werden also in einem Array ausgewählte Farben gespeichert, von denen per Zufall jeweils eine ausgewählt wird, um einen farbigen Kreis zu zeichnen. (Die Funktion int() in Zeile 12 wandelt ein float- in einen int-Wert um.)

Als Inspirationsquelle zum Erstellen von Farbschemen kann z.B. auch eins der folgenden Tools genutzt werden:

• Color Scheme Generator Gutes Tool zum Erzeugen von Farbschemen.
• ColourLovers Color and Design community for Creative Inspiration.
• kuler Community (von Adobe) zum Bewerten und Besprechen von Farbschemen.

Sanfte Abweichung

Wie im letzten Semester bereits besprochen, kann man den "sanften Zufall" verwenden, um nur leichte zufällige Abweichungen zu erhalten. Wenn man etwa bei einem Grünton anfängt, und die Nachbarelemente etwas heller oder etwas dunkler werden können, aber keine komplett andere Farbe annehmen oder starke Sprünge vollziehen.

float g = 255; void setup() { size(400, 400); strokeWeight(5); } void draw() { stroke(0, g, 0); line(width/2, height/2, mouseX, mouseY); g = g + random(-10, 10); g = constrain(g, 0, 255); }

Zufallsbereich

Auch dies ist eine Wiederholung aus dem letzten Semester: Um nur in einem gewissen Rahmen Farben auszuwählen, kann die Zufallsfunktion mit Ober- und Untergrenze genutzt werden:

fill(random(255), 0, 0, random(127, 255)); rect(mouseX, mouseY, 20, 20);

Im obigen Beispiel werden also rote Töne mit einem Transparenz-Wert zwischen 50% und 100% genutzt.

Farben aus anderen Medien auslesen

Es gibt zahllose weitere Möglichkeiten, Farbpaletten zu gewinnen. Eine Variante ist aus vorhandenen Bildern einzelne Farbwerte aus zu lesen.

image(img, 0, 0); color col = get(random(width), random(height)); fill(col);

• Whats Its Color Automatische Farbschema-Erzeugung basierend auf Fotos