Adobe stellt am 17. Juni 2013 das gesamte Produktsortiment von CS6 auf CC (Creative Cloud) um. Neben der Tatsache, dass Photoshop CC & Co. dann nur noch im Rahmen eines Creative Cloud Abonnements nutzbar sind (was Agenturen und Verlage auf die Barrikaden treibt), werden mit der neuen Version natürlich auch neue Funktionen eingeführt.
Ich möchte in diesem Beitrag die Features von Photoshop CC vorstellen. Da mich der Einsatz von Photoshop im Bereich Web- und Interface-Design besonders interessiert, nenne ich Webdesign-Funktionen zuerst. Fireworks wird übrigens eingestellt.

Photoshop CC und Edge Reflow CC arbeiten eng zusammen

Edge Reflow, das Produkt zum gestalten von flexiblen und reaktionsfähigen Designs (Responsive Design) wird in Zukunft eng mit Photoshop CC zusammenarbeiten. In Photoshop gestaltete Entwürfen können direkt nach Edge Reflow exportiert werden, was den Kreativprozess im Responsive Design deutlich beschleunigen und verbessern könnte. Im ersten Release von Photoshop CC wird diese Funktion jedoch noch nicht vorhanden sein, sie soll in Kürze Ende 2013 nachgereicht werden (Quelle).

Einen ausführlichen Artikel zu Edge Reflow findet ihr hier.

Ecken-Radius von Vektor-Objekten nachträglich editieren

In Photoshop CC kann der Ecken-Radius von Vektor-Objekten endlich jederzeit angepasst werden. Insbesondere für Web- & Interface-Designer ist das sehr praktisch. Bisher musste eine Form nämlich komplett neu erstellt werden, wenn der Radius verändert werden sollte. Es ist auch möglich, den Radius der Ecken unterschiedlich abzurunden und den passenden CSS-Code zu exportieren.

Intelligentes Hochrechnen (Upsampling)

Bilder können in Photoshop CC (angeblich) ohne Qualitätsverlust massiv vergrößert werden. Insbesondere das Entstehen von Bildrauschen soll nicht länger auftreten. Für die nachträgliche Retina-Optimierung von Grafiken könnte diese Funktion äußerst hilfreich sein.

Mehrfach-Auswahl von Pfaden und Vektoren

In Photoshop CC können mehrere Vektoren, Formen und Pfade gleichzeitig ausgewählt werden. Auch eine Auswahl über verschiedenen Ebenen hinweg ist möglich. Das dürfte die Arbeit mit Vektoren in Zukunft deutlich vereinfachen.

Ebenen isolieren (isolate Layers)

Wenn man an einem komplexen Photoshop-Dokument mit vielen Ebenen arbeitet, kann die Übersicht schnell verloren gehen. In Photoshop CC steht daher eine neue Funktion namens „Ebenen isolieren“ zur Verfügung.
Zunächst werden alle Ebenen ausgewählt, die man im Augenblick sehen möchte. Anschließend aktiviert man die neue Funktion und Photoshop blendet alle anderen Ebenen im Ebenen-Bedienfeld aus. Sehr praktisch.

Voreinstellungen für Schriften

In Photoshop CC können individuelle Einstellungen für Schriften gespeichert und anschließend per Klick angewendet werden. Auch eine globale Voreinstellung über alle Photoshop-Dokumente hinweg soll möglich sein.

System-Schriftglättung

Bisher hatten Webdesigner immer das Problem, dass Schriften in Photoshop anders aussahen als später im Browser. Das ist nun vorbei, Photoshop CC führt „System Anti-Aliasing“ ein. Hiermit wird die Schrift so geglättet wie vom verwenden Betriebssystem gewohnt. Die Funktion kann in der Optionsleiste als Glättungsmethode ausgewählt werden.

Farbfelder aus HTML, CSS & SVG-Dateien

Farbfelder können in Photoshop CC auch auf Basis von HTML, CSS und SVG-Dateien erstellt werden. Eine neue Import-Funktion macht es möglich.

Synchronisierte Voreinstellungen

Im Rahmen der Creative Cloud werden zukünftige Photoshop-Funktionen automatisch eingespielt sobald sie von Adobe fertiggestellt worden sind. Wenn ihr Photoshop auf verschiedenen Rechnern installiert habt, verfügen also auch diese Installationen ab CC über die gleiche Versionsnummer. Die Voreinstellungen für Installationen auf verschiedenen Computern können daher nun synchronisiert werden.

Share on Behance

Behance als führende Kreativ-Plattform ist jetzt stark mit Photoshop CC verbunden. Dateien können direkt aus dem Programm in die Plattform geladen und so der Community vorgestellt werden. Insbesondere für Echtzeit-Rückmeldungen während des Designprozesses kann diese Verbindung sinnvoll sein.

Smart Schärfen-Werkzeug (Smart Sharpen)

Das Smart-Schärfen Werkzeug von Photoshop CC verwendet neue Algorithmen und ermöglicht so ein verbessertes Schärfen, ohne die hässlichen Nebeneffekte wie Bildrauschen oder Halo (leuchtende Kanten) zu erzeugen.

Camera Shake Reduction Tool

Das Camera Shake Reduction Tool entfernt Verwackelungseffekte in Fotos. Nach ersten Tests einiger Kollegen scheint das Tool zu funktionieren, allerdings wirklich gut nur bei sehr geringen Verwackelungen.

Camera RAW 8

Camera RAW 8 integriert neue, non-destruktive Werkzeuge. Neben einem Korrekturpinsel mit echter Pinselspitze (bisher gab es nur einen runden Punkt) sind das der Radial-Verlaufsfilter (Radial Filter) für Vignetten-Effekte und das Aufrichten-Werkzeug (Automatic Upright) zur Perspektiv-Korrektur.

Camera RAW-Korrekturen als Smartfilter

Die Korrektur-Funktionen von Camera RAW stehen jetzt auch in Photoshop zur Verfügung. Dank einer Smartfilter-ähnlichen Anwendung können die Korrekturen ein- und ausgeschaltet und nachträglich editiert werden.

Photoshop und Photoshop Extended verschmelzen zu einer Version, Creative Cloud Funktionen sind integriert

Bisher existierten mit Photoshop und Photoshop Extended zwei separate Programmversionen mit unterschiedlichem Funktionsumfang. Das ist mit Photoshop CC vorbei, es existiert nur noch eine Variante. Für Nutzer der bisher abgespeckten Version stehen somit jetzt die 3D-Werkzeuge und die Bildanalyse-Werkzeuge zur Verfügung.
Wer bisher Photoshop CS6 als Standalone-Lösung genutzt hat (also nicht in der Creative Cloud) kommt ab sofort in den Genuss der Cloud exklusiven Updates. Dazu gehören unter anderem die Weichzeichnungsfilter als Smart-Filter.

Links / Quellen

• Photoshop CC for Creative Cloud Members Coming Soon!
• Adobe TV zu Photoshop CC
• Adobe Blogs
• Photoshop auf Facebook
• Photoshop auf YouTube
• Photoshop auf Twitter

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Responsive Webdesign stellt Designer vor eine Herausforderung: es müssen flexible Layouts auf Basis von Prozentwerten gestaltet werden, obwohl innerhalb der Grafikprogramme Pixelwerte verwendet werden. Designer müssen daher während der gesamten Gestaltungsphase im Hinterkopf haben, dass alle Spalten des Designs später in der Breite variabel sind. Der klassische Workflow stößt hier an seine Grenzen, da es wenig Sinn macht, zunächst unzählige statische Layouts zu entwerfen und diese anschließend in eine flexible Website umzuwandeln. Aus diesem Grund wird direkt zu Beginn des Projektes ein sog. interaktiver Prototyp erstellt, der die gesamte Flexibilität abbilden kann. Anschließend wird die Gestaltung der Website und die technische Umsetzung mit HTML, CSS und JavaScript parallel vorangetrieben. Mit Adobe Edge Reflow ist jetzt das erste Programm erschienen, das den Workflow im Responsive Webdesign abbilden kann.

Wie funktioniert Adobe Edge Reflow?

Edge Reflow ist eine Art Hybridlösung zwischen Illustrator, Fireworks und Dreamweaver. Auf der Arbeitsfläche wird das Web-Layout mit Hilfe simpler Formen zusammengestellt, im Hintergrund schreibt das Tool jedoch HTML- und CSS-Code. Die verschiedenen Elemente der Website werden innerhalb des Rasters platziert und können mit gestalterischen Effekten versehen werden. Hier stehen hauptsächlich die Möglichkeiten von CSS3 zur Verfügung, es können jedoch auch Grafiken eingebunden werden.

Breakpoints im Layoutprogramm

Der große Unterschied zu allen anderen Programmen ist die Möglichkeit Breakpoints zu setzen. Über einen Schieberegler auf der rechten Seite kann die Arbeitsfläche gestaucht werden. Dabei verhalten sich alle Elemente flüssig - entsprechend des gewählten Rasters.

Reflow is not meant to replace Photoshop/Fireworks for design or Dreamweaver/Edge Code for development, but to provide a place to explore responsive layouts and design using standards based CSS on a web based design surface.

Sobald das Design nicht mehr funktioniert, kann über einen Button ein Breakpoint gesetzt werden. Anschließend werden gestalterische Anpassungen vorgenommen. Über farbige Balken am oberen Ende der Arbeitsfläche kann zwischen den Breakpoints unterschieden werden.

Edge Reflow kann im Rahmen einer kostenlosen Creative Cloud Mitgliedschaft heruntergeladen werden.

Download Edge Reflow

Die Benutzeroberfläche

Das Interface von Edge Reflow ist unterteilt in folgende inhaltliche Bereiche:

• Arbeitsfläche mit Schieberegler (grün)
• Media Query Leiste (blau)
• Werkzeugauswahl (violett)
• Eigenschaften-Leiste mit den Tabs „Layout“ und „Styling“ (orange)
• Canvas Bar (gelb)
• Icon für Adobe Edge Inspect (rot)

Arbeitsfläche

Die Arbeitsfläche ist beim Erstellen einer neuen Datei automatisch mit einem 12er-Raster unterteilt, was der Arbeitsweise vieler aktueller Frameworks entspricht. Darüber hinaus ist ein 12er Raster sehr flexibel und bietet sich für die meisten Websites gut an. Das Raster kann in der Eigenschaften-Leiste detailliert angepasst werden.

Über den Schieberegler rechts neben der Arbeitsfläche kann die Breite der Bühne stufenlos verändert werden. Dabei skalieren sich das Raster sowie alle Elemente auf der Bühne.

Media Query-Leiste

Die Media Query-Leiste zeigt die verschiedenen angelegten Media Queries an. Per Klick auf einen Bereich kann zwischen den Media Queries gewechselt werden. Über den Button rechts neben der Leiste wird ein neuer Media Query hinzugefügt. Der Breakpoint wird entsprechend der aktuellen Breite der Arbeitsfläche gesetzt.

Wenn ihr auf das "+"-Icon klickt und etwas länger gedrückt haltet, öffnet sich ein neues Menü mit detaillierten Optionen. Hier kann der exakte Pixelwert des Breakpoint eingestellt und ein Name vergeben werden. Ihr könnt auch festlegen, ob der Media Query mit einer max- oder min-Angabe (mobile First) geschrieben wird.

Werkzeuge

Die Werkzeuge von Reflow sind äußerst übersichtlich.

• Mit dem Auswahl- / Verschieben-Werkzeug werden die Elemente auf der Arbeitsfläche ausgewählt, verschoben oder transformiert. Die Optionen in der Eigenschaften-Leiste ändern sich entsprechend des aktiven Elements.
• Mit dem Box-Werkzeug werden neue Elemente gezeichnet, oder bestehende Elemente verändert.
• Das Text-Werkzeug erzeugt per Klick einen Text, alternativ kann ein Textrahmen aufgezogen werden.
• Das Bild-Werkzeug ermöglicht das Einfügen von externen Bildquellen.

Eigenschaftenleiste / Eigenschaften-Inspector

Die Eigenschaftenleiste erlaubt Einstellungen in Abhängigkeit zum gerade aktiven Element. Wenn das Container-Element ausgewählt ist, kann das Raster editiert werden.
Im Bereich „Layout“ werden Einstellungen zu Größe, Padding, Margin, Floating-Modell etc. festgelegt. Im Bereich „Styling“ werden die Elemente mit Farben, Schatten, Verläufen etc. ausgestattet.
Normalerweise betrifft die Änderung einer Eigenschaft nur den aktuellen Media Query. Bei vielen Angaben erscheint jedoch per MouseOver über dem Eingabefeld ein weiterer Button (siehe Abb.). Wird hier geklickt, übernimmt Reflow die Eigenschaft für alle Media Queries.

Einige Eigenschaften werden farblich hinterlegt. Daran erkennt ihr in welchen Media Queries die Eigenschaft definiert wurde und ob eine Vererbung stattfindet.

Canvas Bar

Die Canvas-Bar (Leinwand-Leiste?) zeigt den Pfad der Elemente an und beschreibt wie die HTML-Objekte auf der Bühne verschachtelt sind. Per Klick kann ein Element ausgewählt werden, was die Navigation innerhalb der Website enorm erleichtert. Wenn ihr das „<>“-Icon neben dem aktuellen Element anklickt, erscheint ein Pop-Up mit den CSS-Eigenschaften.

Edge Inspect

Mit einem Klick auf den „Edge Inspect“-Button, kann eine Synchronisation zwischen verschiedenen mobilen Endgeräten hergestellt werden. Mehr über Edge Inspect erfahrt ihr hier.

Edge Reflow Tutorial

Ich möchte euch die Funktionsweise von Edge Reflow mit einem kleinen Tutorial erklären. Ziel ist es eine Mini-Website mit zwei Breakpoints zu erstellen, an der ich alle wichtigen Funktionen von Edge Reflow zeigen kann. Den ästhetischen Anspruch stellen wir heute mal hinten an.

Projekt anlegen

Erstellt ein neues Dokument und speichert die Datei ab. Reflow erstellt keine einzelne Datei, sondern einen Projektordner. Hier werden später HTML- & CSS-Dokumente sowie weitere Dateien abgelegt. Innerhalb des Dokuments legt Reflow automatisch einen Div-Container und ein Gestaltungsraster an.

Media Queries festlegen

Als erstes legen wir die Media Queries fest. Da es im Vorfeld immer schwierig ist abzuschätzen wann ein Breakpoint gebraucht wird verwenden wir zunächst die typischen Größen für Smartphone und Tablet. Die Media Queries können später noch erweitert oder angepasst werden.
Zieht mit dem Schieberegler die Arbeitsfläche auf eine Breite von 960 Pixel und fügt per Klick auf die „+“-Schaltfläche oben rechts einen Breakpoint hinzu. Wenn die Pixel nicht genau getroffen wurden, könnt ihr lange auf das Icon klicken um die erweiterten Optionen aufzurufen. Hier kann der Wert in Pixel angegeben werden.
Erstellt nach dem gleichen Prinzip zwei weitere Breakpoints bei 780 und 480 Pixeln. Per Klick auf die farbigen Bereiche in der Leiste könnt ihr zwischen den Media Queries wechseln.

Raster anpassen

Edge Reflow erstellt automatisch ein Raster mit 12 Spalten. Für die Desktop-Variante unserer Beispiel-Website ist das soweit in Ordnung. Die anderen Ansichten passen wir an. Aktiviert zunächst den Bereich von 0-480 Pixel und wählt mit Hilfe des Auswahl-Werkzeugs oder der „Canvas-Bar“ das Container-Element aus. In der Eigenschaften-Leiste verringert ihr die Anzahl der Spalten auf 3 und erhöht den Abstand zwischen den Spalten auf 5%.

