kulturbanause Blog

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


Photoshop-Screencast: Erweiterte Pinsel-Einstellungen am Beispiel des Bokeh-Effekts

Vor kurzem bin ich in einem meiner Photoshop-Seminare gebeten worden die Erstellung von Pinselspitzen, sowie die individuellen Einstellungsmöglichkeiten von Pinseln im Blog noch einmal aufzuarbeiten. Diesem Wunsch möchte ich nun mit einer Verzögerung nachkommen.
Im folgenden Screencast zeige ich am Beispiel des Bokeh-Effekts wie ihr eine eigene Pinselspitze erstellt und das Verhalten des Pinsels anschließend entsprechend eurer Vorstellungen anpasst. Im letzten Schritt wird der Effekt mit Blendmodi und Smart-Filtern fertiggestellt.

Beitrag zu Ende lesen

Responsive Images mit ‹figure› oder ‹picture›-Tag: jQuery Picture

Im Responsive Design ist es zwar möglich identische Inhalte unterschiedlich darzustellen, es ist jedoch nicht ohne weiteres möglich Inhalte auszutauschen. Daher werden auf kleinen Bildschirmen meist viel zu große Bilder geladen die lediglich über CSS auf die Abmessung des Displays skaliert sind.
Im Moment gibt es für dieses Problem keine standardisierte Lösung, nur diverse Scripte die den Bildaustausch übernehmen. jQuery Picture ist ein solches Script. Es lässt sich einfach in die Website integrieren, ist gerade einmal 2KB groß und nutzt entweder das valide <figure>- oder das experimentelle <picture>-Element.

Beitrag zu Ende lesen