Ein anhaltender Design-Trend in der Mode ist der Vintage Look. Der Trend ist auch ausserhalb der Modebranche deutlich wahrnehbar. Gerade im Webdesign-Bereich gibt es einige tolle Seiten welche mit solchen Gestaltungselementen arbeiten. Im Fashion-Bereich finden sich viele Logos und Sujets auf Shirts, welche mit verwaschener Optik und Secondhand-Look gestaltet sind. In unserer sterilen Smartphone Welt ist das der coole Gegentrend. Anhand von Print T-Shirts würde ich gerne die Gestaltungsweise dieses «Vintage-Look’s» etwas genauer analysieren.

Gemalte Schriften

Dieses Print T-Shirt von Hilfiger Denim zeigt einen alten handgemalten Schriftzug. Auffällig ist, dass diese Prints oft stark ausgeschmückt werden mit viel zusätzlichen dekorativen Elementen. Hier mit verschiedenen zusätzlichen Pinselworten: wie «The Original», «New York City» und «Since 85′ Brand». Wichtiger Effekt ist hier die Nachahmung des handgeschriebenen Schriftzugs des Schriftenmalers.

Logo Shirts mit Alterungseffekt

Dieses Superman T-Shirt ist ein typischer Vertreter der Logoshirts. Typischerweise ist das Logo gross und mittig auf dem Shirt platziert. Hier mit dem Veralterungs-Effekt bearbeitet. Coole Wirkung!

Vintage-Banner Motive

Auf diesem kirschfarbenen Top von «Kaporal» sieht man ein sehr typisches Vintage-Gestaltungselement: den Banner. Meist werden die Banner mit einem Schriftzug kombiniert. Auch in diesem Motiv findet man den Alterungseffekt, ein handgemaltes Sujet und unterschiedliche typografische Elemente.

Was sind also die Gestaltungs-Elemente des Vintage-Looks?

• Schriften mit dem typisch Alterungs-Effekt
• Nachgezeichnete Schriftzüge oder Illustrative Elemente von alten Werbetafeln
• Dekoelemente wie z.B. Banner
• Handgezeichnete Sujets aus vergangenen Zeiten wie z.B. Autos, Tanksäulen, Motorräder etc.
• Hintegrundbilder wie z.B. vergilbtes Papier, gealtertes Leder, Löchriger Stoff etc.
• Schwarz-Weiss Bilder
• Wenige Farben, gezielt gewählt

Diese und weitere coole Print T-Shirts habe ich entdeckt bei Zalando.ch – einem Online-Fashionshop.

Der elektronische Rauch auf dem Mac ist erfunden… man malt Bilder mit ihm. Diese tollen Effekte lassen sich mit der Mac-Software Fumy erzeugen. Das jedenfalls macht die Software Fumy auf dem Mac möglich. Für den Test der Software konnte ich mit der Demo-Version arbeiten – hiermit lassen sich alle Einstellungen testen – nur das Abspeichern der Bilder ist nicht möglich (Wasserzeichen).

Das Malen auf Schwarz und den wechselnden Farben sieht aus wie Lichtschimmer oder Lichternebel. Es lassen sich sehr coole Bilder erzeugen.

Mit etwas Übung lassen sich sicher auch ganz tolle Hintergrundbilder gestalten. Das konkrete Malen scheint nicht der Zweck der Software zu sein. Die Besipiel-Portraits auf der Hersteller-Website konnten mich jedenfalls nicht wirklich überzeugen. Der Effekt gelingt eher wenn man wenige Linien in unterschiedlichem Tempo zeichnet. Bei schnellen, ausholenden Bewegungen wird der Rauchstreifen blasser und weiter, bei langsamen Bewegungen intensiver. Je nach Einstellungen macht sich der Rauch auch stark selbständig und wirbelt um den Mauszeiger herum.

Die Software unterstützt das Erstellen von Ebenen. Und diese baraucht man, um die blauen Kringel auf weissem Hintergrund zu malen: Die unterste Ebene wird mit weisser Farbe gefüllt. Danach eine neue Ebene erstellen, diese auf “Substract” statt “Normal” einstellen. Die Vordergrund-Farbe auf Orange einstellen (Im “Substract” Modus wird immer die Komplementärfarbe angewendet – hier also ein helles Blau). Die Einstellungen für “Flow” und “Range” ganz nach links setzen, damit die Farben gleich bleiben und nicht varieren. Schon kann man diese coolen blauen Kringel zaubern.

Das Programm ist sicher keine echte Alternative für Raucher – das würde wohl eher eine e Zigarette bieten. E Zigaretten verdampfen sogenannte Liquids, welche in sehr unterschiedlichen Geschmacksrichtungen erhältlich sind. Die Verdampfer-Einheit braucht Strom um zu funktionieren – diese wird dann ganz modern via USB aufgeladen. Also auch eine ganz moderne Art, Rauchkringel zu erzeugen…

Das Malen mit Fumy jedenfalls macht grossen Spass und die Software lädt ein, mit den Einstellungen zu experimentieren und zu spielen. Übung macht den Meister!

> Fumy for Mac by Neatberry

Die Website css3generator.com bietet praktische Möglichkeiten für CSS3 Funktionen. CSS3 bietet viele spannende Möglichkeiten für die Darstellung – aber gerade ein Schatten mit all seinen Parametern möchte man gerne kurz sehen bevor man den Code dazu schreibt. Das macht der CSS3 Generator möglich. Funktioniert ganz einfach:

1. CSS3 Eigenschaft wählen: z.B. Box-Shadow

2. Einstellungen vornehmen und gleich die Vorschau live betrachten

3. Den CSS-Code kopieren und einsetzen

Praktisch ist, dass einem auch der CSS Code für ältere Browser (sofern machbar) zur Verfügung gestellt wird. Also z.B. für ältere Mozilla- oder Webkit-Browser welche zwar Schatten unterstützten aber nur mit Browserspezifischem Code genutzt werden konnten.

CSS3 Generator

Für die Planung von Projekten und Ressourcen verwende ich gerne an Meetings einen Jahreskalender – alles auf einer A4-Seite. Schnell sind dann Start und Ziel des Projekts eingetragen. Meilensteine eingesetzt – oder man rechnet vom Endtermin zurück um zu sehen welche Zeiten realistisch sind.
Diese Ergebnisse fliessen dann in den Projektplan ein den man in aller Ruhe am Computer erstellen kann. Natürlich kann auch eingetragen werden, wann der nächste Urlaub ansteht, um Termine besser einzuplanen.

Einen Jahreskalender als PDF laden:

2012 | 2013

(Das ist ein Update eines früheren Artikels)

Mein kleiner Ausflug zur Typografie von Filmplakaten hat mich zur Website Fonts in Use gebracht.
Darauf zeigen ein paar Typo-Freaks Schriften im realen Gebrauch. So lernt man spannende neue Fonts kennen!

Fontsinuse.com