Für den Media Query von 480-780 Pixel vergebt ihr 6 Spalten und einen Abstand von 3%. Sollte euch das eingeblendete Raster stören, könnt ihr über „Opacity“ die Deckkraft regeln.
Im Bereich von 870-960 Pixel muss das Raster nicht angepasst werden, der Container sollte jedoch eine maximale Breite erhalten um sich nicht unendlich weit auszudehnen. Vergebt bei max-width 960 Pixel.

Elemente hinzufügen und ausrichten

Jetzt sollten wir ein paar Elemente hinzufügen um die Seite zu gestalten. Aktiviert zunächst den Media Query für die Desktop-Ansicht und wählt anschließend das „Box-Werkzeug“ aus.
Zeichnet nun einen Header-Bereich mit einer Höhe von 250 Pixeln über die gesamte Breite des Containers. Mit 50 Pixel Abstand, zeichnet ihr darunter drei Boxen mit einer Höhe von 200 Pixel ein. Die genauen Pixelwerte könnt ihr in der Eigenschaften-Leiste nummerisch angeben. Hilfreich ist sicher auch das Icon unten rechts in der „Canvas-Bar“. Mit dem hier versteckten Menü können Elemente aneinander ausgerichtet oder auf gleiche Höhe gebracht werden.

Wenn ihr die Shift/Umschalt-Taste drückt, könnt ihr per Klick mehrere Elemente auswählen. Markiert nun die drei unteren Boxen und vergebt in der Eigenschaften-Leiste ein padding von 20 Pixeln.

Header gestalten

Markiert den Header und wechselt in der Eigenschaften-Leiste in den Bereich „Styling“. Im oberen Abschnitt könnt ihr Farben, Bilder und Verläufe hinzufügen. Wählt über das kleine Icon einen Verlauf aus und erstellt im sich nun öffnenden Dialog einen linearen Verlauf von Hellblau (#72D4FF) zu Dunkelblau (#04528B). Anschließend könnt ihr den Dialog schließen.

Im mittleren Abschnitt können Rahmen gestaltet werden. Um den Header mit einer Linie vom Inhaltsbereich abzutrennen, erstellen wir hier eine 5px starke, nach unten ausgerichtete Linie in Dunkelblau (#003053).

Boxen gestalten

Nun gestalten wir die Boxen. Markiert alle drei Elemente und vergebt ein helles Blau-Grau (#E9EDEF) als Hintergrundfarbe. Im Bereich „borders“ rundet ihr die Ecken um 5 Pixel ab.
Im unteren Bereich können Schatten gestaltet werden. Fügt einen Schatten hinzu und wählt Schwarz als Farbe. Im Auswahlmenü für die Farbe findet ihr rechts auch einen Regler für die Transparenz. Stellt hier einen Wert von ca. 30% ein. Als Weichzeichnungsgrad (Blurring) legt ihr 2px fest, den Abstand nach unten gebt ihr mit einem Pixel an.

Texte hinzufügen

Wählt das Textwerkzeug aus und bewegt den Cursor über eine der drei Boxen. Ein veränderter Rahmen bedeutet, dass ihr den Text innerhalb der Box erstellt. Reflow erzeugt dann also verschachtelte HTML-Elemente. Ihr könnt die Verschachtelung auch in der Canvas-Bar kontrollieren.
Zieht einen Textrahmen innerhalb der Boxen auf, passt mit dem Auswahlwerkzeug oder über den „Layout-Tab“ die Abmessungen an und schreibt ein wenig Beispiel-Text. Verfahrt so mit allen drei Boxen.

Schriften und Typografie

Wenn ihr einen Textrahmen ausgewählt habt, könnt ihr im „Styling-Tab“ der Eigenschaftenleiste den Text gestalten. Vergebt eine Schriftgröße von 0.9em und einen Zeilenabstand von 1.2em.
Im Bereich Typeface kann eine Schriftart gewählt werden. Über den Pfeil im Auswahlmenü habt ihr die Standard-Schriften der Browser zur Auswahl. Über den „T+“-Button links können Webfonts über die Adobe Edge Webfonts geladen werden. Wählt hier eine beliebige Schrift aus (erkennbar am blauen Haken) und verlasst das Menü. Anschließend steht die Schrift in der Auswahlliste ganz oben zur Verfügung. Vergebt für alle Texte einen Webfont.

Externe Bilder laden

In den Header unserer Beispielseite laden wir jetzt noch ein Logo. Klickt auf das Bild-Werkzeug und ladet eine Grafik. Als Beispiel könnt ihr auch das kulturbanause Logo verwenden. Die Grafik klebt nun vorerst am Cursor und kann per Klick positioniert werden.

Media Queries optimieren

Das Layout ist nun soweit fertig und alle Inhalte wurden positioniert. Jetzt ist es Zeit die Anpassung für andere Viewport-Größen zu übernehmen. Per Klick auf einen Bereich in der Media Query Leiste könnt ihr schon sehen wie sich das Layout verhält.
In der mittleren Ansicht sind die Textboxen zusammengedrückt was Auswirkung auf die Zeilenlänge hat. Die Boxen sind zu niedrig. Wählt die Elemente aus und passt die Höhe an. In der Eigenschaften-Leiste wählt ihr dazu den Wert „auto“. Auch der Header ist in der Tablet-Variante vielleicht ein wenig hoch. Hier verringern wir die Höhe auf 110px und rücken die Boxen entsprechend weit nach oben.

In der Smartphone-Ansicht wird die Zeilenlänge der Boxen dann endgültig zu kurz. Verschiebt die Boxen untereinander und erhöht die Breite auf 100%. Achtet darauf, dass auch hier die Höhe der Box auf „auto“ gesetzt ist. Den Abstand zum Header und den Abstand zwischen den Boxen geben wir mit 30px an. Somit wäre auch dieser Darstellungsfahler korrigiert.

Code exportieren

Über den Schieberegler könnt ihr nun alle Ansichten stufenlos testen. Wenn die Website in allen Viewport-Größen funktioniert, ist es Zeit den Code zu exportieren.
Der finale Code-Export scheint in dieser frühen Version von Reflow noch nicht integriert worden zu sein. Über „View → Preview in Chrome“ kann allerdings eine Vorschau gestartet werden.

This code is only meant for previewing your Reflow design.

Die Daten werden parallel in den /assets-Ordner im Projektordner gespeichert. Reflow erstellt eine HTML-Datei, sowie reflow.css und boilerplate.css.

Die Beispieldateien könnt ihr hier herunterladen oder online anschauen.

Demo anzeigen

Update: Edge Reflow Preview 2

Adobe hat die Preview 2 von Edge Reflow veröffentlicht. Die wichtigsten Features der neuen Version sind u.a. die Unterstützung von position:absolute;, position:fixed; und z-index, Inline-Text-Styling auf Basis von <span>, ein überarbeiteter Farbwähler, ein verbesserter Workflow sowie optimierte Performance.

Einen vollständigen Bericht der neuen Version findet ihr im Edge Reflow Blog.

Links / Quellen:

• Adobe Edge Reflow
• Englischsprachiges, offizielles Tutorial zu Edge Reflow
• Videos zum Thema Edge Reflow von Adobe TV

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe hat ein neues Software- und Service-Paket für Webentwickler vorgestellt. Die Adobe Edge Tools & Services kombinieren verschiedene Programme und Dienste von Adobe zum Thema HTML5 und Webdesign. Dadurch werden einige sehr hilfreiche Tools wie Adobe Shadow nun leider kostenpflichtig. Neben alten Bekannten wurden auch neue Tools wie Edge Animate, Edge Code, Edge Reflow und Edge Webfonts in den Service integriert.

Adobe Shadow ist nun Edge Inspect

Die traurige Nachricht zuerst. Der bisher kostenlose (und wirklich hilfreiche) Dienst Adobe Shadow wurde in Edge Inspect umbenannt und ist nicht länger kostenlos. Alle Edge-Tools sind Teil der Creative Cloud. Im Rahmen einer Einführungsphase werden die Edge-Tools allerdings in Form einer „free Creative Cloud“ angeboten.

Edge Inspect ist ein Hilfsmittel für die Erstellung von Multi-Screen-Lösungen. Die Anwendung wird auf verschiedenen Endgeräten installiert und synchronosiert die Ansicht anschließend kabellos zwischen den Testumgebungen. Weitere Infos zu diesem Tool findet ihr in meinem Artikel zu Adobe Shadow (jetzt Edge Inspect).

Adobe Edge Animate

Edge Animate ist ein Programm zur Erstellung von animierten Web-Elementen auf Basis von HTML5, CSS3 und JavaScript.

Adobe Edge Code

Edge Code ist ein Code-Editor auf Basis des Open-Source-Projets Brackets. Das Tool liegt aktuell nur in einer Preview-Version vor.

Edge Reflow

Edge Reflow ist ein Hilfsmittel zur Entwicklung von Responsive Websites. Auf Basis von CSS und HTML können angeblich ganz intuitiv hochwertige Websites gestaltet werden.

Adobe Webfonts

Die Adobe Webfonts sind ein kostenloser Webfont-Service von Adobe. Die Schriften können manuell als Code-Snippet eingefügt werden. Zusätzlich stehen die Adobe Webfonts in anderen Edge Tools zur Verfügung. Der Service basiert auf Typekit und wird in Kooperation mit den Google Webfonts realisiert.

Typekit

Typekit ist ein Premium Webfont-Service von Adobe. Im Gegensatz zu kostenlosen Anbietern wie den Google Webfonts werden die Schriften in höherer Qualität (Open Type) ausgeliefert, was das Risiko eines schlechten Renderings unter Windows deutlich reduziert. Die Auswahl hochwertiger Schriften, die Kategorisierung und die Filterfunktion der Website runden den Service ab.
Mit Typekit wird übrigens auch die Schrift auf dieser Website ausliefert.

Adobe PhoneGap Build

PhoneGap Build ist ein Service um Apps, die auf Basis von HTML, CSS und JavaScript erstellt wurden, für verschiedene AppStores zu verpacken.

Links zum Thema

• Adobe Edge Tools
• Adobe Edge Animate
• Adobe Edge Reflow
• Adobe Edge Code
• Adobe Edge Inspect
• Adobe Edge Webfonts
• Adobe Edge Typekit
• Adobe Edge PhoneGap Build
• Brackets. Ein Open Source Code Editor fürs Web von Adobe – Heise Online
• Adobe Introduces Edge Web Tools – Web Pro News
• Adobe Edge: Does Adobe Finally Understand Developers? - Design Shack

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Es gibt Fragen die polarisieren. Apple oder Samsung? Coke oder Pepsi? Fireworks oder Photoshop? Oder vielleicht doch lieber InDesign? Ich bin der Meinung, man sollte das Tool nutzen, in dem man sich am wohlsten fühlt. Unabhängig davon ob das Programm ursprünglich für den Einsatz im Webdesign gedacht war und vorausgesetzt, dass die Qualität des Projekts nicht leidet. Doch warum schwören einige Webdesigner auf Photoshop und andere auf InDesign, Illustrator oder Fireworks? Ich habe die Webdesigner Ivo Mynttinen, David Hellmann und Christian Seitz gefragt und interessante Antworten erhalten. 

Bitte stelle dich unseren Lesern kurz vor und erzähle uns welche Art von Projekt du normalerweise bearbeitest

Ivo Mynttinen

Ich bin ein 20-jähriger User Interface Designer. Momentan wohne ich in Nürnberg. Seit etwa einem halben Jahr bin ich selbständig und entwerfe für meine Kunden (meist Startups aus der Bay-Area) innovative Designkonzepte für Webapps, Mac Apps und iOS Apps. Seitdem ich 15 bin experimentiere ich mit (damals noch Macromedia) Fireworks und konnte mir so ein sehr solides Wissen über mein favorisiertes Design-Tool, sowie einige andere Programme der Creative Suite aneignen.

David Hellmann

Ahoi! Ja namentlich nennt man mich David Hellmann und sonst bin ich im anonymen Internet meist unter dem Namem: davidhellmann zu finden! Wenn ich nicht vor einem Bildschirm sitze fahre ich oft ein wenig Rad. Früher BMX heute dann eher MTB.

Meistens gestalte ich Websites was für mich heißt, dass ich in Photoshop gestalte und teilweise später auch noch den HTML/CSS Part mit übernehme. Kommt aber immer auf das einzelne Projekte an. Eines meiner letzten Freelance Projekte war Deutsches Obst und Gemüse wo ich für den Designpart verantwortlich war: www.deutsches-obst-und-gemuese.de

Nett oder? :)

Christian Seitz

Hallo, ich heiße Christian Seitz und arbeite als freiberuflicher Grafik-Designer für Digital- und Printmedien. Mein Schwerpunkt liegt dabei auf umfangreicheren Publikationen wie Katalogen oder Magazinen im Printbereich. Nebenbei blogge ich auf herrseitz.de über Themen rund um Fotografie, Mountainbike, Skifahren und Workflows aus dem Mac-User-Alltag.

Hast du einen bestimmten gestalterischen Stil? Inwiefern unterstützt dich „dein“ Programm dabei?

Ivo Mynttinen

Wer ein wenig Zeit damit verbringt, sich meine Arbeiten auf meinem Portfolio anzusehen, wird schnell feststellen, dass ich stark darauf achte, Benutzeroberflächen sauber und einfach zu gestalten. Gerne verliere ich mich jedoch auch in Details, die sehr häufig das „gewisse Extra“ meiner Arbeiten ausmachen. Auch wenn es sich stark nach einem Klischee anhört, inspirieren mich die Designs von Apple, allerdings auch Arbeiten von Agenturen wie z.B. MetaLab oder Softfacade.

Fireworks bietet mir genügend Möglichkeiten, um solide Designs zu erstellen, eignet sich aber auch hervorragend dafür, mal eben ein erweitertes Mockup zu erstellen. Den größten Vorteil von Fireworks sehe ich allerdings darin, dass ich persönlich damit extrem viel Zeit sparen kann - gerade weil hier viele Dinge einfach anders angegangen werden als z.B. mit Photoshop.

David Hellmann

Ich glaube der ändert sich immer mal bzw. hängt auch das stark vom Projekt/Kunde ab. Da ich ja wie oben schon erwähnt Photoshop als MEIN Programm sehe kann ich nur sagen das ich mit Photoshop immer das Gefühl habe alles machen zu können. Egal ob clean oder verspielt. Ich finde in Photoshop einen weg. Bei anderen Programmen kam mir das nicht so vor. (Die gelbe Hölle!!! :)

Es wird nicht grundlos sein, dass wohl die meisten mit Photoshop arbeiten, oder?

Christian Seitz

Wenn mich das Briefing nicht in eine bestimmte stilistische Richtung lenkt, bin ich ein Fan von klarer, reduzierter und funktionaler Gestaltung, die durch gute Typographie, stimmige Proportionen und einem klaren Ordnungssystem – am Besten mit viel Weißraum – überzeugt.

Mein Programm der Wahl ist Adobe InDesign. Es kommt mir durch die Möglichkeit der einfachen Einrichtung auch komplexerer Rastersysteme in horizontaler als auch vertikaler Richtung entgegen. Ich weiß, dass ist nichts weltbewegendes und schon lange vorhanden, aber ich finde es immer wieder hilfreich beim Aufbau neuer Layouts. Überhaupt bin ich ein Fan des numerischen Gestaltens, sprich viele Objekte werden mit Hilfe der Koordinaten/Transformieren-Palette final platziert.

Wie ist es dazu gekommen, dass du dieses Programm nutzt?

Ivo Mynttinen

Fireworks war das erste „Bildbearbeitungs“-Programm, was mir in die Hände kam. Bereits nach den ersten Stunden konnte ich für damalige Verhältnisse gute Ergebnisse erzielen. Gerade die steile Lernkurve ist wohl einer der Gründe, weshalb ich nach wie vor Fireworks-Nutzer bin.

David Hellmann

Gruppenzwang! Klarer Fall. Ganz früher hatte ich noch PaintShop Pro 7 wenn ich mich recht erinnere. War eigentlich auch ganz cool. Aber sind wir ehrlich. Man kommt an Adobe Sachen einfach nicht vorbei im professionellen Umfeld. Und da Photoshop halt verbreiteter ist als andere Sachen bin ich schlussendlich auch dort gelandet. Bereut habe ich es nicht.

Christian Seitz

Ich arbeite am Liebsten mit Programmen, die ich gut und schnell und vor allem aus dem FF bedienen kann. Das ist bei mir mit InDesign der Fall. Meist muss es ja im Job schnell gehen und da finde ich das Umdenken von InDesign nach Photoshop – vor dem Hintergrund des Entwerfens und mit Deadlines im Nacken – eher störend.

Deshalb bin ich mehr froh als skeptisch, dass Adobe die Software immer mehr zum crossmedialen Layoutwerkzeug ausbaut. Kommt mir entgegen. Sehr.

Bezogen auf Webdesign - was sind für dich die Vorteile des Programms?

Ivo Mynttinen

Die Möglichkeit, alle Seiten eines Projekts unkompliziert in einer Datei zu bearbeiten und die Tatsache, dass in Fireworks fast ausschließlich mit Vektor-Elementen gearbeitet wird.

Ein weiterer Vorteil ist, dass Benutzeroberflächen für unterschiedliche Auflösungen (z.B. iPhone und iPad Apps) fast ohne nachträgliches Verbessern von Details skaliert werden können. Außerdem sagen mir die Layer-Styles sehr zu, welche sich 1:1 zu CSS3 konvertieren lassen.

David Hellmann

Wie oben geschrieben habe ich einfach das Gefühl an keine Grenzen zu stoßen bei dem was ich mache. Das ist für mich wichtig. Ein anderer wichtiger Punkt ist, dass ich mich wohl fühle mit dem Programm. Auch ich hatte das ein oder andere mal schon Fireworks auf, aber kam damit einfach nicht wirklich zurecht. Vielleicht auch eine Sache der Gewöhnung aber wer weiß, vielleicht sind wir auch einfach nicht für einander gemacht :)

Christian Seitz

Am Besten finde ich, mehrere Seiten mit unterschiedlichen Größen in einem Dokument anlegen zu können und bei einem Wechseln zwischen Print und Online nicht umdenken zu müssen.

Welche Webdesign-Aufgaben bewältigt das Programm nicht optimal?

Ivo Mynttinen

Sobald es darum geht, aufwendigere Illustrationen zu erstellen, ist man mit Photoshop eindeutig besser dran. Ich bin der Meinung, dass man mit Fireworks absolut alles machen kann, was auch in Photoshop geht - nur steigt der Aufwand enorm, wenn man beispielsweise detaillierte Icons erstellen möchte.

David Hellmann

Es sind eher so Kleinigkeiten… Die fehlende Möglichkeit, dass man den Eckradius von Vektor-Objekten nicht nachträglich ändern kann. Das sind zwar Kleinigkeiten, würden aber oft großes bewirken. Etwas sehr gutes gibt es seit CS6 ja nun endlich "Pixel Snapping"!!! :) Letztendlich wird jedes Programm immer irgendwelche Schwächen haben bzw. Sachen die man als nicht optimal empfindet. Aber das ist ja völlig normal.

