kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Visual Design & UX


Photoshop-Tutorial: fiktiver Planet

In diesem Tutorial möchte ich Euch zeigen wie man in Photoshop einen stylischen Planeten erstellt. Mit simplen Photoshop-Grundformen, einer Textur, ein paar Filtern und verschiedenen Ebenenmodi ist das alles im Handumdrehen erledigt.
Mit passenden Strukturen und einer harmonischen Farbgebung lässt sich so fast jeder Planet schnell simulieren.

Beitrag zu Ende lesen

Erweiterte Malfunktionen in Photoshop CS5

Adobe hat auf Facebook ein Video mit Neuerungen in Photoshop CS5 veröffenlicht. Neben einem bereits aus Corel Painter bekannten realistischen Farb- und Pinselverhalten wird auch eine neue Funktion namens Warping vorgestellt bei der Objekte über Gelenkpunkte transformiert werden können.
Alle auf der Photoshop World in Las Vegas (sowie nun hier auf Facebook) vorgestellten Techniken sind noch nicht ausgereift und werden momentan in den AdobeLabs ausgearbeitet.

10 Tipps zu Spiegelungen im Webdesign

Wie Euch allen kaum entgangen sein dürfte, flaut der Glossy-Trend im Web (zum Glück) ein wenig ab. Die Zeiten in denen selbst Stofftiere auf Hochglanz poliert wurden neigen sich vielleicht dem Ende zu.
Nichts desto trotz werden nach wie vor Objekte im Untergrund gespiegelt um einen cleanen und modernen Eindruck zu vermitteln. Dieser Effekt nennt sich übrigens "Wet-Floor". Schade, dass gerade diese Spiegelungen so oft gnadenlos falsch gemacht werden. Ebenso schade, dass es offenbar keinem - nicht einmal den Designern - aufzufallen scheint.
Da mir dieser Zustand langsam aber sicher auf die Nerven geht folgen nun 10 Tipps zur blamagefreien Erzeugung von Spiegelungen.

Beitrag zu Ende lesen

Photoshop-Tutorial: Organic Webdesign Typografie

In folgendem Tutorial zeige ich Euch wie man aus einer gewöhnlichen Schrift ein organisches, individuelles Artwork erstellt. Meine persönliche Vorliebe für organische Designs dürfte bekannt sein, ein Grund mehr für mich diese häufig vernachlässigte Design-Richtung in Erinnerung zu rufen. In Zeiten in denen es "in" ist mit Bio und Umweltfreundlichkeit zu werben kann das folgende Tutorial helfen einem Print- oder Screendesign den letzten Kick in die richtige Richtung zu geben.

Beitrag zu Ende lesen

Free Racing Icons/Illustrations

Während eines aktuellen Web-Projektes habe ich drei Illustrationen zum Thema Motorsport/Rennsport erstellt die im weiteren Projektverlauf jedoch nicht eingesetzt wurden. Aus diesem Grund stelle ich sie Euch hier kostenlos zum Download zur Verfügung.
Je nach Projekt lassen sie sich die Motive sicher auch als Icon verwenden auch wenn das Anwendungsgebiet eher klar eingegrenzt sein dürfte. Aber wie das nunmal mit kostenlosen Grafiken so ist. Mitnehmen, abspeichern und wenn man es irgendwann mal braucht darauf zurückkommen. Die drei Grafiken haben die abgebildete Standardgröße und liegen im PNG-Format zum Download bereit. In diesem Sinne: Viel Spaß damit!

Beitrag zu Ende lesen

Favicon-Generator adé. Favicons mit Photoshop

Ich habe bisher zum Erstellen von Favicons immer Online-Favicon-Generatoren benutzt. Heute habe ich, sowohl erfreut als auch peinlich berührt, zur Kenntnis genommen, dass es dafür ein Photoshop-Plugin gibt.
In der Hoffnung nicht der Einzige zu sein an dem diese Tatsache vorbeigegangen ist, erkläre ich Euch kurz wie das Ganze funktioniert.

Beitrag zu Ende lesen

7 Free Sport-Icons

Für ein aktuelles Projekt habe ich sieben Sport-Icons gestaltet. Da ich das Projekt jedoch abbrechen musste, stelle ich Euch diese Icons kostenlos zur Verfügung. Ich hoffe Ihr findet sinnvolle Verwendung dafür. Das Icon-Set umfasst sieben Icons in einer Größe von 64x64 Pixeln und im PNG-Format. Viel Spaß damit.

Beitrag zu Ende lesen