Templaterie Blog

~Webdesign, Layout, Templates, Beispiele~

15.01.2008

Muster und Ornamente so einfach wie Malen nach Zahlen

Silke Schümann wrote this 18:36:

Wer Ornamente liebt und Websites mit belebten ornamental gestalteten Hintergründen, für den habe ich eine Quelle entdeckt, die das gestalten von Ornamentkacheln für Websites so einfach macht wie Malen nach Zahlen. Wikimedia Commons — A Handbook of Ornament 6^th Edition von 1898

Man sicht sich eine Grundform. Ich nahm für diesen Zweck aus meinem Opera-Cache das erste beste (in dem Fall die Seite 10) und öffnete diese in Photoshop. Anschließend setzte ich meinen Paintbucket auf:

Transparenz: 100%
Toleranz: 5
Anti-aliased: active
Contiguous: active
All Layers: inactive

Nun noch die Grafik mit der Lupe so hoch es geht vergrößert und so dass das Muster komplett in der Ansicht ist. Mit diesen Vorbereitungen kann es auch schon losgehen. Farbe wählen und Farbeimerchen in die weiße Fläche kippen, Farbe wählen und die nächste Fläche füllen. Dabei wird der eine oder andere Pixel grau bleiben, der eigentlich farbig sein soll. Darum kümmern wir uns im Anschluß mit dem Pencil.

Von der Illustration im redaktionellen Teil

Hat man die Farben gesetzt muss ggf. noch die halbe oder viertel Kachel dubliziert und gedreht werden. In meinem Beispiel erfolgte eine Drehung von 180Â°, Weißflächen mussten noch entfernt werden und die Kachel wurde passgenau übereinandergeschoben. Anschließend habe ich diese Kachel noch von 153px Breite auf 50 Pixel reduziert. So bunt und kontrastreich, kann diesen Kachel kaum als Hintergrundkachel verwendet werden. In diesem Zustand eignet sie sich als Umrahmung oder um Header vom Inhalt optisch zu trennen. Als Hintergrundkachel sollte man sich auf ein bis maximal 3 Farben mit geringem Kontrast beschränken und in Helligkeit und Sättigung gemäßigt variieren. Alternativ kann man wie ich dies hier durchführte auch die bunte Variante über Hue&Saturation im Untermenu Images/Adjustment schlicht mit dem Farbton der späteren Website einfärben:

Von der Bordüre zur Hintergrundkacheln durch colorieren

Damit die Hintergrundkachel sich dezent im Hintergrund einfügt, belebt aber nicht stört, habe ich die Kachel auch sehr stark verkleinert. Die Breite beträgt gerade einmal 24 Pixel.

Damit kann man also seinen ganz persönlichen eigenen Fundus schaffen und die Webwelt um Musterbereeichern, wie auf Pattern4U von kollermedia oder Kaliber 10000 und natürlich last but far from least Squidfingers Patters.

Das beste an dem Handbuch neben dem Quick&Dirty erstellen von Musterkacheln mit dem Paintbucket ist, dass dort auch erklärt wird, wie man Ornamente konstruiert, so dass man