Christian Seitz

Ich finde, den Export von Grafiken für die Umsetzung könnte man noch optimieren.

Was stört dich an anderen Programmen?

Ivo Mynttinen

Die direkte Konkurrenz Photoshop ist mir zu unflexibel und zu aufwendig. Sketch 2, ein relativ neues Programm, welches Fireworks sehr nahe kommt aber erfrischende Konzepte mit einbringt, die man in einem Adobe Programm wohl niemals erwarten darf, ist mir momentan noch zu instabil.
Eventuell werde ich, sobald sich das geändert hat, dennoch den Schritt gehen von Fireworks zu Sketch zu wechseln.

David Hellmann

Stören direkt nichts. Ich finde einfach ich hab mich nie damit wohl gefühlt wenn ich es genutzt habe. In Photoshop arbeitet man ja viel mit Ebenen in Fireworks sind diese zwar auch da aber haben da nicht so den Stellenwert wie in Photoshop. Klar, ein Fireworks Mensch der zu Photoshop kommt wird wohl das gleiche anders herum sagen. Für mich gibt es aktuell einfach keinen Grund auf ein anderes Programm zu wechseln.

Ach was mich bei Fireworks immer aufgeregt hat war, dass man die Werte (Breite einer Box z.B.) nicht mit den Pfeiltasten ändern konnte sondern immer tippen musste :)

Christian Seitz

Wie oben schon erwähnt, stört mich in erster Linie das Umdenken in der Bedienung. Wobei ich bei „anderen Programmen“ an Photoshop, Fireworks oder Illustrator denke. InDesign arbeitet objektorientiert, Photoshop eher ebenenorientiert. Hat beides seine Daseinsberechtigung. Aber ich kann – und hab's auch nicht wirklich intensiv probiert – auf Ebenenbasis nicht gestalten.

Illustrator ist InDesign noch am ähnlichsten – deshalb komm ich damit wahrscheinlich auch prima klar.

Zu Fireworks kann nicht besonders viel sagen. Hab ich nur mal oberflächlich probiert.

Nutzt du ergänzende Plugins, Tools oder andere Programme für die Erstellung deiner Designs? Wenn ja in welchen Bereichen?

Ivo Mynttinen

Ich verwende keine zusätzlichen Plugins. Für diverse Aufgaben nutze ich natürlich Photoshop und selten auch Illustrator.

David Hellmann

Photoshop Plugins:

• GuideGuide! Einfach genial!
• DevRocket ist auch ganz nett.
• Bjango Aktionen

Andere Apps:

• Pochade, ein globaler Colorpicker der sich in der Menüleister versteckt. Ist super!
• WhatFont: Super Chrome Plugin

Christian Seitz

Ja. Ich verwende zwar InDesign für die Layoutarbeit, aber ergänzenden Aufgaben, beispielsweise das Entwickeln von Buttons, Schriftzügen oder Icons mach' ich in Illustrator.
Bilder bearbeite, retuschiere oder optimiere ich in Photoshop und Text für Webseiten schreibe ich in iA Writer. In InDesign wird das dann alles vermixert. ;-)

Welche Features würden deinen Webdesign-Workflow beschleunigen? Was wünschst du dir für kommende Programmversionen?

Ivo Mynttinen

Mehr Stabilität, eine überarbeitete Benutzeroberfläche, bessere Gesten-Unterstützung sowie Optimierungen für Retina Screens wären ein Anfang. Leider hielt sich Adobe bei den letzten Major-Updates mit neuen Features immer stark zurück, weshalb ich relativ wenig Hoffnung habe, all diese Features in der nächsten Version zu sehen.

David Hellmann

• Die Möglichkeit Eckradien nachträglich zu ändern für Vektorobjekte.
• Eine Art Bibliothek in Photoshop wäre auch ganz cool denke ich. Sowas wie es in Flash gibt in der Art.
• Cloudsync für die Settings. Das wäre toll :) Auch das Mustern, Pinsel etc. alles in der Cloud abgelegt wird und man überall das gleiche findet.

Christian Seitz

Schwierige Frage. Ich komm' so eigentlich ganz gut zurecht. Was ich verbessern würde, wäre eventuell die Farbpalette bzw. das Farbraum-Management. Man kann im Moment noch ganz leicht RGB und CMYK Farben vermischen, was ich weder im Webdesign noch bei Print-Projekten sinnvoll finde. Die Exportfunktion für Grafiken würde ich verbessern oder sogar eine Slice-Funktion einführen.

Weitere Features würde ich mich im Moment gar nicht fordern trauen, da ich mich noch nicht mal richtig mit den ganzen neuen Features von InDesign CS6 auseinander gesetzt habe – ausgenommen die PDF-Formularfunktion. Die find ich schon erste Sahne. ;-)

Zum Thema

• A Real Web Design Application
• Creating Wireframes And Prototypes With InDesign – Smashing Magazine
• Infografik zur Kategorisierung der Adobe-Produkte - Interessant ist, dass Adobe sowohl Photoshop als auch Fireworks unter "Bildbearbeitung" einsortiert.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Im heutigen Gastbeitrag erklärt Fabian Kaiser welche Änderungen Adobes Web-Tool "Edge" in der sechsten Preview-Version bereit hält und in wie fern Edge für Webdesigner hilfreich ist.

Das HTML5-Animationstool von Adobe Systems wurde jetzt in seiner sechsten Vorschau-Version veröffentlicht.
Edge wurde als Alternative zu Flash entwickelt, das wegen seiner mangelnden Unterstützung von mobilen Anwendungen und seiner Sicherheitsprobleme oft kritisiert wurde. Das Werkzeug bietet für das Webdesign eine grafische Oberfläche zur Gestaltung von Objekten, die mittels HTML5, CSS3 und JavaScript animiert werden. Es wird also ganz auf offene Standards gesetzt. Die fertigen Animationen werden als JSON-Datei inklusive CSS-Code gespeichert, und praktisch alle aktuellen mobilen (iOS, Android) und Desktop-Browser-Versionen (Firefox, Internet Explorer 9, Chrome, Safari) können bei aktiviertem JavaScript die so erstellten Animationen problemlos darstellen, wobei diese direkt - ohne Browser-Plugin - in der Webseite wiedergegeben werden.

Vorhandene Webseiten mit Edge ausbauen

Edge unterstützt den Webdesigner nicht nur beim Erstellen neuer Webseiten, sondern auch bei der Erweiterung bereits vorhandener Webseiten. Hier besteht der große Vorteil darin, dass das bestehende Design nicht noch einmal neu aufgebaut werden muss. Der Webdesigner kann so sein Projekt rascher fertigstellen.

Wer mit Edge arbeitet verwendet eine Bühne, um die Animations-Abläufe über den Timeline-Editor (Zeitleiste) oder die WebKit-Schnittstelle zu modifizieren. Außerdem ist das Adobe Typekit, und damit eine große Auswahl an WebFonts, eingebunden. Viele vorgefertigte JavaScript-Code-Snippets stehen in einer Bibliothek zur Verwendung bereit.

Edge-Tutorials sind nun in verschiedenen Sprachen erhältlich

Gegenüber der Vorgänger-Version wurde die Einführung für den Webentwickler verbessert. Die Tutorials sind auch in Deutsch, Französisch, Italienisch, Spanisch und Japanisch verfügbar. Eine wesentliche Verbesserung hat der Code-Editor erfahren, der ausgebaut wurde und mehr Änderungen an den Animationen erlaubt bzw. die möglichen Aktionscodes übersichtlicher anbietet. Mit Symbolen kann jetzt flexibler umgegangen werden. Auch die Benutzerführung wurde verbessert, allerdings treten bereits aus der früheren Version bekannte Fehler zum Teil noch immer auf. Neu ist außerdem, dass der Export jetzt auch im DPS- und iBook-Format möglich ist bzw. die Kompatibilität verbessert wurde.

Die Edge Preview 6 kann unter edge.adobe.com für Windows oder Mac kostenlos heruntergeladen werden. Zu beachten ist, dass vor der Umstellung auf die neue Edge-Version alle vorherigen Versionen deinstalliert werden sollten, da sonst erhebliche Komplikationen auftreten könnten.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Jedes Mal wenn eine neue Photoshop-Version in den Startlöchern steht stellen wir uns die gleichen Fragen. Soll ich updaten? Lohnt sich der Kauf überhaupt? Überspringe ich die Version nicht lieber?
Ich habe mir Photoshop CS6 Extended angeschaut und möchte euch zeigen welche neuen Funktionen das Update mit sich bringt. Dabei habe ich mich neben den Features die ganz allgemein den Workflow beschleunigen, vor allem auf den Einsatz im Webdesign konzentriert.

Hand aufs Herz

In meinen Seminaren und Workshops habe ich gelernt, dass viele Designer einen Großteil der Funktionen von CS4 und CS5 nicht einsetzen. Das kann natürlich daran liegen dass die Funktionen nicht bekannt sind. Häufig finden die neuen Features aber einfach nicht den Weg in den Arbeitsalltag. Und dann gibt es natürlich noch einige Funktionen die man zwar kennt, aber nicht braucht.
Die Content-Aware-Methoden (inhaltssensitive Techniken) sind für mich so ein Beispiel: in CS4, CS5 und CS6 wurde je eine dieser Techniken als „Killer-Feature“ vorgestellt. Webdesigner brauchen die Funktionen allerdings deutlich seltener als beispielsweise Bildbearbeiter.

Die Entscheidung ob ein Photoshop-Update lohnt sollte daher meiner Meinung nach davon abhängig gemacht werden ob es genügend Funktionen gibt von denen man glaubt, dass sie den Workflow spürbar beschleunigen oder erleichtern. Die 30-Tage Testversion von Photoshop hilft euch dabei diese Entscheidung zu treffen.
Darüber hinaus werden die Update-Kosten i.d.R. höher, je mehr Versionsnummern zwischen den Programmen liegen. Auch das sollte bei der Entscheidung berücksichtigt werden.

Aber nun zu den Features.

Interface und Dokumentvorlagen

Starten wir mit dem offensichtlichen Feature. Das Interface von Photoshop ist nun dunkel und kann in vier verschiedenen Helligkeitsstufen angepasst werden. Das geht übrigens auch während der Arbeit über SHIFT + F1 / SHIFT + F2. Leider sind die Dialogfelder nicht angepasst und werden nach wie vor in Hell dargestellt. Das finde ich allerdings halb so schlimm.

In den Dokumentvorlagen können nun mehr mobile Endgeräte ausgewählt werden. Das hilft dabei Layouts für Responsive Webdesign und Apps zu entwerfen. Die Auswahl der mobilen Geräte gab es zwar auch schon in CS5, die angebotenen Formate wurden jedoch modernisiert.

Mehr Features als je zuvor setzen auf Grafikkarten-Beschleunigung. Dadurch verbessert sich zum Einen die Performance des Programms, es werden jedoch auch neue Hilfsmittel möglich. Wenn ihr ein Objekt transformiert oder die Pinselspitzen vergrößert, werden euch nun beispielsweise direkt am Werkzeug Informationen zum Objekt angezeigt. Das Info-Bedienfeld hat somit weitestgehend ausgedient.

Skriptbasierte Muster

In den Einstellungen für „Fläche füllen“ können nun „Skriptbasierte Muster“ ausgewählt werden. Wenn ihr eine dieser Füllmethoden auswählt, kachelt Photoshop das Muster nicht wie üblich von links oben nach rechts unten, sondern wendet ein Skript zur Berechnung an. Im Hintergrund des Bildes seht ihr eine angewendete „Spirale“.

Mit dieser Funktion lassen sich erstaunliche Effekte im Handumdrehen erstellen. Jetzt muss nur noch CSS nachziehen.

Das neue Ebenen-Bedienfeld

