Photoshop ist ein Bildbearbeitungsprogramm aus dem Hause Adobe. Ursprünglich für die klassische Bildbearbeitung gedacht, wird Photoshop heute von vielen Web- und Screendesignern eingesetzt. Auch Adobe positioniert Photoshop zunehmend in diesem Bereich, und führt mit jeder Version neue Funktionen für Webdesigner hinzu.
Alternativ zu Photoshop werden meist Fireworks, Illustrator oder die Entwicklungsumgebung des Browsers eingesetzt. Welches Programm sich am ehesten eignet, ist vom jeweiligen Projekt und vom Workflow des Webdesigner abhängig.
Zuletzt aktualisiert am 28. Juni 2016 0 Kommentare Themen: Photoshop, Retina & HiDPI
Die zunehmende Verbreitung von hochauflösenden Displays – wie beispielsweise dem Retina-Display von Apple – führt dazu, dass Pixelgrafiken in höherer Qualität bereitgestellt werden müssen. Im folgenden Beitrag fassen wir zusammen, was bei der Arbeit in Photoshop beachtet werden sollte.
Zuletzt aktualisiert am 18. Juni 2015 2 Kommentare Themen: Bilder & Grafiken, Photoshop
Adobe hat mit Photoshop CC 2015 (Version 2015.0.0) neue Export-Funktionen für Webdesigner in das Bildbearbeitungsprogramm integriert. Der bisherige Dialog »Für Web speichern« wird damit überflüssig – kann aber nach wie vor verwendet werden. Die neuen Export-Funktionen ergänzen den in Photoshop CC 2014 hinzugekommenen »Generator« und beschleunigen in erster Linie den Workflow anstatt neue Export-Möglichkeiten bereitzustellen.
Zuletzt aktualisiert am 17. November 2015 30 Kommentare Themen: CSS, HTML, Illustrator, Photoshop, SVG
Mit dem Format SVG (Scalable Vector Graphics) können Vektor-Grafiken in Browser dargestellt werden. Wie bei Vektor-Grafiken üblich, werden Farbwerte und Formen nicht über Pixel definiert, sondern mathematisch beschrieben. SVG-Grafiken haben dadurch eine sehr geringe Dateigröße, lassen sich verlustfrei und ohne Zuwachs der Dateigröße skalieren und mit JavaScript animieren oder verändern.
In diesem Artikel fasse ich zusammen, was ihr beim Erstellen von SVGs in Illustrator oder Photoshop beachten solltet, wie SVGs in Websites eingebunden werden können und welche Tools und Hilfsmittel es in diesem Zusammenhang gibt.
Zuletzt aktualisiert am 18. Februar 2014 0 Kommentare Themen: Photoshop, SVG
Photoshop ist als pixelbasiertes Bildbearbeitungsprogramm nicht die ideale Grundlage für ein Vektor-Format wie SVG. In den neueren Photoshop-Versionen kamen allerdings einige Funktionen hinzu, mit denen es möglich ist in Photoshop »echte« Vektoren zu zeichnen. Mit Hilfe des Photoshop-Generators (ab Version 14.2) ist es nun möglich Vektor-Formen als SVG-Grafik zu exportieren.
Die Erklärung ist Bestandteil des Artikels SVG-Grafiken erstellen und einbinden.
Zuletzt aktualisiert am 31. Januar 2014 6 Kommentare Themen: Photoshop, Smartobjekte, Workflow
Mit verknüpften Smartobjekten hat Adobe im neuesten Update von Photoshop ein lange erwartetes Feature bereitgestellt. Mit verknüpften Smartobjekten können Layouts und Collagen modular verwaltet werden. Verschiedene Designer können nun gleichzeitig an verschiedenen Bereichen eines Projekts arbeiten und auch für den einzelnen Designer wird der Workflow enorm vereinfacht und beschleunigt.
Zuletzt aktualisiert am 5. November 2015 28 Kommentare Themen: Photoshop, Retina & HiDPI, Workflow
Als Webdesigner hat man u. a. die Aufgabe die verschiedenen Elemente innerhalb eines Photoshop-Dokuments auszuwählen und im passenden Dateiformat zu exportieren. In jüngerer Vergangenheit wurde dieser Job zunehmend lästig, da der Workflow nicht mehr linear verläuft und neue Herausforderungen wie Retina-Optimierung & Co. den Aufwand erhöht haben. Mit den Bild-Assets in Photoshop CC (14.1) hat Adobe daher eine enorm hilfreiche Funktion für Web Designer integriert.
Zuletzt aktualisiert am 26. August 2013 22 Kommentare Themen: Pattern, Photoshop, Plugins
Die Website Subtle Patterns bietet zahlreiche Endlosmuster für die Gestaltung von Website-Hintergründen zum Download an. Die Seite ist den meisten Webdesignern wohl bereits bekannt. Das Entwickler-Team von CSS Hat und Enigma64 hat nun zusammen mit Atlo Mo, dem Gründer von Subtle Patterns, ein weiteres Photoshop-Plugin erstellt. Das Subtle Patterns Photoshop Plugin integriert die Bibliothek der Subtle Pattern-Website als Bedienfeld in Photoshop. Ich hatte die Möglichkeit mir das Plugin bereits vor der Veröffentlichung einmal anzuschauen und freue mich euch sogar zwei Lizenzen zur Verfügung stellen zu können.