kulturbanause blog


Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.



Artikel
Hier siehst Du eine Übersicht aller Artikel. Um nichts zu verpassen kannst du diese Kategorie per RSS-Feed abonnieren. Oder du nutzt den Feed mit allen Inhalten des Blogs.

Photoshop CS6-Feature: Content Aware Move

photoshop-cs6-content-aware-move

Ein weiteres Video zu Photoshop CS6 ist aufgetaucht, diesmal mit einem Feature, dass der neuen Programmversion auch würdig ist. In diesem Sneak Peek zeigt Senior Product Manager Bryan O'Neil Hughes, das neue Tool "Content Aware Move". Nachdem in den Versionen CS4 und CS5 bereits Content Aware Scaling (Skalieren und Inhalt bewahren) und Content Aware Fill (Inhaltssensitives Füllen) vorgestellt wurden, erhält Photoshop nun also ein weiteres Hilfsmittel dieser Art.
Mit Content Aware Move, wird es möglich sein, Objekte innerhalb des Bildes zu bewegen - die freigewordenen Bildbereiche werden dann von Photoshop automatisch mit passenden Bildinformationen gefüllt.

Diesen Beitrag zu Ende lesen


Photoshop CS6 Vektor-Feature “Dashed and Dotted Lines”

photoshop-cs6-vector-feature

Adobe hat erneut ein kurzes Video zu einer neuen Funktion von Photoshop CS6 veröffentlicht. Zorana Gee (Photoshop Product Managerin) zeigt die neuen Vektor-Funktionen von Photoshop. Ähnlich wie in Illustrator, wird es in der kommenden Photoshop-Version möglich sein, Effekte zu Linien und Rahmen hinzuzufügen. Laut Photoshop ein häufig nachgefragtes Feature. Das Video zeigt die Funktion anhand einer gestrichelten Linie und anhand eines zugewiesenen Farbverlaufs. Nachdem in den letzten Programmversionen viele 3D-Funktionen integriert wurden, halten jetzt auch noch Vektor-Funktionen Einzug. Was haltet Ihr davon?

Diesen Beitrag zu Ende lesen


Stylesheets aus HTML-Markup generieren: Bear CSS

bear-css-logo

Die meisten Webdesigner werden beim Coding einer Seite ähnlich vorgehen. Sofern nicht direkt ein Template (z.B. Boilerplate) zum Einsatz kommt, schreibt man zunächst das HTML-Markup. Wenn die HTML-Struktur steht, wird die CSS-Datei angelegt und alles über das Stylesheet gestaltet.
Wenn auch ihr Websites nach diesem Muster umsetzt, kann Bear CSS euren Workflow spürbar beschleunigen.

Diesen Beitrag zu Ende lesen


Photoshop CS6: Background-Saving und Hardware-Beschleunigung

photoshop-cs6-background-saving

Adobe hat erneut ein Video zu Photoshop CS6 veröffentlicht. Produktmanagerin Zorana Gee präsentiert zwei neue Funktionen von Photoshop: Background-Saving und Liquify mit Hardware-Beschleunigung.
Background-Saving ermöglicht es nun endlich große Dokumente zu speichern und parallel an einer anderen Datei weiterzuarbeiten. Die zeitaufwändige Speicherung wird in Form einer Prozentanzeige im Tab und in der Statusleiste angezeigt.

Diesen Beitrag zu Ende lesen


Neues Photoshop CS6 Feature: Rich Cursor Support

photoshop-cs6-rich-cursor-support

Nach und nach sickern immer mehr Infos zu den neuen Features der Creative Suite 6 durch. Das folgende Video habe ich bei Dirk im Photoshop-Weblog entdeckt und möchte es euch natürlich nicht vorenthalten. Zu sehen sind neue Funktionen von Camera Raw und Photoshop CS6. Ab Minute 1:10 wird Photoshop gezeigt und Ihr könnt sehen, wie in den Voreinstellungen das neue, dunkle Interface in verschiedenen Helligkeitsstufen verändert werden kann. Kurz darauf wird die winzige neue Funktion "Rich Cursor Support" vorgestellt - ein Hilfsmittel das bei der intuitiven Anpassung der Pinselspitze Zusatzinformationen wie beispielsweise die Deckkraft einblendet. Kein Killer-Feature, aber allemal praktisch.

Diesen Beitrag zu Ende lesen


Facebook CSS/JavaScript-Framework: Fbootstrapp

fbootstrap

Wenn ihr Anwendungen oder Facebook-Fanpage-Tabs im Look and Feel von Facebook gestalten wollt, steht euch seit kurzem das Framework "Fbootstrapp" zur Verfügung. In Anlehnung an das vor einiger Zeit veröffentlichte Framework "Twitter Bootstrap" bietet Fbootstrapp CSS-Stile für Raster, Typografie, Medieninhalte, Formulare, Navigationselemente und Modal Boxes. Auch JavaScripte sind im Paket enthalten um eine zusätzliche Ebene für Interaktionen hinzuzufügen.

Diesen Beitrag zu Ende lesen


Responsive Image Replacement mit Breakpoints: Doubletake

doubletake

Im Responsive Webdesign werden Bilder häufig proportional verkleinert um sie auch auf kleinen Displays noch ansehnlich darstellen zu können. Auch auf dieser Seite nutze ich diese Technik; sobald der Inhaltsbereich zu schmal wird, werden die Bilder prozentual zur Gesamtbreite des Inhalts abgebildet.
Diese Variante ist zwar sehr komfortabel - leider werden aber deutlich größere Bilddaten geladen als es für Smartphones überhaupt notwendig ist. Um die Ladezeiten und den Traffic für Besucher mit mobilen Endgeräten gering zu halten, kann es sich daher lohnen verschiedene Bilder für verschiedene Auflösungen anzubieten. Das jQuery-Plugin Doubletake vereinfacht diese Technik.

Diesen Beitrag zu Ende lesen