Das Bedienfeld „Ebene“ hat ein massives Update erfahren und einige wirklich gute Features spendiert bekommen. Alle diese Funktionen dürften den Workflow von Profis spürbar beschleunigen.

Im Kopf des Bedienfeldes findet ihr nun einen Filter. Hier könnt ihr in den Ebenen nach Namen suchen oder die Ansicht nach Art, Effekt, Modus, Attribut und Farbe filtern. Die Farben für Ebenen lassen sich jetzt auch deutlich einfacher über das Kontextmenü vergeben. Insbesondere für Webdesigner ist der Filter sehr praktisch – Web-Layouts verfügen in der Regel über sehr viele Ebenen.

Wenn Ihr viele Ebenen auf einmal umbenennen möchtet, musstet ihr bisher jede Ebene einzeln doppelt anklicken und anschließend den Namen ändern. In Photoshop CS6 doppelklickt ihr nur noch eine Ebene und ändert den Text. Anschließend könnt ihr mit Tab in die nächste Ebene springen. So lassen sich Umbenennungen viel schneller und komfortabler durchführen.

Ebeneneffekte lassen sich nun auch auf ganze Ordner anwenden und Ordner können per Shortcut Cmd/Strg + J genau wie Ebenen kopiert werden.

Wenn ihr eine Ebene mit einem Ebenenstil ausstattet, wird dieser aufgeklappt im Ebenen-Bedienfeld angezeigt. Das kann störend sein und viel Platz wegnehmen. In CS6 könnt ihr nun alle diese aufgeklappten Menüs mit einem Klick schließend oder alle öffnen. Dazu drückt ihr Alt und Klickt anschließend auf den Pfeil neben dem „fx“-Icon.

Neues Bedienfeld „Eigenschaften“

In Photoshop gibt es ein neues Bedienfeld namens „Eigenschaften“. Wenn ihr Einstellungsebenen verwendet (beispielsweise über das Korrekturen-Bedienfeld) werden die entsprechenden Eigenschaften dort abgebildet. Das Bedienfeld räumt in erster Linie den Arbeitsplatz auf und erleichtert die non-destruktive Arbeit.

Absatzformate und Zeichenformate

Es ist für mich vielleicht DAS Webdesign-Feature der CS6. Photoshop kann jetzt Absatz- und Zeichenformate. Ein Traum wird wahr!
Wie bereits aus InDesign bekannt, könnt ihr nun Voreinstellungen für bestimmte Textelemente festlegen und anschließend per Klick zuweisen oder ändern. Die Absatzformate funktionieren also sehr ähnlich wie eine Auszeichnung per CSS: Absatzformate entsprechen Block-Elementen, Zeichenformat entsprechen Inline-Elementen.

Ein Beispiel: ihr beginnt mit einem neuen Projekt und legt ein Absatzformat für Überschriften und eins für Links an. Anschließend gestaltet ihr die Website und baut diverse Textelemente ein. Nun überlegt ihr, dass die Überschriften vielleicht doch in einer anderen Schrift besser aussehen würden und dass die Links eigentlich nicht unterstrichen dargestellt werden sollen. Anstatt jedes Textelement und jedes Zeichen im Fließtext einzeln zu markieren und anschließend zu ändern, passt ihr nur das Zeichenformat bzw. Absatzformat an. Alle zugewiesenen Objekte der Seite sind davon abhängig und ändern sich ebenfalls.
Dieses Photoshop CS6-Feature dürfte die Arbeit eines Webdesigners unglaublich vereinfachen.

Lorem Ipsum

Nein, das ist keine fehlerhafte Überschrift. Photoshop kann jetzt endlich „Lorem Ipsum“. Über „Schrift → Platzhaltertext einfügen“ füllt Photoshop eine Textauswahl mit einem eigenen Lorem Ipsum.

Neue Vektor-Formwerkzeuge und Konturen

Die Formwerkzeuge haben ein üppiges Update erhalten. Sobald ihr eine Form z.B. ein abgerundetes Rechteck aufzieht, stehen euch in der Optionsleiste neue Eigenschaften und Vektor-Funktionen zur Verfügung. Ähnlich wie in Illustrator könnt ihr die Fläche und die Kontur auswählen und gestalten. Auch die Stärke der Kontur und die Art (z.B. gestrichelt) kann detailliert eingestellt werden. Als Füllmethoden stehen Farben, Muster und Verläufe zur Verfügung.
Die Einstellungen könnt ihr anschließend - ähnlich wie Ebenenstile - über einen Rechtsklick auf das Element in der Ebenenpalette kopieren und einfügen. Der Eintrag heißt bei Vektorformen „Formattribute kopieren“.

In der Optionsleiste findet sich nun der Eintrag „Kanten ausrichten“. Den Eintrag gab es zwar bisher auch schon, er war aber etwas versteckt. Ist das Feld aktiviert, wird verhindert dass Vektorformen auf halben Pixeln verlaufen und unscharfe Konturen erzeugen. Unscharfe Objekte sind äußerst unprofessionell und führen regelmäßig zu Problemen bei der technischen Umsetzung einer Website. Im Webdesign nennt sich diese Technik „Pixel Perfect“.
Per Cmd + Shift + H kann übrigens der Pfad von Formobjekten aus- und wieder eingeblendet werden.

Hash-Code im Farbwähler

Der Farbwähler erlaubt nun die Eingabe eines Hash-Codes bei Hexadezimalwerten. Wer häufig zwischen Code und Photoshop wechselt und Farben kopiert, wird bereits gemerkt haben wie ärgerlich es war, dass Photoshop die Raute (#) nicht zugelassen hat. Für Designer die auch „im Browser designen“ wird dieses Mini-Feature daher sehr hilfreich sein.

Weitere Photoshop-Funktionen

Das waren für mich erst einmal die für das Webdesign relevanten neuen Funktionen. Photoshop CS6 bietet natürlich noch einiges mehr, wie das Inhaltsbasierte-Bewegen-Werkzeug, abnutzbare Pinselspitzen, ein überarbeitetes Beschneiden-Werkzeug oder die neuen Weichzeichnungsfilter.
Diese Funktionen gehören allerdings nicht in diesen Artikel und werden daher in einem anderen Beitrag ihren Platz finden.
Sollte ich Funktionen nicht erwähnt haben, die eurer Meinung nach für Webdesigner relevant sind, schreibt mir bitte in den Kommentaren. Ansonsten interessiert mich natürlich brennend was ihr von Photoshop CS6 haltet.

Vielen Dank an Olaf an dieser Stelle. Sein Video zur Photoshop CS6 Beta hat mir geholfen diesen Artikel vorbereiten zu können.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe hat den Countdown für die Veröffentlichung der Creative Suite 6 / Creative Cloud gestartet. Am Freitag wird um 17:00 Uhr der Launch der neuen Produktreihe in Form einer deutschsprachigen Online-Show zelebriert. Parallel zu den Aktivitäten rund um die CS6 wurde eine Website zum Thema Webstandards ins Leben gerufen, auf der Adobe verschiedene Technologien, Tools und Open Source Projekte beschreibt und bewirbt.

• Countdown zur Creative Cloud 6
• Adobe und HTML

Der Vollständigkeit halber veröffentliche ich hier auch die heutige Pressemitteilung zur Creative Suite 6. Insbesondere die Infos rund um die neuen Abonnement-Varianten haben ja in der Vergangenheit bekanntlich für Verwirrung gesorgt.

Pressemitteilung: Startschuss für die Creative Cloud

Leistungsstarke Version CS6 steht im Zentrum des Creative Cloud-Angebots

München, 23. April 2012 – Adobe Systems hat heute die Adobe® Creative Cloud vorgestellt. Das ist eine völlig neue Art und Weise, wie Kreativschaffenden Werkzeuge und Services verfügbar gemacht werden. Das Adobe Creative Cloud-Angebot ist auf Basis einer Mitgliedschaft verfügbar und bildet eine zentrale Plattform für das Erstellen, Teilen und Ausliefern kreativer Arbeiten. Die heute ebenfalls angekündigte Adobe Creative Suite 6 (siehe separate Pressemeldung) steht mit ihren innovativen Werkzeugen für Design, Web, Video und digitaler Bildbearbeitung im Mittelpunkt der Creative Cloud.

Highlights der Adobe Creative Cloud

• Die Adobe Creative Cloud-Mitgliedschaft erlaubt es Anwendern, alle heute angekündigten Creative Suite-Produkte sowie zwei neue HTML5-Werkzeuge, Adobe Muse und Adobe Edge Preview, herunterzuladen und auf ihrem Desktop zu installieren.
• Creative Cloud integriert die Adobe Touch Apps wie beispielsweise Adobe Photoshop Touch in die täglichen Arbeitsabläufe. Mitglieder können zudem ihre Dateien nahtlos synchronisieren, in der Cloud speichern, von beliebigen Geräten aus auf sie zugreifen und mit anderen teilen.
• Creative Cloud-Mitglieder können mobile Apps für den iOS Store oder Android Marketplace ausliefern und eigene Webseiten veröffentlichen, verwalten und hosten.
• Noch bevor Upgrades einzelner Creative Suite-Produkte im Rahmen eines großen Creative Suite Updates erscheinen, haben Creative Cloud-Mitglieder darauf Zugriff. Ebenso werden ihnen ganz neue Produkte und Services angeboten, sobald sie erscheinen.
• Eine Adobe Creative Cloud-Mitgliedschaft kostet 49,99 Euro monatlich im Rahmen eines Jahresvertrages. Für CS3-, CS4-, CS5- und CS5.5-Kunden ist ein spezielles Einführungsangebot für 29,99 Euro monatlich verfügbar.

„Der Drang, kreativ zu sein war nie so weit verbreitet wie heute und umso wichtiger ist es, den kreativen Funken in jedem zu fördern, vom Schüler bis hin zum Kreativprofi. Wo und wann auch immer die Inspiration zuschlägt, möchte Adobe dabei helfen diese Ideen festzuhalten, zu verfeinern und zu veröffentlichen“, so Shantanu Narayen, CEO von Adobe.

Creative Suite 6 und HTML5-Werkzeuge in der Cloud verfügbar

• Die Adobe Creative Cloud-Mitgliedschaft umfasst die bekannten Produkte wie Adobe Photoshop® CS6 (siehe separate Pressemeldung), Adobe InDesign CS6, Adobe Illustrator® CS6, Adobe Dreamweaver CS6, Adobe Premiere Pro CS6, Adobe After Effects® CS6 und Adobe Flash Professional CS6. Mitglieder haben die Möglichkeit, alle 14 neuen Adobe Creative Suite 6 Anwendungen herunterzuladen und auf ihrem Desktop zu installieren.
• Das Cloud Angebot umfasst außerdem die neuen HTML5-Werkzeuge Adobe Muse® and Adobe EdgePreview und trägt damit Adobes Engagement hinsichtlich neuester Webstandards Rechnung.

Creative Cloud verbindet Adobe Touch Apps mit CS6 Desktop-Werkzeugen

• Adobe Creative Cloud integriert Adobes Palette kreativer Touch-Werkzeuge in seine CS6-Desktop Anwendungen
• Adobe Touch Apps erlauben es, vielfältige Kreativprozesse umzusetzen, wie Bildbearbeitung, Ideenentwicklung, Erstellung von Skizzen und Moodboards, Prototypen-Entwicklung von Webseiten und mobilen Anwendungen sowie fertige Arbeiten zu präsentieren.
• Adobe Photoshop Touch und Adobe Ideas laufen bereits erfolgreich auf dem iPad oder Android-Tablets. Drei weitere Touch-Werkzeuge, die bisher nur für Android verfügbar waren, wird es bald auch für das iPad geben: Adobe Collage, Adobe Debut und Adobe Proto.
• Die neue Desktop-App Adobe Creative Cloud Connection ermöglicht es, Daten auf einfache Weise zu synchronisieren, zu speichern und zu teilen – unabhängig davon, welches Endgerät man benutzt.
• Nutzer der Creative Cloud erhalten automatisch eine Speicherkapazität von bis zu 20 GB. Die Möglichkeit, weiteren Speicherplatz hinzuzukaufen, wird in Kürze folgen.

Creative Cloud Publishing Services beschleunigen Entwicklung von Webseite und Apps

• Creative Cloud Publishing Services werden das Veröffentlichen von Apps, Magazinen und Broschüren auf dem iPad, iPhone und Android-Geräten ermöglichen.
• Creative Cloud-Mitglieder haben Zugang zu Adobe Typekit, der webbasierten Schriftensammlung für den Einsatz echter Fonts im Web, die mehr als 700 Schriftarten führender Anbieter enthält.
• Mit neuen Möglichkeiten für das Web-Hosting, ebenfalls Bestandteil der Creative-Cloud-Mitgliedschaft, entwickeln und hosten Anwender auf einfache Weise Webseiten. Die Integration zwischen Adobe Muse, Typekit und den Web-Hosting-Fähigkeiten ermöglicht einen effizienteren Workflow für die Erstellung überzeugender Webseiten.

Kontinuierliche Verfügbarkeit neuer Applikationen, Services und Features

Creative Cloud-Mitglieder erhalten laufend Updates von Creative Suite-Anwendungen. Ebenso werden ihnen ganz neue Produkte und Services angeboten, sobald sie erscheinen. Bald ebenfalls in der Adobe Creative Cloud verfügbar sind:

• Adobe Photoshop Lightroom 4, das Desktop-Werkzeug für perfekte Fotografie-Workflows vom Shooting bis zur finalen Bearbeitung der Bilder; die erste vollständige Version von Adobe Edge, einem innovativen HTML5-Entwicklungswerkzeug und die Digital Publishing Suite (Single Edition).
• Künftig wird es in der Creative Cloud zudem Trainings-, Support- und Community-Features geben, um Kreative weltweit miteinander zu vernetzen.

Preise und Verfügbarkeit

Die Adobe Creative Suite 6 und die Adobe Creative Cloud werden voraussichtlich in den kommenden 30 Tagen verfügbar sein und können ab heute vorbestellt werden. Die Mitgliedschaft in der Creative Cloud ist für Kunden aus 36 Ländern und in vielen Sprachen möglich. Die Kosten eines Jahresabonnements betragen 49,99 Euro monatlich und 74,99 Euro, wenn das Abonnement monatsweise abgeschlossen wird. Ein spezielles Startangebot in der Höhe von 29,99 Euro gibt es für Kunden von CS3, CS4, CS5 und CS5.5. Mehr Informationen dazu gibt es unter www.adobe.com/de/products/creativecloud.html.

Adobe bietet darüber hinaus 14 CS6 Einzelprodukte an sowie Adobe Creative Suite 6 Design & Web Premium (2.199 Euro zzgl. Mehrwertsteuer), Adobe Creative Suite 6 Design Standard (1.499 Euro zzgl. Mehrwertsteuer) Adobe Creative Suite 6 Production Premium (2.199 Euro zzgl. Mehrwertsteuer) sowie Adobe Creative Suite 6 Master Collection (2.999 Euro zzgl. Mehrwertsteuer). Upgrades sind ebenfalls verfügbar. Kunden können die Creative Suite 6 über Adobe.com, den Einzel- und Fachhandel und online erwerben. Mehr Informationen zu den Preisen finden sich unter http://www.adobe.com/de/products/creativesuite.html.

Adobe Touch Apps sind über iTunes oder Google Play für 7,99 Euro verfügbar. Spezielle Angebote gibt es für Kunden, die eine Jahresmitgliedschaft für die Adobe Creative Cloud abschließen. Mehr Details unter http://www.adobe.com/products/touchapps.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe Shadow wurde vor einigen Wochen veröffentlicht und soll insbesondere Frontend-Entwicklern helfen Websites für verschiedene mobile Endgeräte, Displaygrößen etc. zu erstellen. Im Gegensatz zu allen anderen mir bekannten Tools simuliert Adobe Shadow die Ansicht nicht sondern synchronisiert den Entwicklungsstand der Website auf verschiedene Geräte. Dafür muss man die Geräte natürlich besitzen. Ich habe Adobe Shadow jetzt beim ersten echten Projekt praktisch eingesetzt und möchte euch meine Erfahrungen natürlich nicht vorenthalten.

Wichtiger Hinweis: Adobe Shadow wurde in Adobe Edge Inspect umbenannt. Neben einem neuen Icon und dem neuen Namen wurden die Funktionen jedoch beibehalten.

Wie funktioniert Adobe Shadow?

Adobe Shadow synchronisiert die Ansicht eines Computers auf die Bildschirme von anderen angeschlossenen Geräten wie Smartphones oder Tablets. Im Gegensatz zu einem Simulator, sieht man die Website daher exakt so, wie das jeweilige Gerät sie darstellt, also inkl. gerätespezifischer Eigenschaften und der Möglichkeit die Usability auf dem Touchpad direkt zu beurteilen und zu testen.

Für mich ist Adobe Shadow das erste Tool das den Test von Responsive Websites richtig angeht. Es gibt zwar viele sehr gute Simulatoren, aber der Test auf einem echten Gerät ist der einzige Weg ein verlässliches Ergebnis zu erhalten. Adobe Shadow simuliert nicht, das Tool hilft dabei den Workflow zu beschleunigen. Und für ein professionelles Ergebnis muss nun einmal auf einem Originalgerät getestet werden. Die diesbezügliche Kritik an Adobe Shadow kann ich daher in keinster Weise nachvollziehen.

Adobe Shadow einrichten

Zunächst muss Adobe Shadow auf jedem Gerät installiert werden. Zusätzlich müssen sich alle Geräte im selben Netzwerk befinden.

Aktuell bietet Adobe das Tool für Windows, Mac OSX, iOS, Android und als Google Chrome Extention an. Damit die Chrome-Extention funktioniert, muss das Hauptprogramm auf dem Computer im Hintergrund laufen.

• Adobe Shadow für Mac und Windows
• iOS-App
• Android-App
• Google Chrome Browser-Extention

Nach dem Start der jeweiligen Programme müssen die Geräte zunächst verbunden werden. Dazu generiert Shadow ein Passwort, welches dann auf den verbundenen Geräten eingegeben werden muss. Anschließend sieht man von welchem Gerät die Ansicht abhängig ist. Mit einem Tap auf den Namen gelangt ihr in den „Live-Modus“, der immer die aktuelle Browser-Ansicht des Hauptrechners zeigt. Natürlich exakt so wie das abhängige Gerät die Website nativ darstellt.

Responsive Webdesign mit Adobe Shadow

Hat man Adobe Shadow einmal eingerichtet ist das Tool eine echte Arbeitserleichterung. Alle Live-Websites oder die Entwicklungen in einer lokalen Serverumgebung (erst in einem kommenden Release!) werden auf die entsprechenden Geräte synchronisiert. Bei mir dauert es immer ca. eine Sekunde bis die Ansicht auf allen Geräten abgeglichen ist. Das ist zu verkraften, vielleicht geht es bei euch sogar schneller. Das ist wohl abhängig vom W-LAN.
Mit dem Code-Inspector (ähnlich Firebug) von Google Chrome kann ich auf dem Hauptrechner den Code live editieren und sehe die Änderungen dann direkt auf iPhone und iPad. Perfekt.

Leider ist Adobe Shadow (noch?) nicht in der Lage verschiedene Computer anzugleichen. Es funktioniert, zumindest bei mir, nur mit einem Hauptrechner und diversen mobilen Endgeräten. Ich fände es schön auch mehrere Desktop-Computer abgleichen zu können. Dann könnte man z.B. einen großen iMac und ein kleines Windows-Netbook parallel beurteilen.
Ein weiterer Nachteil des Tools sind die regelmäßigen Abstürze in der Synchronisierung. Die Programme laufen zwar noch – es wird allerdings nichts mehr synchronisiert. Um das Problem zu lösen musste ich dann die Anwendungen einmal neu starten. Auch dieses Problem ist zu verkraften – sollte allerdings dringend von Adobe behoben werden.

Fazit

Adobe Shadow ist für mich das erste Tool das die Arbeit mit verschiedenen mobilen Geräten professionell angeht. Klar, man benötigt alle Geräte auf denen man testen möchte – aber ich bin der Meinung, dass ein Profi, der mobile Websites erstellt und verkauft, hier investieren muss oder das eh bereits getan hat. Wer das nicht kann oder möchte muss dann zwangsläufig auf Simulatoren ausweichen.

Die Einrichtung von Adobe Shadow ist kinderleicht und die Arbeit wird enorm erleichtert. Einziges Manko ist aus meiner Sicht die nicht funktionierende Synchronisation verschiedener Desktop-Rechner, sowie die auftretenden Programmabstürze.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Beta von Photoshop CS6 steht ab sofort für Windows und Mac als Download zur Verfügung. Nach der Registrierung bei Adobe (Adobe ID benötigt) kann das Programm im Umfang der späteren Extended Version getestet werden. Die fertige Version von Photoshop CS6 ist dann Bestandteil der Adobe Creative Cloud. Photoshop CS6 und Photoshop CS6 Extended werden im Handel als zwei eigenständige Programme mit unterschiedlichem Umfang verfügbar sein.

Den ca. 1GB großen Download der Photoshop CS6 Beta findet ihr hier:

• labs.adobe.com/downloads/photoshopcs6

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Photoshop Product Manager Stephen Nielson hat im Sneak Peek #6 die neue Weichzeichnungs-Funktion "Iris Blur" vorgestellt. Die Technik ist aus Smartphone- und Tablet-Apps bereits bekannt. Mit Hilfe des neuen Werkzeugs können gezielt Bildbereiche unscharf gezeichnet werden, während andere fokussiert sind und scharf dargestellt werden. Der Effekt lässt sich auch mit bisherigen Photoshop-Versionen umsetzen, es geht nur nicht ganz so schnell wie mit dem neuen Tool. Eine vernünftiges Kameraobjektiv funktioniert natürlich auch.

Sneak Peek #6

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Microstock -Agentur Fotolia hat als erster Stockimage-Anbieter ein Plugin für Photoshop, Illustrator und InDesign veröffentlicht. Über das kostenlose Plugin könnt ihr auf den Bildbestand von Fotolia zugreifen ohne dabei das Hauptprogramm verlassen zu müssen. Darüber hinaus können Bilder mit geringer Auflösung später unkompliziert gegen hochauflösende Versionen ersetzt werden.

Photoshop-Plugin getestet

Sobald ihr das Plugin heruntergeladen und mit dem Extention Manager installiert habt, findet ihr in Photoshop unter „Fenster → Erweiterungen“ das neue Bedienfeld von Fotolia.

Innerhalb des Bedienfeldes könnt ihr auf den Datenbestand von Fotolia zugreifen und ca. 16 Millionen Stock-Images durchsuchen und anzeigen. Die Suchoptionen entsprechen hierbei den Kriterien der Website – ihr könnte also nach Stichwörtern, Größe, Art, Ausrichtung etc. filtern. Ärgerlich finde ich allerdings, dass bereits für das Durchsuchen der Bilddatenbank ein Benutzeraccount benötigt wird – aber auch das ist zu verkraften. Die Anzeige der Trefferliste erscheint dann ebenfalls innerhalb des Bedienfeldes unter dem Reiter „Galerie.“

Um das Plugin benutzen zu können benötigt ihr die Photoshop, InDesign oder Illustrator in den Versionen der Creative Suite 5 bzw. 5.5. Das Plugin liegt zum Zeitpunkt dieses Artikels in einer Beta-Version vor, die in meinem Test jedoch einwandfrei funktioniert hat. Ich habe die Basis-Funktionen des Plugins mit Photoshop getestet – allerdings kein Bild gekauft.

de.fotolia.com/adobeplugin

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Photoshop Product Manager Stephen Nielson hat im neuen Sneak Peek von Photoshop CS6 weitere spannende Funktionen vorgestellt. In Photoshop CS6 wird es nun (endlich!) möglich sein benutzerdefinierte Einstellungen zu importieren und zu exportieren. Geänderte Voreinstellungen, individuelle Arbeitsbereiche oder werkzeugspezifische Settings wie Pinselspitzen, Farbfelder, Muster, Verläufe, Formen, Stile etc. können demnach bald unkompliziert zwischen verschiedenen Rechnern ausgetauscht werden.

JDIs (just do its)

Neben den Import/Exportfunktionen von Photoshop, wurden einige wenige JDIs vorgestellt, die Einzug in die neue Programmversion halten werden. JDIs sind kleine Wünsche und Anfragen aus der Photoshop-Community (feedback.photoshop.com), die von den Entwicklern umgesetzt wurden. Die vorgestellten JDIs des Sneek Peak #5 sind:

• Gruppen können per Shortcut Cmd + J dupliziert werden
• Farbmarkierungen können für mehrere Ebenen oder Gruppen auf einmal geändert werden
• Automatisierte PDF-Präsentationen
• Contact Sheets (Darunter wird man sich wohl so etwas vorstellen dürfen)

In CS6 wurden laut Adobe doppelt so viele Anwender-Wünsche erfüllt als noch in Version CS5.

Photoshop CS6 Sneak Peek #5: Migrating Presets and JDI

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

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.

Content Aware Move (Sneak Peek #4)

Das Video zeigt anhand einiger Beispiele das neue Tool. Ob es letztendlich in der Praxis ebenso gut funktioniert wie mit den Promotion-Videos wird sich zeigen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

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?

Photoshop Sneak Peek #3: Dashed & Dotted Lines

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

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.

Photoshop CS6 Sneak Peek 2: Verflüssigen mit Hardware-Beschleunigung

Die neue Hardware-Beschleunigung wird am Beispiel des rechenintensiven Verflüssigen-Filters demonstriert. Da Photoshop CS6 vermehrt auf den Grafikprozessor zurückgreift, ist es nun möglich Echtzeit-Bearbeitungen vorzunehmen. Ob neben dem Verflüssigen-Filter noch andere Funktionen ein Performance-Update spendiert bekommen bleibt vorerst allerdings unklar.

Wenn Ihr alle Features von Photoshop CS6 kennenlernen wollt, lohnt sich auch ein Blick auf diesen Artikel: Adobe Photoshop CS6 Funktionen: Neues Interface, Deblurring, Perspective Cropping, 3D, Video …

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

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.

Camera Raw / PS CS6 Sneak Peak

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mit Veröffentlichung der Photoshop CS6 Prerelease-Version (Codename "Superstition") werden immer mehr neuen Funktionen und Highlights von Photoshop CS6 bekannt. In diesem Artikel findet Ihr ausführliche Infos zu allen spannenden neuen Features von Photoshop CS6 wie beispielsweise dem dunklen Interface, Content Aware Move, Deblurring, Perspective Cropping, Background-Saving, Rich Cursor Support, bessere Performance, 3D und Video.
Ich aktualisiere diesen Beitrag sobald neue Funktionen bekannt werden.

Photoshop CS6 Beta Download

Die Beta von Photoshop CS6 steht ab sofort als Download in den Adobe Labs zur Verfügung.

Den ca. 1GB großen Download der Photoshop CS6 Beta findet ihr hier:

• labs.adobe.com/downloads/photoshopcs6

Neues, dunkles Interface in Photoshop CS6

Das offensichtlichste Feature zuerst. Photoshop CS6 wird voraussichtlich mit einer dunklen Programmoberfläche ausgeliefert und ähnelt so anderen Adobe-Programmen wie Premiere oder AfterEffects. Es ist gut vorstellbar, dass die gesamte Creative Suite den neuen Look erhalten wird. Die Touch Apps für iOS sind ja ebenfalls dunkel. In der Prerelease Version kann der Benutzer (noch) zwischen der hellen und dunklen Version wählen. Ob das so bleiben wird ist allerdings unklar.

Mir gefällt das dunkle Interface sehr gut! Vielleicht erinnert ihr euch ja noch an meinen Beitrag Photoshop CS6 - Meine Wünsche, Eure Wünsche. Dort habe ich bereits den Wunsch nach einer dunklen Programmoberfläche geäußert.

Content Aware Move Tool

Neben den Funktionen "Skalieren und Inhalt bewahren" (CS4) und "Inhaltssensitives Füllen" (CS5) erhält Photoshop CS6 nun ein weiters Hilfsmittel dieser Art: Content Aware Move. Mit dem neuen Werkzeug wird es möglich sein markierte Bildobjekte innerhalb des Motivs zu verschieben; die freigewordenen Bildbereiche füllt Photoshop automatisch mit Pixelinformationen aus dem restlichen Bild.

Deblurring & Iris Blur

Auf der Adobe Max 2011 wurde bereits das neue Feature namens "Deblurring" vorgestellt. Mit diesem Tool soll es möglich sein deutlich verwackelte Bilder per Klick scharf zu zeichnen. In den Promo-Videos arbeitet das Feature beeindruckend gut - ob es allerdings auch ohne vorbereitete Demo-Bilder funktioniert wird sich zeigen.
Die folgenden Video zeigt die Deblurring-Funktion.

Neben Deblurring wird in Photoshop CS6 eine Funktion namens "Iris Blur" enthalten sein. Hiermit lassen sich gezielt Bildbereiche unscharf zeichnen, während andere Bereiche scharf abgebildet werden. Das Tool simuliert also ein Kameraobjektiv bzw. die Schärfeebenen des menschlichen Auges. Der Effekt lässt sich auch mit aktuellen Photoshop-Versionen realisieren - mit dem neuen Tool geht es natürlich etwas schneller. Bisher werden dafür verschiedene Ebenen und Masken benötigt.

Neue 3D-Funktionen

Photoshop CS6 wird über umfangreiche neue 3D-Funktionen verfügen. Neben der neuen Pinsel-Funktion "3D Material Drop" wird es eine 3D-Material-Pipette namens "3D Material Eyedropper Tool" geben. Auch das Textwerkzeug hat eine neue Funktion namens "3D Text" spendiert bekommen.
Der "3D"-Bereich der Voreinstellungen zeigt ebenfalls einige neue Elemente. Hier finden sich die Optionen "Interactive Rendering", "Axis Control" und "Rich Cursor".

Neben den neuen 3D-Werkzeugen und Einstellungen wurde vor allem auch die Usability und die Performance der 3D-Bereiche überarbeitet. In der Extended Version von Photoshop CS6 wird es möglich sein Objekte und Eigenschaften wie Kamera, Material, Licht etc. intuitiv und direkt auf der Arbeitsfläche zu verändern.

Neue Vektor-Funktionen (Dashed and Dotted Lines)

Photoshop wird in der kommenden Programmversion über neue Vektor-Funktionen verfügen, die wir bisher nur aus Illustrator & Co. gewöhnt sind. Über ein neues Menü können Linien und Rahmen bearbeitet, und mit Effekten (z.B. Verläufe, gestrichelte Linien etc.) aufgewertet werden.

Rich Cursor Support

In Photoshop CS6 wird es einige zusätzliche Hilfsanzeigen geben. Eines dieser winzigen Tools nennt sich "Rich Cursor Support" und blendet Zusatzinformationen zur Pinselspitze ein. Sobald der Benutzer beginnt den Pinsel intuitiv zu verändern, wird neben der Vorschau der Pinselspitze auch angezeigt wie Härte, Größe und Deckkraft eingestellt sind. In wiefern es sich hierbei um ein lebenswichtiges Feature handelt, wird sich zeigen.

Erweiterte Voreinstellungen

Neben den 3D- und Interface-Optionen haben die Voreinstellungen einige weitere neue Optionen erhalten. Am spannendsten ist hier wohl die neue Autosafe-Funktion die ein Dokument in festgelegten Intervallen automatisch speichert. Darüber hinaus gibt es ein paar neue Checkboxen zur Dateikompatibilität.

Import/Exportfunktion der benutzerdefinierten Einstellungen

In Photoshop CS6 wird es möglich sein geänderte Voreinstellungen, individuelle Arbeitsbereiche oder werkzeugspezifische Settings wie Pinselspitzen, Farbfelder, Muster, Verläufe, Formen, Stile etc. unkompliziert über ein Import/Export-Funktion zwischen verschiedenen Rechnern auszutauschen.

Neue Werkzeuge und Werkzeugs-Optionen

In Photoshop CS6 werden einige Werkzeuge über neue bzw. erweiterte Funktionen verfügen. Andere Werkzeuge erhalten zusammengefasste Funktionen. Neben den bereits erwähnten 3D-Werkzeugen, wird es ein neues Remix-Tool geben das bekannte Retuschefunktionen kombiniert. Auch das "Perspective Cropping Tool" ist neu. Es werden voraussichtlich auch erweitere Video-Bearbeitungsmöglichkeiten implementiert.

Hardware-Beschleunigung und Background-Saving

Praktisch ist in jedem Fall auch die Funktion "Background Saving". In PS CS6 wird es nun endlich möglich sein große Dokumente im Hintergrund abzuspeichern und parallel an anderen Dateien weiterzuarbeiten. Des Weiteren greift Photoshop CS6 vermehrt auf den Grafikprozessor zurück. Das folgende Video zeigt beachtliche Performance-Verbesserungen am Beispiel des Verflüssigen-Filters.

JDI (just do its) - Kleine Verbesserungen

JDIs sind kleine Wünsche und Anfragen aus der Photoshop-Community (feedback.photoshop.com), die von den Entwicklern umgesetzt wurden. Bisher wurden folgende Features vorgestellt:

• Gruppen können per Shortcut Cmd + J dupliziert werden
• Farbmarkierungen können für mehrere Ebenen oder Gruppen auf einmal geändert werden
• Automatisierte PDF-Präsentationen
• Contact Sheets (Darunter wird man sich wohl so etwas vorstellen dürfen)

In CS6 wurden laut Adobe doppelt so viele Anwender-Wünsche erfüllt als noch in Version CS5.

Neues Programmicon

Wie das neue Programmicon aussehen wird ist bisher nicht bestätigt. In den Videos zu Photoshop CS6 taucht jedoch mehrfach folgendes Icon auf. Da das Icon des kürzlich veröffentlichten Photoshop Touch für Tablet-Computer eine sehr ähnliche Farbgebung und Gestaltung aufweist, ist es durchaus denkbar, dass Photoshop CS6 mit dem hier gezeigten neuen Icon veröffentlicht werden wird.

Erscheinungsdatum: Wann kommt Photoshop CS6 bzw. die Creative Suite 6?

Sofern sich der Veröffentlichungstermin nicht verschiebt, kann Mitte kommenden Jahres 2012 mit der CS6-Produktfamilie gerechnet werden. Dieser Termin ist mittlerweile auch von Adobe bestätigt worden.

Weitere Videos zu Photoshop CS6

Bildquellen: YouTube, Adobe, Apple Insider

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe hat bei YouTube zwei sehr interessante Videos veröffentlicht, welche die Hintergründe und Funktionsweisen der iPad-Anwendungen Adobe Nav, Color Lava und Eazel zeigen. Insbesondere wenn ihr die Apps noch nicht selbst ausprobiert habt, solltet ihr euch unbedingt anschauen wie die Anwendungen funktionieren.

Getting Started With Photoshop Touch Apps

Learn more about the latest Adobe companion apps for Photoshop CS5: Adobe Color Lava, Adobe Eazel and Adobe Nav.

Photoshop Touch SDK

Senior Computer Scientist Tom Ruark and Senior Product Manager Bryan O'Neil Hughes share their thoughts on the new Photoshop Touch SDK, which gives developers the ability to create apps for mobile and tablet devices that interact with Photoshop CS5. Visit www.adobe.com/devnet/photoshop for more information.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

In den letzten beiden Artikeln habe ich die Adobe iPad-Apps Color Lava und Adobe Nav vorgestellt. Nun möchte ich mich der dritten Anwendung widmen. Adobe Eazel.
Eazel ist im Grunde genommen eine Painting-App für das iPad. Im Gegensatz zu allen anderen, mir bekannten, Apps dieser Kategorie fasziniert Eazel jedoch durch eine sehr ungewöhnliche Fünf-Finger-Steuerung und einen recht hohen Funktionsumfang.

Voraussetzungen

Um Eazel nutzen zu können, benötigt ihr zwingend Photoshop CS5 (12.0.4+) und ein iPad. Diese Photoshop-Version ist mit der Creative Suite 5.5 erschienen und steht als kostenloses Update zur Verfügung. Anschließend könnt ihr Eazel im Apple App-Store herunterladen. Da das Programm kostet aktuell 3,99 €.
Nachdem Ihr Eazel gestartet habt, solltet ihr die App mit Photoshop verbinden. Dazu benötigt ihr eine WiFi-Verbindung in der beide Geräte kommunizieren können.

Eazel und Photoshop CS5 verknüpfen

Öffnet innerhalb von Photoshop über "Bearbeiten → Remoteverbindungen" den entsprechenden Remote-Dialog und vergebt hier einen Dienstnamen sowie ein Passwort.

In der unteren rechten Ecke der iPad-App seht ein graues Photoshop-Icon. Ein Fingertipp auf das Icon öffnet einen weiteren Dialog in welchem nun die soeben vergebenen Daten erneut eingegeben werden müssen. Ist die Verbindung erfolgreich hergestellt, wechselt das Icon die Farbe zu blau.

Eazel als digitale Leinwand?

Mit Eazel könnt ihr digitale Gemälde erstellen und anschließend an Photoshop senden. Im Gegensatz zu den anderen beiden Touch-Apps von Adobe, ist Eazel jedoch eher als eigenständiges Programm mit WiFi-Exportfunktion zu verstehen. Adobe Nav und Color Lava bieten hier eine sinnvollere Photoshop-Erweiterung.

Das (laut Adobe) revolutionäre an Eazel ist die Steuerung. Man bedient das Programm mit allen fünf Fingern, wobei jeder Finger für eine Werkzeug-Kategorie steht. Der Zeigefinger stellt beispielsweise die Farbauswahl dar. Über verschiedene Navigationsebenen kann man sehr intuitiv und schnell die gewünschte Farbe auswählen. In den Bewertungen der App gibt es einige Benutzer die kritisieren, dass die Steuerung sehr gewöhnungsbedürftig sei. Mir persönlich viel der Einstieg allerdings recht leicht.
Auffällig ist auch der Gestaltungs-Stil von Eazel. Das Ergebnis ähnelt immer einem Aquarell und die Farben werden sogar während der Bedienung animiert dargestellt. Insbesondere auf dem alten iPad spüre ich hier jedoch einige Performance-Probleme.

Fazit

Adobe Eazel ist für mich die überflüssigste der drei Touch-Apps. Im Gegensatz zu den anderen beiden Programmen fehlt mir hier der echte Mehrwert für Photoshop. Eazel ist sicher eine interessante Technik- und Usability-Demo. Eine sinnvolle Erweiterung für das Mutterprogramm sehe ich hier jedoch nicht.
Auch kann ich mir schwer vorstellen, dass sich mit Eazel in einer akzeptablen Zeit brauchbare Ergebnisse realisieren lassen. Dafür ist die Steuerung der Touch-Medien einfach generell zu schwammig.

Download

Wenn ihr ausprobieren möchtet wie Adobe Eazel sich anfühlt, so könnt ihr die App aus dem App Store herunterladen:

• Adobe Eazel

Adobe bewirbt das Produkt im App-Store mit folgender Beschreibung:

Ihr iPad ist die Leinwand, Ihr Finger der Pinsel. Erstellen Sie wunderschöne Bilder für Photoshop CS5.

Mit Adobe Eazel, einer Photoshop Touch App für Adobe Photoshop CS5 (Version 12.0.4 oder höher erforderlich), können Sie jetzt mit Ihrem iPad und Ihren Fingerspitzen wunderschöne Bilder erstellen. Dank der speziellen Technologie, die eine neuartige Interaktion zwischen „Nass-“ und „Trocken-Techniken“ ermöglicht, können Sie beeindruckende Farbmischungen erzielen. Über die Benutzeroberfläche können Sie die gesamte Größe Ihres iPad Displays zum Malen verwenden und haben jederzeit Zugriff auf die notwendigen Tools.

Wenn eine Netzwerkverbindung zwischen Ihrem iPad und Ihrem Computer besteht, können Sie Ihre in Adobe Eazel erstellten Grafiken von überall direkt an Photoshop CS5 senden. Anschließend können Sie mithilfe von führenden Bildbearbeitungs-Tools eine Version Ihrer Kunstwerke mit höherer Auflösung erstellen. Sie können auch alle Ihre Malaufgaben in Adobe Eazel durchführen. Sie können Ihre Arbeit jederzeit per E-Mail an andere Benutzer weitergeben oder Ihre Bilder in der integrierten Fotos-App auf Ihrem iPad speichern.

Erstellen Sie wunderschöne Kunstwerke mithilfe Ihrer Fingerspitzen.
• Mischen Sie Nass- und Trocken-Techniken, um beeindruckende, realistische Farbmischungen zu erzielen. Die bahnbrechende neue Technologie ermöglicht es den digitalen Farben, mit der Zeit zu „trocknen“.
• Arbeiten Sie ungestört unter Verwendung des gesamten iPad Displays. Die Steuerelemente für das Ändern von Farbe, Deckkraft, Pinselgröße und anderen Einstellungen werden nur angezeigt, wenn Sie das Display mit allen fünf Fingern berühren.
• Senden Sie Ihre Kunstwerke direkt an Photoshop CS5, wo sie dann mit einer höheren Auflösung neu gerendert und in einem beliebigen Dateiformat gespeichert werden können. (Hierzu muss Photoshop CS5 geöffnet und eine Netzwerkverbindung zwischen Ihrem iPad und Ihrem Computer eingerichtet sein.)
• Speichern Sie Ihre Bilder in der iPad Fotos-App und senden Sie sie als JPEG-Dateien per E-Mail.

Die Screenshots der Touch-App stammen aus dem App-Store

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe hat drei Touch-Apps für das iPad veröffentlicht, die ich in dieser kleinen Artikel-Serie kurz vorstellen möchte.
Im vorherigen Artikel habe ich bereits die App Adobe Nav behandelt, nun möchte ich mich der Anwendung Color Lava widmen.
Mit Color Lava lassen sich auf dem iPad Farben mit dem Finger mischen und zu harmonischen Farbsets zusammenstellen. Diese Farbkonzepte können anschließend, vom iPad aus, an die Fotoshop-Farbfelder übermittelt werden.

Voraussetzungen

Um Color Lava nutzen zu können, benötigt ihr zwingend Photoshop CS5 (12.0.4+) und ein iPad. Diese Photoshop-Version ist mit der Creative Suite 5.5 erschienen und steht als kostenloses Update zur Verfügung. Anschließend könnt ihr Color Lava im Apple App-Store herunterladen. Da das Programm kostet aktuell 2,39 €.
Nachdem Ihr Color Lava gestartet habt, müsst ihr die App mit Photoshop verbinden. Dazu benötigt ihr eine WiFi-Verbindung in der beide Geräte kommunizieren können.

Color Lava und Photoshop CS5 verknüpfen

Öffnet innerhalb von Photoshop über "Bearbeiten → Remoteverbindungen" den entsprechenden Remote-Dialog und vergebt hier einen Dienstnamen sowie ein Passwort.

In der unteren rechten Ecke der iPad-App seht ein graues Photoshop-Icon. Ein Fingertipp auf das Icon öffnet einen weiteren Dialog in welchem nun die soeben vergebenen Daten erneut eingegeben werden müssen. Ist die Verbindung erfolgreich hergestellt, wechselt das Icon die Farbe zu blau.

Farben mischen

Innerhalb von Color Lava könnt ihr Farben nun mit dem Finger mischen und zu harmonischen Farbsets kombinieren. Dazu wird zuerst ein Farbfeld auf der rechten Seite ausgewählt. Anschließend tippt ihr mit dem Finger links in eine der Farben und fangt an, verschiedene Farben auf der Arbeitsfläche zu verteilen. Sollten die sechs Grundfarben unpassend sein, so könnt ihr mit einen Double-Tap einen detaillierten Dialog aufrufen. Hier lassen sich Farben nach den Kriterien "Farbton", "Sättigung" und "Helligkeit" definieren.

Farbfelder zusammenstellen und an Photoshop senden

Mit Color Lava lassen sich sehr intuitiv und spielerisch Farbkompositionen erstellen. Auch die Wirkung des Farbsets lässt sich recht gut bewerten.
Sobald ihr mit der Gestaltung des Sets fertig seid, könnt ihr die Farbzusammenstellung umbenennen und an Photoshop senden. Dort erscheint das Set dann im Bedienfeld "Farbfelder". Innerhalb der iPad-App kann per Tap die Vordergrundfarbe gewählt werden, so dass Color Lava auch während der späteren Gestaltung als digitale Farbpalette genutzt werden kann.

Download und Produktbeschreibung

Ihr könnt Color Lava über folgenden Link aus dem App-Store von Apple herunterladen:

• Color Lava

Adobe beschreibt das Produkt wie folgt:

Tupfer. Schnörkel. Farbmischungen. Erstellen Sie Ihre eigenen Farben und Farbdesigns für Adobe Photoshop CS5.

Mit Adobe Color Lava, einer Photoshop Touch App für Adobe Photoshop CS5 (Version 12.0.4 oder höher erforderlich), können Sie jetzt mit Ihrem iPad und Ihren Fingerspitzen Farben mischen und benutzerdefinierte Farben und Farbthemen mit fünf Farben erstellen. Sie können dann unmittelbar in Photoshop CS5 auf diese Farbkreationen zugreifen. Dazu benötigen Sie lediglich eine Netzwerkverbindung zwischen Ihrem iPad und Ihrem Computer. Sie können Adobe Color Lava auch unterwegs verwenden und Ihre Farben auf dem iPad speichern, um sie dann zu einem späteren Zeitpunkt in Photoshop CS5 zu importieren. Darüber hinaus haben Sie die Möglichkeit, Ihre mit Adobe Color Lava erstellten Kreationen per E-Mail an sich selbst und an andere zu senden.

• Tupfen, verwischen und verwirbeln Sie nach Belieben und erstellen Sie so einzigartige individuelle Farben und Farbthemen mit fünf Farben.
• Interagieren Sie mit Photoshop CS5 in Echtzeit. Tippen Sie einfach auf Ihrem iPad auf ein Farbfeld, um die Farbe im Photoshop CS5-Farbreglerbedienfeld als Vordergrundfarbe auszuwählen, oder erstellen Sie ein Farbdesign und zeigen Sie die Farben sofort danach im Farbreglerbedienfeld an.
• Nehmen Sie mithilfe der Schieberegler für Farbton/Sättigung die Feinabstimmung für Ihre Farbkreationen vor. Außerdem können Sie die HSB- und RGB-Werte anzeigen lassen.
• Mischen Sie Farben auch unterwegs. Sie können Ihre Kreationen auf Ihrem iPad speichern und dann zu einem späteren Zeitpunkt in Photoshop CS5 importieren.
• Geben Sie Ihre Farben und Farbdesigns per E-Mail an andere weiter – direkt über Adobe Color Lava.

Mit Adobe Color Lava für Photoshop CS5 können Sie Ihrer Kreativität freien Lauf lassen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mit dem Erscheinen der Creative Suite 5.5 hat Adobe auch ein SDK (Software Developer Kit) für Photoshop auf den Markt gebracht. Mit Hilfe dieses SDK können Touch-Applications geschrieben werden, die anschließend kabellos mit Photoshop kommunizieren und das Haupt-Programm auf Tablet PCs erweitern. Hierbei liegt der Schwerpunkt natürlich auf der Touch-Bedienung.
Nun hat Adobe selbst drei Touch-Apps für das iPad veröffentlicht, die ich Euch in den kommenden drei Beiträgen kurz vorstellen möchte. Zunächst widme ich mich der App Adobe Nav die sowohl das Dateihandling als auch die Werkzeugpalette auf das iPad auslagert.

Voraussetzungen

Um Adobe Nav nutzen zu können, benötigt ihr zwingend Photoshop CS5 (12.0.4+) und ein iPad. Diese Photoshop-Version ist mit der Creative Suite 5.5 erschienen und steht als kostenloses Update zur Verfügung. Anschließend könnt ihr Adobe Nav im Apple App-Store herunterladen. Da das Programm kostet aktuell 1,59 €.
Nachdem Ihr Adobe Nav gestartet habt, müsst ihr die App mit Photoshop verbinden. Dazu benötigt ihr eine WiFi-Verbindung in der beide Geräte kommunizieren können.

Adobe Nav und Photoshop CS5 verknüpfen

Öffnet innerhalb von Photoshop über "Bearbeiten → Remoteverbindungen" den entsprechenden Remote-Dialog und vergebt hier einen Dienstnamen sowie ein Passwort.

In der unteren rechten Ecke der iPad-App seht ein graues Photoshop-Icon. Ein Fingertipp auf das Icon öffnet einen weiteren Dialog in welchem nun die soeben vergebenen Daten erneut eingegeben werden müssen. Ist die Verbindung erfolgreich hergestellt, wechselt das Icon die Farbe zu blau.

Was kann Adobe Nav denn nun?

Sobald eine WiFi-Verbindung hergestellt ist, könnt ihr auf dem iPad per Touch-Control die Photoshop-Werkzeuge antippen. Die Auswahl wird direkt auf Photoshop übertragen und ersetzt somit dort das entsprechende Bedienfeld. Darüber hinaus existieren in der iPad-App auch noch Basis-Steuerungsmöglichkeiten für den Bildschirmmodus, den 1:1-Zoomfaktor sowie den Wechsel von Vordergrund- zu Hintergrundfarbe.
Adobe Nav erlaubt es 16 Werkzeuge gleichzeitig darzustellen. Über die App-Einstellungen kann diese Auswahl natürlich editiert werden. Hier stehen alle Photoshop-Werkzeuge zur Verfügung.
Die Werkzeugleiste auf das iPad auszulagern ist grundsätzlich eine gute Idee. Für mich persönlich ist es jedoch eher eine stylische Spielerei als eine Verbesserung meines Workflows. Wer die Shortcuts für die gebräuchlichsten Werkzeuge kennt, ist damit viel schneller. Darüber hinaus können auf dem iPad keine Farben ausgewählt werden, was ein ganz klarer Minuspunkt ist.

Der zweite Bereich der App umfasst die Dateiverwaltung. Im Grund genommen werden hier nur alle geöffneten Dokumente als Miniaturansicht dargestellt und können per Fingertipp in den Vordergrund geholt werden. Für mich ist diese simple Darstellung eine ganz klare Beschleunigung meines Workflows und den Preis für die App allein schon wert.
Da ich fast immer im Vollbild-Modus arbeite, sehe ich die Tabs innerhalb von Photoshop nicht, über die ich zwischen verschiedenen geöffneten Dokumenten wechseln kann. Selbst per Shortcut muss ich verschiedene Dokumente "durchblättern" und habe keinerlei visuelle Unterstützung.
Außerdem kann ich so das iPad noch sinnvoller in meinen Arbeitsalltag integrieren. Echt cool.

Download

Ihr findet Adobe Nav im Apple App-Store und unter folgendem Link:

• Adobe Nav auf iTunes

Der Vollständigkeit halber möchte ich euch auch noch die offizielle Produktbeschreibung mit auf den Weg geben:

Erleben Sie völlig neue Möglichkeiten der Interaktion mit Photoshop CS5. Tippen oder streichen Sie über das Display Ihres iPad, um die Photoshop-Tools zu aktivieren und durch geöffnete Dokumente in Photoshop CS5 zu navigieren.

Mit Adobe Nav, einer Photoshop Touch App für Photoshop CS5 (Version 12.0.4 oder höher erforderlich), können Sie jetzt mit Ihrem iPad Photoshop-Tools aktivieren und geöffnete Photoshop-Dokumente anzeigen und auswählen. Bei bestehender Netzwerkverbindung zwischen Ihrem iPad und Ihrem Computer können Sie die Symbolleiste für Photoshop CS5 auf Ihrem iPad so einstellen, dass Sie bequem auf die am häufigsten benötigten Tools zugreifen können. Nutzen Sie die Funktionen zum Suchen, Neuanordnen, Anzeigen und Vergrößern für bis zu 200 geöffnete Photoshop-Dokumente auf Ihrem iPad. Wenn Sie auf ein Dokument auf Ihrem iPad tippen, wird es automatisch in Photoshop CS5 aktiviert. Darüber hinaus können Sie mit Ihrem iPad ganz einfach die Dateien, an denen Sie in Photoshop CS5 arbeiten, weitergeben und prüfen auch von unterwegs!

• Wählen Sie mithilfe Ihrer Fingerspitzen die gewünschten Photoshop CS5-Tools auf dem Display Ihres iPad aus.
• Passen Sie die Anzeige der Photoshop CS5-Symbolleiste auf Ihrem iPad individuell an, sodass die am häufigsten von Ihnen verwendeten Tools verfügbar sind. Sie können die Konfiguration einer Adobe Nav-Symbolleiste mit bis zu 16 Tools speichern.
• Nutzen Sie die Funktionen zum Suchen, Neuanordnen, Anzeigen und Vergrößern für bis zu 200 geöffnete Photoshop-Dokumente auf Ihrem iPad Display.
• Tippen Sie auf ein beliebiges Dokument auf Ihrem iPad, um es automatisch in Photoshop CS5 zu aktivieren.

Mit Adobe Nav für Photoshop können Sie die Vorteile von Photoshop CS5 auch auf Ihrem iPad nutzen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Mit der Einführung der Creative Suite 5.5 hat sich die Produktpalette von Adobe deutlich in den Bereich mobiler, skalierbarer Anwendungen verlagert. Selbst das Layoutprogramm InDesign verfügt mittlerweile über umfangreichste Funktionen interaktive Inhalte bestmöglich für Kindle, Galaxy Tab und iPad zu veröffentlichen. Um die Anzeige für all diese neuen Medien auch testen zu können bietet Adobe ab sofort das Programm Digital Editions als kostenlosen Download an.

Über Digital Editions

Adobe selbst beschreibt das Produkt folgendermaßen:

Adobe® Digital Editions bietet Ihnen vielfältige Möglichkeiten zur Anzeige und Verwaltung von eBooks und anderen digitalen Publikationen. Sie können digitale Inhalte herunterladen oder erwerben und wahlweise online oder offline lesen. Kopiergeschützte eBooks lassen sich problemlos von Ihrem PC auf andere Computer oder Geräte übertragen. Organisieren Sie eBooks in einer benutzerdefinierten Bibliothek, und fügen Sie Lesezeichen hinzu. Digital Editions unterstützt auch branchenübliche eBook-Formate wie PDF/A und EPUB.

• Adobe Digital Editions

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe hat für die Creative Suite ein (Zwischen)-Update mit der Versionsnummer 5.5 angekündigt. Doch für wen lohnt sich das Update überhaupt? Laut Adobe wurde die Creative Suite 5.5 unter anderem eingeführt, da viele Kunden die geringe Update-Geschwindigkeit des Produktes kritisiert hatten. Einige Programme konnten der Entwicklungsgeschwindigkeit des Marktes einfach nicht stand halten und sind schlicht und ergreifend veraltet. Dem gegenüber steht, dass viele Kunden kaum die neuen Funktionen eines Creative-Suite-Updates nutzen und sich sogar über den (zu) kurzen Entwicklungszyklus beschweren.
Fest steht, dass einige Programme schneller veralten als andere. Ins besondere im ePublishing- und Web-Bereich hat sich seit dem Release der CS5 derart viel getan, dass Dreamweaver, InDesign und Co. den modernen Anforderungen einfach nicht mehr gerecht werden. Andere Programme, wie beispielsweise Photoshop, veralten hingegen nicht so schnell.
In diesem Artikel möchte ich euch kurz und knapp die für Webdesigner wichtigsten neuen Funktionen und Änderungen beschreiben. Wenn Ihr detailliertere Infos sucht, so habe ich Videos und die offizielle Pressemitteilung ebenfalls abgebildet.

Die neuen Funktionen für Webdesigner und ePublisher

Eines lässt sich ganz allgemein sagen: Die CS5.5 bedient das mobile Internet und Digital Publishing. Das sind die wichtigen Features für Webdesigner.

Dreamweaver

Dreamweaver verfügt zukünftige neben HTML5 und CSS3 auch über die Möglichkeit Media Queries und das JavaScript-Framework jQuery effektiver als bisher einzusetzen. Über die neue "Multi-Screen-Preview" lässt sich eine Website auf verschiedenen Endgeräten parallel simulieren. HTML5 und CSS3 konnte allerdings bereits über ein Plugin nachinstalliert werden.

InDesign

Die neuen Funktionen in InDesign erleichtern die Arbeit mit elektronischen Ausgabemedien wie dem iPad oder einem Amazon Kindle. Neben verbesserten und neuen Exportmöglichkeiten (beispielsweise im ePub-Format) können Layouts jetzt auch flexibel an verschiedene Mediengrößen und -ausrichtungen angepasst werden. Auch das Verhalten von Layoutelementen kann nun mit InDesign beeinflusst werden.
Damit die mobilen Inhalte der Tablet PCs auf dem Computer simuliert werden können hat Adobe zudem ein neues Produkt entwickelt: Adobe Digital Editions kann kostenlos auf adobe.com/de/products/digitaleditions heruntergeladen werden.

Flash, Flash Catalyst

Bei den Flash-Produkten wurden einige Möglichkeiten zur Herstellung interaktiver Layouts hinzugefügt. Auch der Support mobiler Plattformen und mobiler Betriebssysteme wurde weiter verbessert.

Einen sehr guten Überblick über alle neuen Funktionen bietet der Newsletter von Cleverprinting. Der Newsletter kann nachträglich heruntergeladen werden.

• Cleverprintung Newsletter: Adobe Creative Suite 5.5 - das Zwischenupdate

Das waren eigentlich auch schon die wesentlichen Änderungen. Erwähnenswert ist noch, dass die Video- und Soundbearbeitungsprogramme einige Updates erfahren haben, auf die ich hier aber nicht eingehen möchte.

Adobe Creative Suite 5.5 (CS5.5): Preise und Abonnement-Modell

Eine der wichtigsten Neuerungen der CS5.5 betrifft die Preise der Produkte. So ist es nun auch möglich für einzelne Programme oder eine gesamte Suite Abonnements abzuschließen und so immer up2date zu bleiben. Die aktuellen Preise entnehmt Ihr bitte der folgenden Tabelle. Bitte beachtet, dass diese Preise für die englischen Produkte gelten.

Die Preise für die DE-Version der CS5.5 stehen noch nicht fest. Sobald das der Fall ist könnt Ihr die Preise jedoch auf dieser Seite nachschlagen: adobe.com/de/products/creativesuite/cssubscription.html

Wenn Ihr merkt, dass die deutschen Preise veröffentlicht wurden, so gebt mir doch bitte einen Hinweis. Dann kann ich die Tabelle oben aktualisieren. :)

Videos zur Creative Suite 5.5

In diesem Video zeigt Terry White einige Anpassungen in Dreamweaver CS5.5, mit denen effizient Websites auf Basis von HTML5- und CSS3-Spezifikationen – darunter Code-Hinweise, Codeabschluss, eine aktualisierte Live-Ansicht sowie Aktualisierungen beim CSS-Bedienfeld – erstellt werden können. So entstehen attraktive und funktionale Websites zur Anzeige auf Desktop-Computern, Tablets oder Smartphones.

In diesem Video zeigt Terry White alle neuen Funktionen in InDesign CS5.5 – darunter verknüpfter Text, das Bedienfeld für Artikel und das Einbetten von Audio und Video –, mit denen das Entwerfen von E-Books eine neue Dimension erreicht.

In diesem Video zeigt Terry White, wie man mit InDesign CS5.5 ansprechende digitale Magazine für Tablet-Geräte erstellt. Er erläutert die faszinierende Interaktivität, die man seinen Publikationen hinzufügen kann, beispielsweise Bildsequenzen oder die Möglichkeit, Inhalte zu schwenken und zu zoomen. Auch zeigt er, wie man mit dem Adobe Content Viewer für Desktop eine Vorschau auf dem Desktop erhält.

Informationen zur neuen Abonnement-Option von Adobe, mit der Sie zu einem günstigen monatlichen Preis die neuesten Funktionen und Funktionalitäten der Creative Suite erhalten. Hier erfahren Sie, welche Vorteile das Abonnement bietet und wie mühelos Sie die Abonnement-Software erwerben, benutzen und verwalten können.

Alle Beschreibungen und Videos stammen von Adobe.

Offizielle Pressemitteilung

Die offizielle Pressemitteilung von Adobe zur Produkteinführung habe ich Euch hier noch einmal ungekürzt eingebunden.

Adobe stellt Creative Suite 5.5-Produktfamilie vor

Wesentliche Neuerungen für Flash, HTML5, Video, Mobile Apps und Digital Publishing-Werkzeuge / Neues Bezahlsystem und die Einbindung von Tablet-PCs in kreative Arbeitsabläufe

München, 11. April 2011 – Adobe Systems hat heute die Adobe® Creative Suite® 5.5-Produktfamilie vorgestellt. Im Zuge des Wandels in der mobilen Kommunikation verändert sich die Art und Weise, wie Inhalte verbreitet und konsumiert werden. Mit den neuen Versionen ermöglicht Adobe Designern und Entwicklern, den boomenden Markt der Smartphones und Tablet-Geräte zu adressieren. Der Launch markiert außerdem eine Veränderung der Produktstrategie für die Creative Suite, den Branchenstandard für nahezu alle kreativen Arbeitsabläufe von Print über Video bis hin zu mobiler Kommunikation und Onlinemedien. Adobe plant ab sofort einen 24-monatigen Upgrade-Turnus für vollständig neue Produktgenerationen sowie umfangreiche Zwischen-Releases, deren Auftakt die Creative Suite 5.5 bildet. Hiermit soll Kreativprofis weltweit ermöglicht werden, bei der Erstellung ihrer Inhalte jeweils von den neuesten Entwicklungen profitieren zu können.

Mit der neuen Version der Creative Suite führt Adobe ein kostengünstiges und flexibles Abonnement-Modell ein. Es bietet besonders für Kunden mit Projekt-bezogenem, zeitlich begrenztem Bedarf oder Erstanwendern eine Möglichkeit, die jeweils neueste Version der Creative-Suite-Produkte zu nutzen. Mithilfe eines Abonnements können Kunden mit der aktuellsten Version arbeiten, ohne die Kosten für eine vollständige Lizenz tragen zu müssen. Bei einem Monatsabonnement liegt die monatliche Rate bei 7,5 Prozent des Netto-Produktpreises, die monatliche Rate bei einem Jahresabonnement beträgt 5 Prozent des Netto-Produktpreises. Mit einem Software Abonnement können Einzelprodukte wie Adobe Photoshop® bereits ab 39 Euro monatlich, Adobe Design Premium CS5.5 für 109 Euro monatlich und Adobe Creative Suite 5.5 Master Collection für 155 Euro pro Monat bezogen werden.

„Creative Suite 5.5 wird die Entwicklung von digitalen Erlebnissen auf nahezu allen Geräten vorantreiben, dazu gehören auch alle bekannten Smartphones und Tablet-PCs“, so Shantanu Narayen, President und Chief Executive Officer bei Adobe. „Da Verlagshäuser, Medienunternehmen, Werbetreibende und Konzerne die Art und Weise ihrer Inhalteentwicklung und –Vermarktung verändern, wird Adobe sie mit den hierfür erforderlichen technologischen Innovationen bei der Erstellung, Verwaltung, Analyse und Verbreitung ihrer Angebote unterstützen.“
Creative Suite 5.5 Web Premium (siehe separate Meldung) wurde mit HTML5- und Adobe Flash®-Werkzeugen ausgestattet, die eine bildschirmübergreifende Erstellung, Verbreitung und Vermarktung von Inhalten sowie Applikationen ermöglichen. Designer und Entwickler sind somit in der Lage, mobile Anwendungen unter anderem für Android™, BlackBerry® Tablet OS und auf iOS laufende Geräte auszugeben, Browser-basierten Rich Content in HTML5 für alle Bildschirme sowie Video-Inhalte, Spiele und Rich Internet Applikationen für die Wiedergabe via Flash Player zu erstellen.

Auf Basis der neuen Versionen lassen sich kreative Arbeitsabläufe über Desktop-Rechner hinaus auch auf Tablet-Geräte ausweiten. Eine neue Scripting Engine in Adobe Photoshop sowie die Erweiterung des Photoshop Software Development Kit (SDK) unterstützen Entwickler bei der Erstellung von Applikationen für Tablet-PCs, die mit Photoshop auf Android-, BlackBerry- und iOS basierten Geräten interagieren können. Darüber hinaus hat Adobe mit Adobe Color Lava for Photoshop, Adobe Eazel for Photoshop und Adobe Nav for Photoshop drei neue iPad-Anwendungen‡ veröffentlicht, die es erlauben, die aus Photoshop vertrauten Workflows auch in Zusammenarbeit mit mobilen Endgeräten zu bedienen.

Adobe Creative Suite 5.5 Production Premium bietet Audio- und Videoprofis erhebliche Performance-Steigerungen, verbesserte Workflows und kreative Innovationen. Neue leistungsstarke Audio-Werkzeuge, die auf Erfahrungen vieler Kunden weltweit basieren, erweitern die Möglichkeiten der Production Premium. Die in Adobe Premiere® Pro CS 5 eingeführte Adobe Mercury Playback Engine erweitert die Grafikkarten-Hardwarebeschleunigung durch Unterstützung von Laptops und weiteren Karten. Dies ermöglicht Anwendern, ihre Projekte schneller zu öffnen, Echtzeit-Feedback zu erhalten und reibungslos bei hohen Auflösungen zu arbeiten.

Zugang zu Fortschritten im Digital Publishing

Creative Suite 5.5 Design Premium (siehe separate Meldung) beinhaltet Adobes Produktinnovationen im Bereich Digital Publishing, die bereits bei einer Vielzahl an Magazinen und Verlagshäusern aus aller Welt im Einsatz sind, um digitale Publikationen als spezielle Tablet-Ausgaben zu erstellen. Mithilfe der in InDesign® CS5.5 integrierten Folio Producer-Werkzeuge haben Designer die Möglichkeit, interaktive Elemente Tablet-optimiert in ihre Seitenlayouts zu integrieren. Dokumente können Video- und Audioinhalte, Panorama- und 360-Grad-Ansichten, Schwenk- und Zoom-Optionen für Bilder, HTML- und HTML5-Inhalte sowie weitere interaktive Overlays enthalten. Diese ermöglichen nachhaltige und ansprechende Leseerlebnisse. Creative Suite 5.5 ist eng in Adobes Digital Publishing Suite integriert, um die Veröffentlichung, den Vertrieb und die Auswertung von Inhalten auf einer Vielzahl von Tablet-PCs zu ermöglichen.

Mobile Apps für Android, BlackBerry Playbook und iOS-betriebene Geräte erstellen

Die rasant steigenden Verkaufszahlen und technischen Möglichkeiten von mobilen Geräten verändern die Art und Weise, wie Inhalte und Anwendungen entwickelt und rezipiert werden. Mit dem Launch von Adobe Flash® Builder™ 4.5 (in Creative Suite 5.5 Web Premium enthalten) und dem Flex® 4.5 Framework (siehe separate Meldung) erhalten Entwickler künftig die Möglichkeit, mobile Anwendungen für über 200 Millionen Android-, BlackBerry Playbook und iOS-betriebene Geräte einfach zu entwickeln und bereitzustellen.

Endgeräte mit Flash-Unterstützung nehmen zu

Über 131 Millionen Smartphones werden voraussichtlich bis Ende dieses Jahres mit dem Flash Player ausgestattet sein. Adobe Flash ermöglicht es, Rich Content browserbasiert für Desktop- und mobile Geräte bereitzustellen. Flash Player wird derzeit von Android, HP webOS und Google TV unterstützt. BlackBerry Tablet OS, künftige Versionen des Windows Phone und Samsung SmartTV sollen folgen. Weitere Informationen über die Adobe Flash Platform sind unter http://www.adobe.com/de/flashplatform/ abrufbar.

Kreative Arbeitsabläufe beschleunigen und optimieren

Adobe Creative Suite 5.5-Produkte sind integriert mit Adobe CS Live*†, einem Set an Online Services, das kreative Workflows beschleunigt und Designer dabei unterstützt, sich auf das Erstellen hochwertiger Arbeiten zu konzentrieren. CS Live Online Services umfassen Adobe BrowserLab, Adobe CS Review, Acrobat.com, Adobe Story und Adobe SiteCatalyst® NetAverages powered by Omniture.

Die Palette an neuen Creative Suite-Produkten wird angeführt von der Adobe Creative Suite 5.5 Master Collection, die Adobes Kreativwerkzeuge in einer Verpackung vereint, darunter Photoshop, Illustrator®, InDesign, Acrobat®, Flash Builder, Flash Catalyst®, Flash Professional, Dreamweaver®, Adobe Premiere Pro und After Effects®. Alle Produkte sind einzeln oder als Pakete innerhalb der fünf Editionen der Creative Suite erhältlich. Die vollständige Creative Suite-Palette setzt sich zusammen aus Creative Suite 5.5 Master Collection, Creative Suite 5.5 Design Premium, Creative Suite 5.5 Web Premium, Creative Suite 5.5 Production Premium und Creative Suite 5.5 Design Standard.

Preise und Verfügbarkeit

Die Produkte der Adobe Creative Suite 5.5 werden voraussichtlich ab Mitte Mai 2011 im Fachhandel sowie im Adobe Store unter http://www.adobe.com/de/store erhältlich sein. Die Adobe Creative Suite 5.5 Master Collection wird 3.099 Euro zzgl. Mehrwertsteuer kosten, die Adobe Creative Suite 5.5 Design Premium 2.299 Euro zzgl. Mehrwertsteuer, die Adobe Creative Suite 5.5 Web Premium 1.999 Euro zzgl. Mehrwertsteuer, die Adobe Creative Suite 5.5 Production Premium 2.099 Euro zzgl. Mehrwertsteuer und die Adobe Creative Suite 5.5 Design Standard 1.599 Euro zzgl. Mehrwertsteuer. Die Creative Suite kann für die Dauer von einem Jahr abonniert werden, noch mehr Flexibilität bietet ein monatliches Abonnement. Weitere Informationen zu den Abonnement-Modellen finden sich unter http://www.adobe.com/go/cssubscription.

Preismodelle speziell für Schüler, Studierende, Lehrende und Bildungseinrichtungen sind im Fachhandel und im Adobe Store unter http://www.adobe.com/de/store erhältlich. Weitere Informationen hierzu finden sich unter http://www.adobe.com/de/education/purchasing/qualify.html.

Detaillierte Informationen zu Funktionen, Betriebssystemanforderungen, Upgrade-Richtlinien, Preisen und internationalen Editionen finden sich unter http://www.adobe.com/de/products/creativesuite/mastercollection/.

‡ Hierfür ist eine drahtlose Internetverbindung erforderlich. Mobile und Tablet Applikationen erfordern einen separaten Download und die Zustimmung zu den jeweils geltenden Bedingungen. Die Anwendungen sind möglicherweise nicht in allen Ländern und Sprachen verfügbar. Änderungen und die zeitweise oder endgültige Einstellung des Angebots sind vorbehalten. Es können zusätzliche Gebühren anfallen.

* Der kostenfreie Bezug von CS Live Online Services ist zeitlich begrenzt. Details finden sich unter http://www.adobe.com/go/CSLive.

† Adobe Online Services, inklusive Adobe CS Live Services, sind ab 13 Jahren verfügbar und bedürfen der Zustimmung zu den jeweils geltenden Bedingungen und zu Adobes Online Privacy Policy http://www.adobe.com/go/terms). Die Online Services sind nicht in allen Ländern und Sprachen verfügbar. Eine Registrierung für die Nutzung kann erforderlich werden. Änderungen und die zeitweise oder endgültige Einstellung des Angebots sind vorbehalten. Es können zusätzliche Gebühren anfallen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Flash verliert mit der zunehmenden Verbreitung von HTML5 immer mehr an Boden. Nicht zuletzt weil Apple Flash aus dem iOS verbannt hat. Ob das nun gut oder schlecht ist mag ich hier gar nicht bewerten aber offenbar hat Adobe die Zeichen der Zeit erkannt und stellt nun mit Wallaby ein Konvertierungs-Tool für Flash-Dokumente bereit.

In den Adobe Labs kann die Air-Anwendung Wallaby kostenlos heruntergeladen werden.

Zu beachten ist jedoch dass Wallaby sich noch im Stadium des Release Candidate befindet - also nicht fehlerfrei ist. Adobe selbst schreibt dazu:

"Wallaby" is the codename for an experimental technology that converts the artwork and animation contained in Adobe® Flash® Professional (FLA) files into HTML. Wallaby is not a final product and is still in the testing and validation phase. We are not yet able to commit to a roadmap for this experimental technology.

Nichts desto trotz funktioniert die App erstaunlich gut und konvertiert Flash-Dokumente per Klick in HTML5. Ihr solltet jedoch bedenken, dass auch HTML5 nicht alle Möglichkeiten von Flash abdeckt. Je komplexer die Flash-Datei also ist, desto schwieriger wird es das Dokument zu konvertieren.

Ihr könnt Adobe Wallaby in den Adobe Labs herunterladen.

• Adobe Wallaby Download

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wenn man Adobe glauben schenken darf, so erscheint Photoshop CS6 nicht vor Anfang kommenden Jahres. Doch das läßt sich auch auf folgende Weise interpretieren: Photoshop CS6 könnte bereits im Januar erscheinen. Ob das nun stimmt oder nicht kann ich schwer beurteilen - Fakt ist jedoch, dass im Januar der mittlerweile schon traditionelle Entwicklungsturnus für die Creative Suite um ist. Adobe steht also unter Druck eine neue Versionen veröffentlichen zu müssen und auch die Verlage richten das Produktangebot bereits auf diesen Zeitraum hin aus.
Einmal angenommen die Produktentwicklung bleibt so rasant wie bisher: Welche Wünsche für Photoshop CS6 habt Ihr überhaupt? Gibt es ein Feature was Ihr vermisst und gerne in Photoshop CS6 sehen würdet, nerven Euch bestimmte - nicht behobene Bugs - oder würdet Ihr vielleicht sogar ganze Funktionen streichen weil Ihr sie für überflüssig haltet?

Ich bin gespannt was Ihr für Wünsche habt und mache selbst einmal den Anfang mit meiner persönlichen Wunschliste für die kommende Photoshop-Version.

Wunschliste für Photoshop CS6

Hier fasse ich mal zusammen was mir in der Vergangenheit negativ aufgefallen ist. Mitunter handelt es sich natürlich um Kleinigkeiten.

Verbessertes Freistellungswerkzeug

Seit Photoshop CS5 besteht die Möglichkeit das Freistellungswerkzeug nach der Drittelregel, bzw. mit einem Raster visuell zu unterteilen. Hier wünsche ich mir mehr individuelle Einstellungsmöglichkeiten - insbesondere einen "echten" goldenen Schnitt.

Benutzeroberfläche besser individualisierbar

Ich wünsche mir mehr Möglichkeiten die Helligkeit des Photoshop-Interfaces anzupassen. In anderen Creative-Suite-Programmen wie der Bridge geht das schon lange. Warum nicht auch in Photoshop

Bessere Hilfslinien

Ich hätte gerne die Freiheit meine Hilfslinien unterschiedlich zu gestalten (gestrichelt, farbig etc.) sowie diagonale/schräge Hilfslinien aufziehen zu können. Hierbei meine ich nicht die globalen Voreinstellungen sondern Optionen die ich für jede neue Hilfslinie festlegen kann wenn ich möchte.

Besseres Verkrümmen-Werkzeug

Ähnlich wie beim Freistellungswerkzeug erwarte ich auch beim Verkrümmen-Werkzeug mehr Optionen hinsichtlich des Rasters. Das 9er-Raster kann bisher nicht verändert werden und ist oft unpassend.

HTML5/CSS3-Integration und Code-Export

Zuletzt wünsche ich mir mehr Möglichkeiten Objekte so zu bearbeiten wie ich es auch mit CSS erledige: Ich möchte zum Beispiel den border-radius für Ecken verschieden angeben können/nachträglich ändern etc. Da viele grafische Funktionen sich von den Photoshop-Ebenenstilen 1:1 auf CSS3 übertragen lassen wäre ein Code-Export aller vergebener Eigenschaften absolut spitze!
Man könnte eine Art neues "Smart-Object" erfinden in das ich mein Gestaltungselement zunächst konvertiere. Anschließend verhält es sich wie ein HTML-Element und es können nur noch Photoshop-Optionen verwendet werden die sich auch mit HTML und CSS realisieren lassen.
Mir ist klar, dass es sich hier vielleicht eher um ein Fireworks-Feature handelt (und mir ist auch bekannt, dass insbesondere die Ecken-Abrundung exakt so in Fireworks bereits umgesetzt ist) - aber ich hätte es nunmal gerne in Photoshop. Von mir aus auch per Plugin.

Das waren soweit meine Wünsche. Jetzt seid Ihr dran!

Update:

Adobe bietet die Möglichkeit Programmverbesserungen, Wünsche, Feature-Requests und Bugs in der Photoshop-Community zu veröffentlichen. feedback.photoshop.com/photoshop_family

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.