Kategorien
(Kostenlose) Services Bilder & Vektorgrafiken bearbeiten Design Essentials

Adobe Stock bietet eine neue redaktionelle Sammlung und die nächste Generation der Bildersuche

Eine gänzlich überarbeitete Suchtechnik, die neue Schnittstelle mit Microsoft PowerPoint und weitere, sinnvolle Erweiterungen bereichern Adobes digitalen Marktplatz für hochwertige Stockmedien.

Kategorien
Bilder & Vektorgrafiken bearbeiten

40 kreative Screensaver und Wallpaper zum Mitnehmen

Wir sitzen täglich vor dem Rechner: da freuen wir uns über einen schönen Bildschirmhintergrund oder einen Screensaver der uns begrüßt, nachdem wir kurz einen Kaffee holen waren. Wir haben fünfzehn Screensaver und stolze 25 kreative Wallpaper für dich gesammelt. Viel Spaß damit!

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Responsive Design Sonstige Programme

Page Weight: Kostenlose Web-App untersucht deine Website auf Bild-Adipositas

Große Bilder verlangsamen den Aufbau deiner Website beim Besucher. Das ist soweit logisch. Dennoch machen sich viele Seitenbetreiber genau über diesen Umstand keine Gedanken. Das kostenlose Tool Page Weight hilft dir, grafische Fettsucht zu diagnostizieren und zu beheben.

Kategorien
Photoshop

Erstellung sehr großer Druckdaten – Banner im Metermaß

Banner sind günstig zu produzieren, verlangen aber aufgrund der riesigen Maße nach besonderen Maßnahmen, besonders wenn statt InDesign oder Illustrator einzig Photoshop zur Umsetzung genutzt werden soll. Oft ist halt nur die Pixel-basierte Bildbearbeitung greifbar oder es ist das Programm, mit dem du dich am besten auskennst. Wir haben für unseren Online-Shop einen Banner entworfen und beschreiben den Weg von der Idee hin zum fertigen Produkt.

Dokument anlegen

Wird geplant, professionell drucken zu lassen, so ist der erste Weg auf die Homepage des gewünschten Anbieters. Diese geben zumeist alle nötigen Informationen zum Dateiformat an. Besonders bei sehr großen Dokumenten gibt es einige Besonderheiten im Vergleich zu normalen Druckdateien zu entdecken. So ist die allgemein gültige Aussage, dass druckfähige Dokumente mit einer Auflösung von 300 dpi angelegt werden, bei solch großen Flächen überraschenderweise nicht gegeben.

Bannerkönig

Unser ausgewählter Anbieter für Werbebanner, gibt auf seiner Produktseite folgende Empfehlung: Auflösung von 0-2m² = 150 dpi; 2-5m² = 100 dpi; 5-25m² = 50 dpi; über 50m² = 30 dpi. Je größer das Dokument, umso kleiner also die nötige Auflösung. Kleinere Auflösungen ermöglichen uns auch oft erst die kreative Umsetzung der Dateien, da bei solchen Metermaßen kaum das nötige Bildmaterial in ausreichender Größe zur Verfügung steht, es sei denn als Vektorgrafik. Fotos brauchen also nicht aufgeblasen werden, um Flächen zu füllen, sondern werden dank der niedrigen dpi-Zahl brauchbar verarbeitet.

Hintergrund gestalten

Der Bannerkönig hat Mesh-Banner, Backlit-Banner, Reflexbanner, Gerüst- und Bauzaunbanner im Angebot. Wir entscheiden uns für einen PVC-Banner, als Standard in diesem Bereich. Dateien werden hier im Maßstab 1:1 angelegt, bei noch größeren Dateien können diese auf bis zu 1:10 verkleinert werden. Ein weiterer Unterschied zu sonstigen Druckdateien: die Grundlage kommt hier ohne Beschnittzugabe aus. Das Datenformat entspricht also der späteren Produktgröße.

Banner erstellen

Breite und Höhe dürfen wir bei der Bestellung selbst bestimmen. In Photoshop folgen also nach Datei > Neu die Wunschmaße 300 cm in der Breite x 100 cm in der Höhe bei einer Auflösung von 100 dpi. Den Hintergrundinhalt stellst du auf Weiß ein.

Formen teilen Flächen auf

Die große Fläche macht es nicht leicht, gestalterisch kreativ hochwertige Ergebnisse umzusetzen. Einfach nur ein Logo und ein Schriftzug daneben war uns zu wenig, um unseren Shop anzupreisen. Formen können dabei die recht große Fläche in kleinere Abschnitte aufteilen. Aktiviere dazu das Rechteck-Werkzeug und definiere eine Vordergrundfarbe. Ziehen die Fläche groß auf. Das Tastenkürzel Strg+T ermöglicht es, die Form zu drehen. Gehe dazu an den Rand, aber nicht direkt über das Bildelement, und positioniere das Element durch Klicken, gedrückt Halten und Ziehen.

Flächen aufteilen

Weitere Formen im gleichen Winkel folgen. Wer mag, aktiviert in der Optionsleiste das Zeichenstift-Werkzeug im Modus Form, statt Pfad und Pixel, und zeichnet komplexere Formen von Hand ein. So wurde der Banner in zwei Hauptbereiche unterteilt, die nun aufgefüllt werden.

Text schreiben

Die Farben des Banners orientieren sich an den genutzten Farben im Dr.Web-Logo. Dieses wird eingefügt und um den Schriftzug „Shop“ ergänzt. Dazu wird das Horizontale Text-Werkzeug aktiviert und die Vordergrundfarbe auf die Wunschfarbe des Textes eingestellt. Für einen ersten Entwurf kann auch ein Textrahmen durch Klicken und Ziehen erstellt und über Schrift > Platzhaltertext einfügen aufgefüllt werden. Einige Buchtitel geben einen Vorgeschmack.

Text eingefügt

Foto als Blickfang im Banner

Ein Foto soll den zweiten Bereich des Banners auffüllen. Dieses wird oberhalb der anderen Ebenen eingefügt, mit dem Verschieben-Werkzeug grob positioniert und dann mit dem Polygon-Lasso-Werkzeug eine Form ausgewählt, die an einer Seite den gleichen Winkel zeigt, wie die zuvor eingefügten Formen. Klicke im Ebenenbedienfeld auf das Icon Ebenenmaske hinzufügen, um das Foto in die gewünschte Form zu bringen.

Banner fertiggestellt

Bestellung bei Bannerkönig

Wurde die Gestaltung abgeschlossen, so wird das Dokument exportiert. Der Bannerkönig nimmt als Dateiformate PDFs, PNGs und JPGs im Farbmodus CMYK an. Schriften sollten bei PDFs in Pfade umgewandelt werden. Neben der genauen Größe gibt es weitere Optionen pro Banner, wie etwa zur Verarbeitung des Randes (mit oder ohne Metallösen; mit oder ohne Hohlsaum, ect.) oder zum beidseitigen Druck. So ist der Banner schnell bestellt und kann per Vorkasse, Sofortüberweisung oder PayPal bezahlt werden. Der Versand ist mit 7,- EUR netto sehr günstig. Ab 84,- EUR netto fallen die Kosten dabei ganz weg.

Bestellung beim König der Banner

Fazit

Einen Banner zu produzieren verlangt nach eigenen Regeln, die sich aber leicht umsetzen lassen. Als Ergebnis gibt es einen UV- und witterungsbeständigen Banner, B1 zertifiziert, also schwer entflammbar, in einem Format, das bald eine Wand in unseren Büroräumen schmücken wird.

Kategorien
Photoshop

40 Photoshop-Addons: Aktionen, Filter, Plugins und Panels entdecken

Photoshop lässt sich an allen Ecken und Kanten erweitern. Da gibt es die großen Plugins, die praktisch als eigenständige Programme Photoshop zur Seite stehen, Aktionen, die aufgezeichnete Befehlsabfolgen abspielen, und Panels, die Funktionen in eigenen Bedienfeldern anbieten. So wird aus einem schon sehr mächtigen Bildbearbeiter ein weitaus größeres, individualisiertes Programm.

ON1 Effects 10.5

Photoshop-Plugin mit dutzenden Filtern, Vorgaben, Rahmen und Texturen zur Umsetzung eines Bildstils.

Photoshop
© ON1

Flaticon

Ob als Erweiterung oder direkt im Browser: Falticon ermöglicht nicht nur die Auswahl hochwertiger Icons im aktuellen Flat-Design, sondern auch eine rudimentäre Anpassung.

Addon
© Flaticon

Composer

Composer kann mit nur einem Klick multiple Ebenen aktualisieren. So kann die Position, die Ebenenstile, die Sichtbarkeit oder alles zusammen geändert werden.

Photoshop
© jasonforal.com

CSS3 Plugin

Ein Plugin, das Ebenen in CSS3 konvertiert. Perfekt für den Webdesigner.

Filter
© CSS3Ps

Long Shadow Generator

Ein Photoshop Panel, mit dem laaaaange Schatten erzeugt werden können.

Photoshop
© LSG

App Design Mockups

Du hast das schönste App-Interface umgesetzt und möchtest schnell sehen, wie es in einem Smartphone wirkt, so bist du auf dieser Seite richtig.

Plugin
© http://blazrobar.com

Isometric Transform Tool

Isometric ist ein kostenloses Photoshop-Plugin zur Transformierung einzelner Formen in isometrische Perspektiven.

Panel
© the-orange-box.com

Nik Collection

Google hat vor einiger Zeit das Plugin-Paket der Nik Collection zur freien Nutzung bereit gestellt. Gleich sieben sehr hochwertige Erweiterungen sind inklusive.

Photoshop
© Google

Polar Projection

Mit diesem Plugin werden Panorama-Aufnahmen in kleine Planeten oder Plattformen verwandelt.


© the-orange-box.com

Ink

Ausgabeoptionen auf Knopfdruck bietet uns dieses Photoshop-Panel, etwa zu den Maßen eines Elements oder dessen Farben.

Photoshop
© Chrometaphore

Pixel2Vector

Mit nur einem Klick wird aus einer Pixelgrafik oder einem Pfad eine Vektorform.

Photoshop
© the-orange-box.com

NKS5

Eine riesige Palette an Werkzeugen zum realistischen Zeichnen und Malen kommt hier in Photoshop dazu.

Photoshop
© http://nkurence.com

Color CC

Kein direktes Addon für Photoshop, aber ein genialer Service, der das Programm um Farbschemata ergänzt, die sich wieder im Programm einfügen lassen.

Photoshop
© Adobe

Subtle Patterns

Dezente Muster zum Füllen von Hintergründen oder als Textur.

Erweitern
© toptal.com

skeuomorphism.it

Mach es flach! Aus dreidimensionalen Grafiken werden Bildelemente im 2D-Stil.

Photoshop
© skeuomorphism.it

HDR Aktion

Photoshop-Aktion, die aus einem einzigen Foto eine HDR-Simulation erzeugen kann.

Photoshop
© photographypla.net

Black & White

Aktion für Photoshop, um auf Knopfdruck gealterte Schwarz-Weiß-Aufnahmen zu erzeugen.

Photoshop
© exposureschool.com

Aktion, um aus einem normalen Foto eine in den Farben reduzierte, leicht gebleichte Aufnahme umzusetzen.

Plugin
© thecoffeeshopblog.com

Blue Evening

Dunkle, blaue Schatten und gelbliche Highlights sind das Ergebnis dieser Photoshop-Aktion.

Filter
© photographypla.net

Forest actions exclusive

Farbvarianten in Gelb-, Grün- oder Beigetönen dank der Aktion Forest Action.

Photoshop
© eliseenchanted.deviantart.com

Remove the banding of Photoshop Gradients

Bei dem Einzeichnen von Verläufen kommt es häufig zu Stufeneffekten. Um diese zu verringern, hilft diese Aktion.

Photoshop
© Jeff Broderick

Action Preset

Verschiedene freie Aktionen zur Umsetzung von Retro-Effekten.

Photoshop
© upliftactions.com

Engraved Illustration Effect

Hier wird ein Foto in eine gravierte Grafik verwandelt. Eine komplexe, doch freie Aktion für Photoshop.

Photoshop
© spoongraphics.co.uk

Action 3D

Diese Aktion generiert aus einem Foto eine simulierte 3D-Version im Rot-Grün-Stil.

Photoshop
© jonasfan93.deviantart.com

Gum Bichromate Print

Eine alte, vergilbte und verschmutze Aufnahme wird hierbei auf Knopfdruck umgesetzt.

Photoshop
© rawimage.deviantart.com

iOS Blur

Eine Simulation des typischen Blur-Effekts des iPhone-Screens.

Photoshop
© MDS

American Wood Type

Wie alte Farbe, die auf Holz getrocknet ist und an manchen Stellen schon abbröckelt, wirkt das Ergebnis dieser Aktion.

Photoshop
© Retro Supply

3D Isometric Map Mockup

Aktion zur Gestaltung von 3D-Kartenmaterial im Comic-Stil.

Aktion
© blugraphic.com

Stitched Denim Generator

Eine Aktion, die ein Stück „Jeans“ kreativ umnäht.

Aktionen
© Graphicsoulz

Matte Photoshop Action

Diese Aktion setzt farbige Aufnahmen in eine Variante um, die stark entsättigt ist, für einen schönen Retro-Look.

Photoshop
© shutterpulse.com

Wallpaper Maker

Hier wird ein Wallpaper automatisch in zahlreiche Formate und Auflösungen exportiert.

Photoshop
© https://dribbble.com/shots/1822345-Wallpaper-Maker

ScreenShot Photoshop Action

Simulation einer Bildschirmaufnahme aus schräger Perpsektive.

Photoshop
© Vasjen Katro

Artista

Künstlerischer Effekt, der einen gemalten Stil umsetzt.

Photoshop
© Nuwan Panditha

Layer to SVG

Umsetzung von Vektorgrafiken in das Format SVG.

Photoshop
© hackingui.com

Bending

Eine weitere Aktion, um das so genannte Bending abzuschwächen.

Photoshop
© nomorebanding.com

Free Glitch Photoshop Action

Ein kurzer Filmfehler oder auch eine Bildstörung bei Computerspielen wird Glitch genannt. Dieser Effekt wird mit dieser Aktion simuliert.

Photoshop
© Syed Faraz Ahmad

Duotone

Ein typischer Duotone-Effekt. Zwei Farben kolorieren Fotos kreativ um.

Photoshop
© Zi Jewel

Vintage Photo

Ein kostenloser Fotoeffekt, der für einen coolen Vintage-Look sorgt.

Photoshop
©

3D Action

Aus einer flachen 2D-Grafik wird hier per Knopfdruck eine 3D-Form.

Photoshop
© vandelaydesign.com

Free Color Moderator Photoshop

Sehenswerte Farbenspiele über diese Aktionen. Duotone-Effekte oder gebleichte Varianten stehen zur Wahl.

Photoshop
© Photoshop Action

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Plugins Sonstige Programme WordPress

Bilder synchron halten mit der WordPress Real Media Library, WP/LR Sync und Adobe Lightroom

Bloggende Fotografen werden sich über eine Möglichkeit, Lightroom mit WordPress zu synchronisieren freuen. Wenn sich diese Option mit der Fähigkeit paart, auch alle übrigen Medien ungewohnt gut zu strukturieren, könnte sich Begeisterung entwickeln.

Kategorien
Photoshop

Freistellen mit Photoshop CC 2017 – Nie war es leichter, Haare freizustellen

Dank neuer Techniken, Funktionen und Kombinationen fällt es selbst dem Einsteiger leichter, Bildmaterial vom Hintergrund zu lösen. Freistellen: Haare sind da immer noch das Top-Thema. Feinste Strukturen zeigen auch ein großes Problem: sie lassen die Farbe des alten Hintergrunds durchschimmern. Doch auch dafür gibt es Lösungen. Gleich drei aktuelle Techniken für noch schönere Haare in Photoshop.

Technik zum Freistellen #1: Kanalberechnungen

Schritt 1: Körper freistellen

In diesem ersten Schritt geht es darum, alle anderen Bereiche auf klassischer Art freizustellen. Für die Haare nutzt du gleich eine eigene Methode. Kopiere die Hintergrundebene über Strg+J und blende die Hintergrundebene aus. Die Kopie erhält über Ebene > Ebenenmaske > Alle einblenden eine Maske.

Körper freistellen

In dieser arbeitest du zunächst mit dem Buntstift, schwarzer Vordergrundfarbe und einer größeren Werkzeugspitze, um das Model zunächst grob freizustellen. Aktiviere das Zoom-Werkzeug und rufe den Rand des Models groß auf. Tipp: Damit auch bei hohen Zoomstufen die Inhalte gut zu erkennen sind, kannst du über Ansicht > Anzeigen das Pixelraster deaktivieren.

Model freigestellt

Wer eine ruhige Hand hat, malt am Rand mit dem Pinsel und einer kleinen, nicht ganz so weichen Werkzeugspitze entlang. Für mich ist es leichter, mit dem Polygon-Lasso-Werkzeug zu arbeiten.

Die Hintergrundfarbe steht dabei auf Schwarz. Klick für Klick folgst du der Kontur des Models. Nach einem Abschnitt schließt du die Auswahl nach außen hin. Drücke die Entfernen-Taste, um den Bereich mit Schwarz zu füllen. Schritt für Schritt wird so das Model freigestellt. Die Haare dabei allerdings nur ganz grob.

Schritt für Schritt auswählen

Schritt 2: Kanalberechnungen

Kopiere die Hintergrundebene und blende sie ein. Gehe im Menü auf Bild > Kanalberechnungen. Ändere die Kanäle bei beiden Quellen auf Blau ab und aktiviere auch jeweils Umkehren. Entdecke beim Mischmodus die Füllmethode, welche die Haare sehr weiß, den Rest aber schwarz darstellt. Wichtig ist noch, ganz unten bei Ergebnis Auswahl zu aktivieren.

Kanalberechnungen

Nach dem Bestätigen gehst du im Ebenenbedienfeld auf den Button Ebenenmaske hinzufügen. Die Haare wurde freigestellt. In Kombination mit der ersten Freistellung ergibt sich ein zufriedenstellendes Ergebnis, das allerdings noch optimiert werden kann.

Schritt 3: Ergebnis optimieren

Erstelle unterhalb der zwei Ebenen mit freigestellten Bildelementen eine neue Ebene, die du mit der Farbe des neuen Hintergrund füllst. Erst jetzt wird deutlich, wie gut (oder auch schlecht) du freigestellt hast.

Um das Ergebnis noch zu optimieren, wählst du die zwei freigestellten Ebenen bei gedrückter Strg-Taste aus und drückst Strg+G auf der Tastatur, für eine Gruppierung.

Farben angleichen

Erstelle eine neue Ebene darüber und gehe im Menü auf Ebene > Schnittmaske erstellen. Stelle den Modus dieser Ebene von Normal auf Farbe um. Aktiviere den Pinsel und nehme bei gehaltener I-Taste die neue Hintergrundfarbe auf.

Male dann über den Rand der Haare. Diese erhalten damit den Schein des neuen Hintergrunds. Reduziere bei Bedarf die Ebenendeckkraft.

Technik zum Freistellen #2: Auswählen und maskieren

Schritt 1: Auswahl vorbereiten

Auswahl und maskieren reagiert auf Kontrastsprünge zum Hintergrund. Um die Erzeugung der Maske zu vereinfachen, kopierst du die Hintergrundebene über Strg+J. Gehe dann im Menü auf Filter > Scharfzeichnungsfilter > Unscharf maskieren.

Stelle die Stärke auf 500% und den Radius auf 1 Pixel oder höher ein. Dickere Haarstränge sollen sich so deutlicher vom Hintergrund trennen. Es folgt der Filter > Stilisierungsfilter > Ölfarbe. Stilisierung und Reinheit stehen auf 1, Skalierung und Borstendetails auf dem kleinsten Wert. Damit werden die Haare geglättet.

Auswahl vorbereiten

Schritt 2: Schnellauswahl

Aktiviere das Schnellauswahlwerkzeug und male über alle Bereiche des Models. In der Optionsleiste kannst du die Größe der Werkzeugspitze kontrollieren, die sich auch auf die Feinheit der Umsetzung auswirkt. Bei gedrückter Alt-Taste werden Bereiche von der Auswahl subtrahiert.

Dein Ziel ist es, das Model so genau es möglich ist auszuwählen. Auch die Haare sollten dabei schon halbwegs gut selektiert sein.

Schnellauswahl nutzen

Schritt 3: Auswahl verfeinern

Gehe im Ebenenbedienfeld auf Ebenenmaske hinzufügen. Ein Doppelklick auf die Maske ruft den Dialog Auswählen und maskieren auf. Auf der linken Seite ist vermutlich schon das Werkzeug Kante-verbessern-Pinsel aktiv.

Stelle in der Optionsleiste dessen Größe ein und male über die Haare. Dabei sollte der Hintergrund immer zu 70% mit übermalt werden, damit Photoshop diesen leichter erkennen kann. Bei gehaltener Alt-Taste können auch wieder Bereiche eingezeichnet werden.

Ebenenmaske bearbeiten

So näherst du dich dem perfekten Ergebnis. Auf der rechten Seite könntest du noch die Regler Weiche Kante und Kontrast zusammenspielen lassen. Nach dem Bestätigen über OK kopierst du die Hintergrundebene ein zweites Mal. Ziehe die erstellte Maske per Drag & Drop auf diese Kopie. Lösche dann die Ebene, die scharfgezeichnet und mit dem Ölfilter behandelt wurde.

Kontrast und Weiche Kante

Auswahl verfeinern

Du kannst das Ergebnis wieder kontrollieren, in dem du unterhalb der Freistellung eine Ebene mit einer neuen Farbe füllst. Auch wurden die feineren Haare wie oben beschrieben optimiert, also eine neue Ebene über der Freistellung angelegt, diese per Ebenenmaske an die Form angepasst und im Modus Farbe mit passenden Farben gemalt.

Technik zum Freistellen #3: Techniken in Kombination

Schritt 1: Erst die Haare…

Zurecht könntest du anmerken, dass Haare vor einfarbigen Hintergrund eher leicht freizustellen sind. Dabei werden Fotos auch in freier Wildbahn (statt im Studio mit entsprechenden Hintergrundsystem) aufgenommen.

Und da ist der Hintergrund sehr unruhig und das Model bildet ein Ganzes mit der Umgebung. Hier ist es ratsam, die Haare und den Körper weitaus stärker getrennt zu bearbeiten.

Vorher

Haare einzeln freistellen

Kopiere dazu die Hintergrundebene über Strg+J. Nutze Bild > Korrekturen > Helligkeit/ Kontrast, um die Haare weiter vom Hintergrund zu trennen. Es folgt Bild > Kanalberechnungen, wie oben beschrieben.

Bearbeite die Maske mit dem Pinsel und schwarzer Farbe, so dass nur die Haare sichtbar bleiben. Kopiere die Hintergrundebene ein zweites Mal und ziehe die Maske darauf. Lösche die Ebene mit den starken Kontrasten.

Schritt 2: …und dann der Rest

Der Körper wird ganz klassisch freigestellt, die Haare dabei nur grob. Das kann mit Hilfe des Schnellauswahlwerkzeuges erfolgen oder gleich in der Maske mit dem Polygon-Lasso-Werkzeug. In Kombination ergibt sich das freigestellte Bildelement.

Körper sauber freistellen

Schritt 3: Optimierung

Oft ist an den Rändern freigestellter Elemente der alte Hintergrund noch leicht zu sehen. Kopiere zur Optimierung die Ebene mit dem Körper. Ein Rechtsklick auf die Ebenenmaske und Ebenenmaske anwenden rechnet die Maske ein. Gehe im Ebenenbedienfeld über die Linie zwischen den Ebenen bei gehaltener Alt-Taste und klicke. Damit wurde eine Schnittmaske umgesetzt.

Optimierung der Freistellung

Aktiviere das Wischfinger-Werkzeug, stelle in der Optionsleiste eine Stärke von ca. 30% ein und ziehe Material vom Rand nach außen. Achte darauf keine Unschärfen einzuarbeiten. So werden unschöne Ränder mit passenden Inhalten überdeckt.

Fazit

Photoshop bietet dir mehr und immer weiter optimierte Werkzeuge zum Freistellen an. Doch nur in Kombination können selbst schwierige Grundlagen gemeistert werden.

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Inspiration Photoshop Tutorials

50 Photoshop-Tutorials für fantastische Foto-Effekte

Die Arbeit mit Photoshop gehört zu den grundlegenden Fertigkeiten des Designerberufs. Kein Wunder, dass der Suchbegriff „Photoshop-Tutorials“ die Rankinghitlisten von Google anführt. Um dir die Suche zu erleichtern und dir dabei zu helfen, deine Kenntnisse und Fähigkeiten in der Bildbearbeitung zu verfeinern, habe ich diese Sammlung von 50 hervorragenden Photoshop-Tutorials zusammengetragen, mit denen du Bilder retuschieren, Hintergründe verändern, Farb- und Lichteffekte einfügen und viele andere kreative Effekte zaubern kannst, die dein Motiv verbessern. Ich hoffe, dass dir diese Sammlung gefällt. Kommentare und Links zu weiteren Photoshop-Tutorials sind willkommen!

Viel Spaß beim Ausprobieren wünscht dir Dirk Metzmacher!

Photoshop kreativ: So einfach simulierst du eine doppelte Belichtung

Thema: Komposition
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Lerne, zwei Fotos kreativ zu verbinden, dank einer gewünschten Überblendung.

Photoshop-Tutorial: So einfach simulierst du eine doppelte Belichtung

Photoshop: Lichter, Tiefen und Mitteltöne mit Luminanzmasken bearbeiten

Thema: Bildbearbeitung
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

Erzeuge eine Auswahl von Lichtern und Schatten, um diese gezielter bearbeiten zu können.
Photoshop-Tutorials: Lichter, Tiefen und Mitteltöne mit Luminanzmasken bearbeiten

Photoshop: Lensflare-Effekte wie aus dem Hollywood-Blockbuster

Thema: Bildbearbeitung
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Der Klassiker der Blendenflecke neu aufgelegt. Frische Techniken wie aus dem Hollywood-Blockbuster.
Photoshop-Tutorials:Lensflare-Effekte wie aus dem Hollywood-Blockbuster

Tutorial: Surreale Landschaften in Photoshop gestalten

Thema: Komposition
Quelle: Fotolia
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

So kombinierst du ganz unterschiedliches Fotomaterial zu einer einzigartigen Collage.
Photoshop-Tutorial: Surreale Landschaften in Photoshop gestalten

Hollywood mit Photoshop: Rauch, Feuer, Partikel und andere Effekte

Thema: Komposition
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So simulierst du Rauch, setzt Feuer ein und nutzt Partikel für realistischere Ergebnisse.
Photoshop-Tutorial: Hollywood mit Photoshop: Rauch, Feuer, Partikel und andere Effekte

Schärfungstechniken in Adobe Photoshop

Thema: Grundlagen
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Lerne alle Optionen für schärfere Bilder kennen.
Photoshop-Tutorial: Schärfungstechniken in Adobe Photoshop

Wetterfee: Sommer und Winter mit Photoshop simulieren

Thema: Bildbearbeitung
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

Verwandele eine Aufnahme in ein sommerliches Foto oder gar in eine winterliche Landschaft.
Photoshop-Tutorials: Sommer und Winter mit Photoshop simulieren

Erschaffe eine dramatische Fotomanipulation

Thema: Komposition
Quelle: tuts+
Sprache: Englisch
Schwierigkeitsgrad: 3 von 6

Kombiniere eine Wiesenlandschaft mit einem Model und statte das Ergebnis mit einem Bildlook aus.
ps-tutorials17b

Photoshop: Dodge & Burn-Techniken in zahlreichen Varianten

Thema: Bildbearbeitung
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So steuerst du die Lichtverhältnisse deiner Aufnahmen punktgenau.
ps-tutorials4

Inhaltsbasierte Retusche mit Photoshop: So verschwinden störende Bildelemente im Handumdrehen

Thema: Grundlagen
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So entfernst du praktisch jedes störende Element aus einem Foto.
inhaltsbasiert-teaser

Beauty-Retusche im Detail für die Augen- und Mundregion

Thema: Beauty-Retusche
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Nach der Standard-Retusche folgt die Optimierung im Detail.
ps-tutorials5

Es werde Licht! So rettest du unterbelichtete Fotos mit Photoshop CC

Thema: Bildbearbeitung
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Bei zu dunklen, unterbelichteten Fotos gibt es eine große Hilfe: Photoshop.
teaser-fehlbelichtung

Künstliche Gesichtsbehaarung: Haare auffüllen mit Photoshop

Thema: Bildbearbeitung
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

So erzeugst du eine künstliche Gesichtsbehaarung.
ps-tutorials6

Camera Raw-Tutorial: Punktgenaue Bildoptimierungen ohne Photoshop

Thema: Grundlagen
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

Camera Raw kann natürlich auch als Filter in Photoshop angewendet werden.

raw-filter-punktgenau4

Photoshop: Kreative Killer-Tricks

Thema: Kompositionen
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Setze Photoshop für ganz unterschiedliche Effekte ein.

ps-tutorials7

Photoshop-Tutorial: Panoramen erzeugen und optimieren

Thema: Grundlagen
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Aus einzelnen Aufnahmen wird ein großes Panorama.

teaser-panorama

Photoshop-Wunder: Gesicht tauschen

Thema: Bildmanipulation
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Tausche das Gesicht eines Menschen in wenigen Schritten.

ps-tutorials8

Eine alptraumhafte Szene

Thema: Komposition
Quelle: Photoshop Tutorials
Sprache: Englisch
Schwierigkeitsgrad: 3 von 6

So gestaltest du eine Traumszene eines fallenden Menschen im Gewitter.

ps-tutorials18

Photoshop-Klassiker: Der leichteste Weg, ein Foto in eine Bleistiftzeichnung zu verwandeln

Thema: Bildmanipulation
Quelle: Photoshop-Weblog
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So wandelst du ein Foto in eine simulierte Bleistiftzeichnung um.

ps-tutorials10

Wie im Film: Der Color Grading-Effekt in Photoshop

Thema: Bildmanipulation
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Gib deinen Fotos einen ganz bestimmten Bild-Look dank der Color Grading-Technik.

ps-tutorials9

Cyborgs in einer Blase

Thema: Komposition
Quelle: Photoshop Tutorials
Sprache: Englisch
Schwierigkeitsgrad: 4 von 6

Gestalte ein Science Fiction-Bild mit einigen Cyborgs, gefangen in der Blase.

ps-tutorials20

Photoshop Beautyretusche von A bis Z: So arbeitest du wie die Model-Agenturen

Thema: Beazty-Retusche
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Muttermale und Falten kannst du schnell retuschieren.

teaserbeauty1

Photoshop-Tricks für Einsteiger: Lichtstrahlen

Thema: Bildmanipulation
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So fügst du Lichtstrahlen in ein Bild ein, um Geschwindigkeit zu simulieren.

ps-tutorials11

Photoshop-Tutorials >> Bildbearbeitung besser und schneller: 10 einfache Composing-Techniken für Photoshop

Thema: Grundlagen
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Bei der Gestaltung von anspruchsvollen Kompositionen gibt es viele hilfreiche Tipps und Tricks zu entdecken.

composings6

Gestalte ein isometrisches Gebäude

Thema: Zeichnung
Quelle: tuts+
Sprache: Englisch
Schwierigkeitsgrad: 3 von 6

So setzt du Pixel für Pixel isometrische Gebäude in Photoshop um.

ps-tutorials19

Photoshop-Tutorial für Einsteiger: Ein Bild, zwei Geschichten

Thema: Komposition
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Zwei Aufnahmen werden hier kreativ verschmolzen.

ps-tutorials12

Architekturretusche leicht gemacht: So wertest du Fotos von Gebäuden kreativ auf

Thema: Bildbearbeitung
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Die Retusche von Gebäuden hat ihre eigenen Regeln, die wir hier Schritt für Schritt erklären.

teaser-architektur

Kreative Schwarzweiß-Umwandlung in Camera RAW

Thema: Grundlagen
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

So setzt du deine schönsten Aufnahmen als unbunte Variante um.

ps-tutorials13

Photoshop-Tutorial: So machst du den Tag zur Nacht

Thema: Komposition
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Dieses Tutorial beschreibt, wie aus einer Aufnahme bei Tage eine faszinierende Nachtszene wird.

tag-zu-nacht15

Beauty-Retusche: So wird dein Porträt zum Meisterwerk

Thema: Beauty-Retusche
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Die Grundlagen der Schönheitsretusche, Schritt für Schritt erklärt.

ps-tutorials14

Adobe Photoshop: Dramatische Fotoeffekte im Handumdrehen

Thema: Komposition
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

Lerne, Fotoeffekte fast auf Knopfdruck umzusetzen.

farbeffekt8

Photoshop lässt Instagram, Hipstamatic und Co. alt aussehen

Thema: Bildmanipulation
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

So setzt du Retro-Effekte in Photoshop um.

ps-tutorials15

Photoshop-Tutorial: Top-Model-Figur, Muskeln wie Arnie und mehr – so geht’s!

Thema: Bildbearbeitung
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Mit dem Verflüssigenfilter hast du viele kreative Möglichkeiten.

teaser-verfluessigen

Photoshop-Tutorial: So beherrscht du die Pfad-Werkzeuge wie ein Profi

Thema: Grundlagen
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Lerne die Grundlagen der Arbeit mit dem Zeichenstift-Werkzeug kennen.

ps-tutorials16

Photoshop-Tutorials: Smartobjekte und Smartfilter –> Cleverer Workflow mit Photoshop

Thema: Grundlagen
Quelle: Dr. Web
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

Arbeite nicht-destruktiv, um alle Schritte auch noch nach dem Abspeichern editierbar zu halten.

smartobjekte1

Vogel-Illustration mit Texturen

Thema: Komposition
Quelle: Photoshop Tutorials
Sprache: Englisch
Schwierigkeitsgrad: 3 von 6

So gestaltest du eine Vogel-Illustration mit etwas Rauch im Hintergrund.

ps-tutorials26

Photoshop: Digitales Altern

Thema: Komposition
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

So erzeugst du aus der Aufnahme eines jungen Mannes seine ältere Version.

ps-tutorials25

7 Tipps und Tricks zur Gestaltung eines Plakates

Thema: Komposition
Quelle: Easyprint
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Gestalte Poster in Photoshop nach diesen Regeln.

ps-tutorials24

Photoshop-Fun: Models in Rauch auflösen

Thema: Komposition
Quelle: Shutterstock
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

So stellst du ein Model frei und lässt es zum Teil in Luft auflösen.

ps-tutorials23

Tipps zur Anwendung der einfachen Drittel-Regel

Thema: Grundlagen
Quelle: Easyprint
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

Schneide Bildmaterial weitaus bewusster zu oder baue deine Komposition nach Gestaltungsregeln auf.

ps-tutorials22

Illustrative Rakete

Thema: Zeichnung
Quelle: psdfan
Sprache: Englisch
Schwierigkeitsgrad: 3 von 6

So gestaltest du deine eigene, startklare Rakete.

ps-tutorials21

Flaue Farben? Hier kommt die Photoshop-Frischekur

Thema: Farben kontrollieren
Quelle: DigitalPhoto
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

Mit den richtigen Tricks kannst du in Photoshop so manche trübe Aufnahme wieder strahlen lassen.


Erste Tools aus Photoshops Werkzeugkasten

Thema: Werkzeugleiste
Quelle: Easyprint
Sprache: Deutsch
Schwierigkeitsgrad: 1 von 6

Gezielte Bildaufwertung leicht gemacht!


Noch nicht müde? Hier kommt ein weiterer Schwung an Photoshop-Tutorials!

Wasser in Photoshop simulieren

Thema: Wasser simulieren
Quelle: DigitalPhoto
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Wie du in nur sechs kurzen Schritten eine Wasseroberfläche beziehungsweise Wassertextur mit Photoshop erzeugst.


Color Grading: Photoshop-Effekte wie aus Hollywood

Thema: Bildlooks
Quelle: Photoshop-Tutorials.de
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Kaum ein Kinofilm, der nicht einen besonderen Bildlook zeigt.


Der heißeste Photoshop-Trick

Thema: Feuer erzeugen
Quelle: DigitalPhoto
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Photoshop bietet uns seit Version CC 2014 einen eigenen Flammengenerator an.


So wendet ihr das neue Gesichtswerkzeug an

Thema: Verzerren
Quelle: Designtrax
Sprache: Deutsch
Schwierigkeitsgrad: 3 von 6

Schon immer wurde der Filter Verflüssigen auch in der Beauty-Retusche eingesetzt, doch noch nie war er so einfach zu bedienen.


So optimieren Sie Augen, Lippen und Haare in Photoshop

Thema: Retusche
Quelle: DigitalPhoto
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

Retusche-Techniken für Photoshop beschäftigen sich oft mit der Haut, dabei gibt es noch zahlreiche weitere Bereiche zu entdecken, die sich auf Teilbereiche des Gesichts konzentrieren.


10 Photoshop-Tipps und Tricks, die deine Arbeit stark vereinfachen

Thema: Tipps & tricks
Quelle: Webmasterpro
Sprache: Deutsch
Schwierigkeitsgrad: 2 von 6

Photoshop ist ein komplexes Programm. Kaum jemand kennt deshalb alle Tricks und Kniffe. Dabei gibt es dutzende kleinerer Funktionen und Tastenkürzel zu entdecken, um den Workflow stark zu vereinfachen, die selbst der Profi noch nicht kennt.


Instagram-Effekte in Photoshop simulieren und erweitern

Thema: Bildlooks
Quelle: Designer in Action
Sprache: Deutsch
Schwierigkeitsgrad: 4 von 6

Photoshop kann alle Effekte leicht simulieren, bietet aber weitaus mehr Variationsmöglichkeiten an, da alle Einstellungen jederzeit optimiert und ergänzt werden können.


Das war es fürs Erste. Kennt ihr weitere nachahmenswerte Photoshop-Tutorials? Ja? Dann hinterlasst bitte einen Link in den Kommentaren.

Der Artikel erschien erstmals am 14. Juni 2010 und wird seitdem regelmäßig aktualisiert. Letzte Aktualisierung am 7.11.17 (DO)

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Sonstige Programme

Affinity Designer will das perfekte Werkzeug für UI- und UX-Design sein

Affinity Designer hat sich in rasanter Geschwindigkeit den Ruf erarbeitet, das schnellste, geschmeidigste und präziseste Grafikdesignwerkzeug überhaupt zu sein.  Ein heiß begehrter Apple Design Award und Tausende von 5-Sterne-Bewertungen im Mac-App-Store legen eindrucksvoll Zeugnis darüber ab.

Man kann mit Fug und Recht sagen, dass sich Affinity Designer als revolutionär für alle Kreativen, die an Branding, Icons, Illustrationen, Concept Art und Print-Projekten. arbeiten, erwiesen hat. Mit den neuesten Features der Version 1.5 will Designer nun auch in die Bereiche UI-, UX- und Web-Design vordringen.

Diese 15 Gründe sprechen dafür:

The perfect tool for UI and UX design

1. Ein Komplettpaket

Affinity Designer ist ein professionelles Komplettpaket für grafische Designs und kein spezialisiertes Tool für eine einzelne Aufgabe. Insofern hat es den Anspruch, alle Werkzeuge für die professionelle Erstellung einer Benutzeroberfläche – von intialen Konzepten bis zur Produktion jedes einzelnen Elements  des letztendlichen Ergebnisses – an Bord zu haben.

The complete package

Voll ausgestattet

Alle Tools, die du von einer professionellen Vektor-Design-App erwartest, sind nicht nur da, sondern wurden auch behutsam gestaltet und sorgsam durchdacht für Designer wie dich.

Schnell

Alle deine Arbeitsschritte, seien es Anpassungen, Effekte, Transformationen oder Pinsel, werden in Echtzeit umgesetzt. Pan & Zoom arbeitet mit bis zu 60fps (Frames pro Sekunde), egal wie groß das Projekt ist.

Detailverliebt

Affinity Designer verfügt über die erstaunliche Fähigkeit, um mehr als eine Million Prozent in deine Arbeit einzuzoomen und bietet dann immer noch absolute Präzision in der Bearbeitung.

Kompatibel

Designer arbeitet mit jedem Farbraum, bietet die beste PSD-Importfunktion und unterstützt die Formate SVG, EPS, PDF, PDF/X und FH vollständig.

2. Symbole auf das nächste Level gehoben

Seit v1.5 erlaubt das Symbols-Feature mehrere Instanzen  des gleichen Objekts, wobei das Editieren eines Objekts sich auf alle anderen Instanzen direkt mit auswirkt. So änderst du Piktogramme wie Textbausteine. Das ist aber noch nicht alles – Affinity Designer bietet insgesamt eine komplette Lösung für die Erstellung und das Management deiner Symbolsätze.

Nested Symbols

Verschachtelte Symbole

Mit verschachtelten Symbolen kannst du komplexe Designs dadurch erstellen, dass du eine unbegrenzte Zahl von Ebenen innerhalb einer Ebene verwendest. Dabei bleibt der Workflow trotz aller Komplexität überschaubar und einfach.

In place, real time editing

Echtzeit-Bearbeitung an Ort und Stelle

Die Bearbeitung erfolgt an der Stelle im Design, an der sich das Element befindet. Updates erfolgen unverzüglich, sogar in Echtzeit über alle Versionen. Wenn du also etwa für mehrere Geräte gestaltest, kannst du direkt alle neuen Versionen sehen, wenn du eine bearbeitet hast.

Unlimited versions

Unbegrenzte Anzahl an Versionen

Wenn du einzelne Instanzen deiner Symbole nicht über die eben beschriebene Funktion synchronisieren willst, kannst du sie einfach abkoppeln und dann als indivisuelle Instanz separat bearbeiten. Dabei kannst du entscheiden, welche Eigenschaften nicht synchronisiert werden sollen, seien es Farben, Text, Formen, Größe, Strichstärke oder Effekt – du behältst die volle Kontrolle über die Optik.

3. Designs mit Reaktionsvermögen

Das neue Constraints-Feature erlaubt es dir, die Position oder Größe eines Objekts relativ zu seinem umgebenden Container festzulegen. So erreichst du pseudo-responsive Elemente, die du auf einfache Weise wiederverwenden kannst.

Wenn du für verschiedene Geräte oder ganz responsiv arbeitest, wirst du dieses Feature bald als unverzichtbar ansehen.

Designs that respond example - Before
Designs that respond example - After

4. Auch perfekt für Pixel

Ein herausstechendes Feature von Affinity Designer besteht darin, dass es in der Lage ist, nahtlos mit Vektoren und Pixeln innerhalb des selben Dokuments zu arbeiten. Auf diese Weise entfällt der bisweilen frustrierende Wechsel zwischen verschiedenen Apps.

Comprehensive pixel editing tools

Umfangreiche Tools fürs Pixel-Editing

Die Pixel-Persona ermöglicht dir, mittels eines einfachen Klicks auf Pixel-Editing umzuschalten und bietet eine verblüffende Vielfalt an Auswahl-Werkzeugen und Pinseln.

Real time pixel preview

Echtzeit-Pixel-Vorschau

Damit alles passt, kannst du deine Designs in Echtzeit in einer pixelorientierten Preview anzeigen lassen. So kannst du deine Vektoren umgesetzt in normaler und Retina-Auflösung begutachten, und beurteilen, wie dein Design nach dem Export aussehen wird.

5. Erstaunliche Effekte

Affinity Designers nicht-destruktive Arbeitsweise lässt dich deine UI-Elemente verfeinern und mit vielerlei Filtern und Effekten bearbeiten, darunter Weichzeichner, Glow-Effekte und Schlagschatten. Du kannst jede beliebige Kombination von Effekten, Füllungen und Strichstärken als Style speichern, um sie so einfach auf andere Objekte anzuwenden.

Amazing effects

6. Totale Präzision

Die volle Kontrolle über das Grid mit seiner Einrastfunktion ist eines der Features, das Designer-Nutzer immer wieder begeistert.

Ausrichtungen lassen sich sehr leicht über anpassbare Grids erledigen. Mit v1.5 erfolgen Platzierungen jetzt in Echtzeit, so dass du ein Live-Feedback erhältst, mit dessen Hilfe du die Präzision deines Designs sicherstellen kannst.

Du kannst Affinity Designer so einstellen, dass sich Objekte immer zwingend pixelgenau am vorher eingerichteten Grid ausrichten. Das ist unschlagbar für Web- und UI-Designer. Einmal angelegte Grids mit den Einrast-Optionen lassen sich speichern und immer wieder verwenden.

Total precision example - After

7. Fortgeschrittene Typografie

Ob du nur einen auffälligen Font für eine Überschrift suchst oder Text um eine Form laufen lassen willst, Affinity Designer hilft dir mit professionellen Typografie-Tools. Dabei hast du die volle Kontrolle über typografische Aspekte wie Kerning und andere. Auch an dieser Stelle lassen sich alle Einstellungen speichern und auf anderen Elementen erneut einsetzen.

Advanced typography

8. Inventar-Management

Affinity Designers neues Inventarmanagement ist ein weiterer Aspekt, der den Workflow vereinfacht. Simpler könnte es nicht sein. Du bewegst schlicht Elemente, die du häufiger benötigst per Drag und Drop rein oder raus aus dem Inventar-Panel. Du kannst ausgewachsene Galerien erstellen und in eigenen Ordnern verwalten. Alle Elemente sind so auf jeden Fall zur Hand, wenn du sie brauchst, und das sogar projektübergreifend.

Asset management

9. Große Dokumente verzögerungsfrei

Affinity Designer verfügt über ein sehr fortschrittliches Speichermanagement. Egal, ob du an einem großen Retina-Mockup oder einem Projekt mit Hunderten von Zeichenflächen arbeitest, du wirst keine Verzögerungen bemerken. Alle Bearbeitungen erfolgen in Echtzeit.

Huge documents, zero lag example - Before
Huge documents, zero lag example - After

10. Kompromissloser Export

Unsere dedizierte Export-Persona bietet dir alles, was du brauchst, um deine Werke zu exportieren. Es gibt kaum einen einfacheren Weg, alle deine Elemente in diversen Größen, Auflösungen und Formaten zu exportieren – ideal, wenn du für unterschiedliche Geräte gestaltest. Mit v1.5 kannst du jetzt auch einzelne Export-Ordner definieren, um unterschiedliche Elemente für unterschiedliche Zwecke sauber zu sortieren. Diese Einstellung wirkt dann auch für  zukünftige Exports. Sogar Assets für Xcode und Spine JSON werden automatisch generiert.

Powerful export

11. Skizzenansicht

Je komplexer und farbiger deine Designs werden, desto wichtiger wird es, bei Bedarf auf Skizzenansicht umschalten zu können. So lassen sich vielfach einzelne Ebenen wesentlich leichter selektieren. Mit Designer kannst du die Skizzenansicht sogar als Split-Screen-Anwendung aktivieren.

Outline View

12. Eingebettete Dokumente im Kontext editieren

Es dürfte eines der beeindruckendsten Features sein, das Editieren eingebetteter Dokumente in Echtzeit.

Mit Version 1.5 kommt die häufig gewünschte Kontextbezogenheit bei eingebetteten Dokumenten hinzu. Es ist nunmehr möglich, direkt zwischen den einzelnen Screens oder Seiten zu wechseln und direkt visuell das Design zu beurteilen.Artboard-aware embedded document editing example - Before

13. Unbegrenztes Rückgängigmachen

Affinity Designer merkt sich alles. Du kannst bei Bedarf bis zu 8.000 Schritte rückgängig machen. Das gilt natürlich auch für die umgekehrte Form des Rückgängigmachens, also die Wiederholung eines Arbeitsschritts. Dadurch, dass die Historie mitgespeichert wird, kannst du sogar auf einem anderen Gerät oder in einer anderen Affinity-App darauf zugreifen.

Schnappschüsse sorgen dafür, dass deine Dokumente während der Arbeit immer wieder gespeichert werden, damit dich auch unerwartete Unterbrechungen nicht zurückwerfen.

14. Kostenloses UI-Kit im Wert von 58 USD geschenkt

Sergey Azovskiys großartiges Grade UI-Kit bekommst du beim Kauf des Affinity Designer kostenlos dazu. Mit 10 Kategorien, 100+ Icons und der erstaunlichen Zahl von 1000+ Elementen ist dieses UI-Kit etwas, das du dir nicht entgehen lassen solltest. Falls du es noch nicht bemerkt hast, der Wert des UI-Kit übersteigt den Preis der eigentlichen App!

Free UI kit worth $58

15. Kein Abo, nur einmalig 49,99 Euro

Dein Kauf von Affinity Designer ist nicht mit einem Abo verbunden. Du zahlst nur einmal und erhältst trotzdem alle künftigen Updates.

AFFINITY DESIGNER

Professionelle Grafik-Design-Software

Kaufe die Mac-Version | Kaufe die Windows-Version

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Photoshop

Adobe Photoshop CC: Alle wichtigen Tastaturkürzel/Shortcuts auf einen Blick

Nimm die schnelle Abkürzung durch Photoshop mit dieser Sammlung nützlicher Tastaturkürzel. Einige wirst du schon kennen, wie etwa Strg+J zum Kopieren einer Ebene, andere sind weitaus exotischer, wie etwa Alt+Umschalt+Strg+I für die Dateiinformationen. Dutzende weitere Shortcuts warten darauf, entdeckt zu werden. Und wenn du manche Funktionen nicht verwendest, dann lernst du mit unserem Photoshop-Trick ganz unten am Ende des Beitrags, wie du eigene Tastenkürzel definieren kannst. Die Shortcuts sind gültig für die Windows-Version. Mac-Anwender verwenden statt STRG die Befehls- und statt ALT die Wahltaste.

adobe-creative-cloud
((((Bild: Adobe Creative Cloud Website

Sprungbrett

Datei
Bearbeiten
Bild
Ebene
Auswahl
Filter
Ansicht
Fenster
Hilfe
3D
Ebenen
Protokoll
Werkzeuge
Tastaturbefehle ändern

Anwendungsmenüs

Datei

Befehl Tastaturbefehl
Datei
Neu… Strg+N strgundn
Öffnen… Strg+O strgundo
In Bridge suchen… Alt+Strg+O altstrgo
Öffnen als… Alt+Umschalt+Strg+O altumschaltstrgo
Schließen Strg+W strgw
Alle schließen Alt+Strg+W altstrgw
Schließen und zu Bridge gehen… Umschalt+Strg+W umschaltstrgw
Speichern Strg+S strgs
Speichern unter… Alt+Strg+S altstrgs
Für Web speichern… Alt+Umschalt+Strg+S altumschaltstrgs
Zurück zur letzten Version F12 f12
Exportieren als… Alt+Umschalt+Strg+W
Dateiinformationen… Alt+Umschalt+Strg+I altumschaltstrgi
Drucken… Strg+P strgp
Eine Kopie drucken Alt+Umschalt+Strg+P altumschaltstrgp
Beenden Strg+Q strgq

Seitenanfang

Bearbeiten

Befehl Tastaturbefehl
Bearbeiten
Rückgängig/Wiederholen Strg+Z strgz
Schritt vorwärts Umschalt+Strg+Z umschaltstrgz
Schritt zurück Alt+Strg+Z altstrgz
Verblassen… Umschalt+Strg+F umschaltstrgf
Ausschneiden Strg+X strgx
Kopieren Strg+C strgc
Auf eine Ebene reduziert kopieren Umschalt+Strg+C umschaltstrgc
Einfügen Strg+V strgv
Einfügen Spezial >
An Originalposition einfügen
Umschalt+Strg+V umschaltstrgv
Einfügen Spezial >
In die Auswahl einfügen
Alt+Umschalt+Strg+V altumschaltstrgv
Fläche füllen… Umschalt+F5 umschaltf5
Inhaltsbasiert skalieren Umschalt+Strg+Q umschaltstrgq
Frei transformieren Strg+T strgt
Transformieren > Erneut Umschalt+Strg+T umschaltstrgt
Farbeinstellungen… Umschalt+Strg+K umschaltstrgk
Tastaturbefehle… Alt+Umschalt+Strg+K altumschaltstrgk
Menüs… Alt+Umschalt+Strg+M altumschaltstrgm
Voreinstellungen > Allgemein… Strg+K strgk

Seitenanfang

Bild

Befehl Tastaturbefehl
Bild
Tonwertkorrektur… Strg+L strgl
Gradationskurven… Strg+M strgm
Farbton/Sättigung… Strg+U strgu
Farbbalance… Strg+B strgb
Schwarzweiß… Alt+Umschalt+Strg+B altumschaltstrgb
Umkehren Strg+I strgi
Sättigung verringern Umschalt+Strg+U umschaltstrgu
Auto-Farbton Umschalt+Strg+L umschaltstrgl
Auto-Kontrast Alt+Umschalt+Strg+L altumschaltstrgl
Auto-Farbe Umschalt+Strg+B umschaltstrgb
Bildgröße… Alt+Strg+I altstrgi
Arbeitsfläche… Alt+Strg+C altstrgc

Seitenanfang

Ebene

Befehl Tastaturbefehl
Ebene
Neu > Ebene… Umschalt+Strg+N umschaltstrgn
Neu > Ebene durch Kopie Strg+J strgj
Ebene > Ebene durch Ausschneiden Umschalt+Strg+J umschaltstrgj
Schnittmaske erstellen/entfernen Alt+Strg+G altstrgg
Ebenen gruppieren Strg+G strgg
Ebenengruppierung aufheben Umschalt+Strg+G umschaltstrgg
Anordnen > In den Vordergrund Umschalt+Strg+Ä umschaltstrgä
Anordnen > Schrittweise nach vorne Strg+Ä strgä
Anordnen > Schrittweise nach hinten Strg+# strg
Anordnen > In den Hintergrund Umschalt+Strg+# umschaltstrg
Auf eine Ebene reduzieren Strg+E strge
Sichtbare auf eine Ebene reduzieren Umschalt+Strg+E umschaltstrge
Ebenen fixieren… Strg+/

Seitenanfang

Auswahl

Befehl Tastaturbefehl
Auswahl
Alles auswählen Strg+A strga
Auswahl aufheben Strg+D strgd
Erneut auswählen Umschalt+Strg+D umschaltstrgd
Auswahl umkehren Umschalt+Strg+I umschaltstrgi
Alle Ebenen Alt+Strg+A altstrga
Ebenen suchen Alt+Umschalt+Strg+F altumschaltstrgf
Kante verbessern… Alt+Strg+R altstrgr
Auswahl verändern > Weiche Kante… Umschalt+F6 umschaltf6

Seitenanfang

Filter

Befehl Tastaturbefehl
Filter
Letzter Filter Strg+F strgf
Camera Raw-Filter… Umschalt+Strg+A umschaltstrga
Adaptive Weitwinkelkorrektur… Alt+Umschalt+Strg+A
Objektivkorrektur… Umschalt+Strg+R umschaltstrgr
Verflüssigen… Umschalt+Strg+X umschaltstrgx
Fluchtpunkt… Alt+Strg+V altstrgv

Seitenanfang

Ansicht

Befehl Tastaturbefehl
Ansicht
Farbproof Strg+Y strgy
Farbumfang-Warnung Umschalt+Strg+Y umschaltstrgy
Einzoomen Strg++ strg+
Auszoomen Strg+- strg-
Ganzes Bild Strg+0 strg0
Tatsächliche Pixel Strg+1 strg1
Extras Strg+H strgh
Anzeigen > Zielpfad Umschalt+Strg+H umschaltstrgh
Anzeigen > Raster Alt+Umschalt+Strg+, altumschaltstrgkomma
Anzeigen > Hilfslinien Strg+, strgkomma
Lineale Strg+R strgr
Ausrichten Umschalt+Strg+, umschaltstrgkomma
Hilfslinien sperren Alt+Strg+, altstrgkomma

Seitenanfang

Fenster

Öffnen Tastaturbefehl
Fenster
Design-Bereich (Vorschau) Alt+`
Aktionen F9 f9
Ebenen F7 f7
Farbe F6 f6
Info F8 f8
Pinsel F5 f5

Seitenanfang

Hilfe

Öffnen Tastaturbefehl
Hilfe
Photoshop-Hilfe F1 f1

Seitenanfang

Bedienfeldmenüs

3D

Befehl Tastaturbefehl
3D
Rendern Alt+Umschalt+Strg+R altumschaltstrgr
Polygone ein-/ausblenden Alt+Strg+X
Alles einblenden Alt+Umschalt+Strg+X
3D-Ebene rendern Alt+Umschalt+Strg+R altumschaltstrgr

Seitenanfang

Ebenen

Befehl Tastaturbefehl
Ebenen
Neue Ebene… Umschalt+Strg+N umschaltstrgn
Schnittmaske erstellen/entfernen Alt+Strg+G altstrgg
Auf eine Ebene reduzieren Strg+E strge
Sichtbare auf eine Ebene reduzieren Umschalt+Strg+E umschaltstrge

Seitenanfang

Protokoll

Befehl Tastaturbefehl
Protokoll
Schritt vorwärts Umschalt+Strg+Z umschaltstrgz
Schritt zurück Alt+Strg+Z altstrgz

Seitenanfang

Werkzeuge

Toolleiste

Aktivieren Tastaturbefehl
Werkzeug
verschieben Verschieben-Werkzeug V v
Zeichenflächen-Werkzeug V v
arechteck Auswahlrechteck-Werkzeug M m
aellipse Auswahlellipse-Werkzeug M m
lasso Lasso-Werkzeug L l
polylasso Polygon-Lasso-Werkzeug L l
magnetlasso Magnetisches-Lasso-Werkzeug L l
schnellauswahl Schnellauswahlwerkzeug W w
zauberstab Zauberstab-Werkzeug W w
pipette Pipette-Werkzeug I i
farbaufnahme Farbaufnahme-Werkzeug I i
lineal Linealwerkzeug I i
anmerkungen Anmerkungen-Werkzeug I i
freistellen Freistellungswerkzeug C c
perfrei Perspektivisches Freistellungswerkzeug C c
slice Slice-Werkzeug C c
slicea Slice-Auswahlwerkzeug C c
bereichs Bereichsreparatur-Pinsel J j
reparatur Reparatur-Pinsel J j
ausbessern Ausbessern-Werkzeug J j
iverschieben Inhaltsbasiert verschieben-Werkzeug J j
roteaugen Rote-Augen-Werkzeug J j
pinsel Pinsel B b
buntstift Buntstift-Werkzeug B b
farbe-ersetzen Farbe-ersetzen-Werkzeug B b
mischpinsel Misch-Pinsel B b
kopierstempel Kopierstempel S s
musterstempel Musterstempel S s
protokollpinsel Protokoll-Pinsel Y y
kunst-protokollpinsel Kunst-Protokollpinsel Y y
radiergummi Radiergummi-Werkzeug E e
hintergrund Hintergrund-Radiergummi-Werkzeug E e
magischer Magischer-Radiergummi-Werkzeug E e
verlaufs Verlaufswerkzeug G g
füllwerkzeug Füllwerkzeug G g
abwedler Abwedler-Werkzeug O o
nachbelichter Nachbelichter-Werkzeug O o
schwamm Schwamm-Werkzeug O o
zeichenstift Zeichenstift-Werkzeug P p
freiform Freiform-Zeichenstift-Werkzeug P p
text-werkzeug Horizontales Text-Werkzeug T t
vertikales Vertikales Text-Werkzeug T t
textmaskierungs Horizontales Textmaskierungswerkzeug T t
htextmaskierungs Vertikales Textmaskierungswerkzeug T t
pfadauswahl Pfadauswahl-Werkzeug A a
direktauswahl Direktauswahl-Werkzeug A a
rechteckwerkzeug Rechteck-Werkzeug U u
abgerundetes Abgerundetes-Rechteck-Werkzeug U u
ellipse Ellipse-Werkzeug U u
polygon Polygon-Werkzeug U u
linien Linienzeichner-Werkzeug U u
eigene Eigene-Form-Werkzeug U u
Hand Hand-Werkzeug H h
ansicht-drehen Ansichtdrehung-Werkzeug R r
zoom Zoom-Werkzeug Z z
standardfarben Standardfarben für Vordergrund und Hintergrund D d
sw Vorder- und Hintergrundfarbe vertauschen X x
maskierungsmodus Standard-/Maskierungsmodus auswählen Q q
Anderen Bildmodus auswählen F f
„Transparente Bereiche schützen“ aktivieren/deaktivieren ß ß
Pinselgröße verkleinern Ö ö
Pinselgröße vergrößern # nummern
Kantenschärfe des Pinsels verringern > pfeil
Kantenschärfe des Pinsels erhöhen strich
Vorheriger Pinsel , komma
Nächster Pinsel . punkt
Erster Pinsel ; semi
Letzter Pinsel : doppelpunkt

Seitenanfang

Photoshop-Trick: Eigene Tastenkürzel definieren

Möchtest du Tastaturbefehle anpassen, so gehe im Hauptmenü auf Bearbeiten > Tastaturbefehle. Es öffnet sich ein großes Dialog-Fenster. Du solltest die Voreinstellungen nicht überschreiben, weshalb du auf den Button Neues Set aus aktuellem Tastaturbefehlssatz erstellen klickst (hier rot markiert).

tastenkuerzel-erstellen1

Deine eigene Version könntest du etwa als Photoshop-Standards2.kys abspeichern. Rufe über das „Drop-Down“-Menü die Tastaturbefehle für die Bereiche Anwendungsmenüs, Bedienfeldmenüs und Werkzeuge auf. Um nun einen Eintrag zu ändern, könntest du etwa den kurzen Shortcut Y statt den Protokoll- und Kunstprotokollpinseln dem Wischfinger-Werkzeug zuordnen, das du vielleicht weitaus öfter einsetzt. Klicke dazu neben dem Wischfinger in das Feld und schreibe den Buchstaben hinein.

Es kommt die Warnung, dass dieser Shortcut schon für die Werkzeuge Protokoll-Pinsel und Kunstprotokollpinsel verwendet und bei diesen mit dem Bestätigen entfernt wird. Bist du sicher, so bestätige über die Eingabetaste.

tastenkuerzel-erstellen2

Nach dem Bestätigen über OK lässt sich das Werkzeug über das Tastenkürzel Y aufrufen, die Protokoll-Pinsel dagegen nicht mehr.

(Der Artikel erschien erstmals am 19. Juni 2013 und wird seitdem regelmäßig aktualisiert.)

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Inspiration Photoshop Tutorials

Schnell Photoshop lernen? Besuche diese 20 Anlaufstellen

Es gibt unzählige Orte im Netz, an denen einem versprochen wird, man könne dort Photoshop lernen. Nur, wohin sollst du dich wirklich wenden? Wir haben heute 20 der besten Anlaufstellen für dich zusammengestellt.

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Photoshop

Photoshop: Englisch – Deutsch Übersetzung

Wer im Netz auf eines der zahlreichen englischsprachigen Tutorials stößt, hat mitunter Schwierigkeiten Fachbegriffe der deutschsprachigen Photoshop-Version zuzuordnen. Kein Problem mit dieser Tabelle.

photoshopcc

Wir haben die wichtigsten Begriffe in den Menüeinträgen und Werkzeugleisten gelistet und ins Deutsche übersetzt. Leicht kannst du zum jeweiligen Menüeintrag springen.

Sprungbrett

File | Datei
Edit | Bearbeiten
Image | Bild
Layers | Ebene
Type | Schrift
Analyses | Analyse
Select | Auswahl
Filter | Filter
View | Ansicht
Window | Fenster
Help | Hilfe
3D | 3D
Tools | Werkzeuge
Blendingmodes |Füllmethoden
Sprache der Software ändern

Anwendungsmenüs

File | Datei

Englischer Begriff Deutsche Übersetzung
File    
  New… Neu…
  Open… Öffnen…
  Browse in Bridge… In Bridge suchen…
  Browse in Mini Bridge… In Mini Bridge suchen…
  Open As… Öffnen als…
  Open As Smart Object… Als Smartobjekt öffnen…
  Open Recent… Letzte Dateien öffnen
  Close Schließen
  Close All Alle schließen
  Close and Go to Bridge… Schließen und zu Bridge gehen…
  Save Speichern
  Save As… Speichern unter…
  Check In… Einchecken…
  Save for Web… Für Web speichern…
  Revert Zurück zur letzten Version
  Place Embedded… Platzieren und einbetten…
  Place Linked… Platzieren und verknüpfen…
  Generate > Image Assets Generieren > Bild-Assets
  Import Importieren
  Import > Variable Data Sets… Importieren > Variablen-Datensätze…
  Import > Video Frames To Layers… Importieren > Videoframes in Ebenen…
  Import > Notes… Importieren > Anmerkungen…
  Import > WIA Support Importieren > WIA-Unterstützung
  Export Exportieren
  Export > Quick Export as PNG Exportieren > Schnellexport als PNG
  Export > Export As… Exportieren > Exportieren als…
  Export > Export Preferences Exportieren > Export-Voreinstellungen
  Export > Save for Web (Legacy) Exportieren > Für Web speichern (Legacy)
  Export > Artboards to Files… Exportieren > Zeichenflächen in Dateien…
  Export > Artboards to PDF… Exportieren > Zeichenflächen in PDF…
  Export > Layer Comps to Files… Exportieren > Ebenenkompositionen in Dateien…
  Export > Layer Comps to PDF… Exportieren > Ebenenkompositionen in PDF…
  Export > Layers to Files… Exportieren > Ebenen in Dateien…
  Export > Color Lookup Tables… Exportieren > Color Lookup-Tabellen…
  Export > Data Sets As Files… Exportieren > Datensätze als Dateien…
  Export > Path To Illustrator… Exportieren > Pfade -> Illustrator…
  Export > Render Video… Exportieren > Video rendern…
  Export > Zoomify… Exportieren > Zoomify…
  Share on Behance… Auf Behance teilen…
  Search Adobe Stock… Adobe Stock durchsuchen…
  Package… Verpacken…
  Automate Automatisieren
  Automate > Batch… Automatisieren > Stapelverarbeitung…
  Automate > PDF Presentation… Automatisieren > PDF-Präsentation…
  Automate > Create Droplet… Automatisieren > Droplet erstellen…
  Automate > Crop And Straighten Photos Automatisieren > Fotos freistellen und gerade ausrichten
  Automate > Contact Sheet II… Automatisieren > Kontaktabzug II…
  Automate > Conditional Mode Change… Automatisieren > Bedingte Modusänderung…
  Automate > Fit Image… Automatisieren > Bild einpassen…
  Automate > Lens Correction… Automatisieren > Objektivkorrektur…
  Automate > Photomerge… Automatisieren > Photomerge…
  Automate > Merge To HDR… Automatisieren > Zu HDR Pro zusammenfügen…
  Scripts Skripten
  Scripts > Image Processor… Skripten > Bildprozessor…
  Scripts > Delete All Empty Layers… Skripten > Alle leeren Ebenen löschen
  Scripts > Flatten All Layer Effects Skripten > Alle Ebeneneffekte reduzieren
  Scripts > Flatten ALL Layer Masks Skripten > Alle Masken reduzieren
  Scripts > Layer Comps To Files… Skripten > Ebenenkomp. in Dateien…
  Scripts > Layer Comps To PDF… Skripten > Ebenenkomp. in PDF…
  Scripts > Layer Comps To WPG… Skripten > Ebenenkomp. in WPG…
  Scripts > Export Layers To Files… Skripten > Ebenen in Dateien exportieren…
  Scripts > Scripts Events Manager… Skripten > Skriptereignis-Manager…
  Scripts > Load Files into Stack… Skripten > Dateien in Stapel laden…
  Scripts > Browse… Skripten > Durchsuchen…
  File Info Dateiinformationen…
  Print… Drucken…
  Print One Copy Eine Kopie drucken
  Exit Beenden

Seitenanfang

photoshop-englisch-deutsch1

Edit | Bearbeiten

Englischer Begriff Deutsche Übersetzung
Edit    
  Undo Rückgängig/Wiederholen
  Step Forward Schritt vorwärts
  Step Backward Schritt zurück
  Fade Verblassen…
  Cut Ausschneiden
  Copy Kopieren
  Copy Merged Auf eine Ebene reduziert kopieren
  Paste Einfügen
  Paste Special > Paste In Place Einfügen Spezial >
An Originalposition einfügen
  Paste Special > Paste Into Einfügen Spezial >
In die Auswahl einfügen
  Clear Löschen
  Check Spelling Rechtschreibprüfung
  Find and Replace Text… Text suchen und ersetzen…
  Fill Fläche füllen…
  Stroke Kontur füllen…
  Content Aware Scale Inhaltsbasiert skalieren
  Puppet Warp Formgitter
  Perspective Warp Perspektivisch verzerren
  Free Transform Frei transformieren
  Transform Transformieren
  Transform > Again Transformieren > Erneut
  Transform > Scale Transformieren > Skalieren
  Transform > Rotate Transformieren > Drehen
  Transform > Skew Transformieren > Neigen
  Transform > Distort Transformieren > Verzerren
  Transform > Perspective Transformieren > Perspektivisch
  Transform > Warp Transformieren > Verformen
  Transform > Rotate 180° Transformieren > Um 180 Grad drehen
  Transform > Rotate 90° CW Transformieren > Um 90 Grad im Uhrzeigersinn drehen
  Transform > Rotate 90° CCW Transformieren > Um 90 Grad gegen Uhrzeigersinn drehen
  Transform > Flip Horizontal Transformieren > Horizontal spiegeln
  Transform > Flip Vertical Transformieren > Vertikal spiegeln
  Auto-Align Layers Ebenen automatisch ausrichten…
  Auto-Blend Layers Ebenen automatisch überblenden
  Define Brush Preset Pinselvorgabe festlegen
  Define Pattern Muster festlegen
  Define Custom Shape Eigene Form festlegen
  Purge Entleeren
  Undo Entleeren > Rückgängig
  Clipboard Entleeren > Zwischenablage
  Histories Entleeren > Protokolle
  All Entleeren > Alles
  Video Cache Entleeren > Video Cache
  Adobe PDF Presets Adobe PDF-Vorgaben…
  Preset Vorgaben
  Preset Manager Vorgaben > Vorgaben-Manager
  Migrate Presets Vorgaben > Vorgaben migrieren
  Export/Ipmort Presets Vorgaben > Vorgaben exportieren/importieren
  Remote Connections Remoteverbindungen…
  Color Settings Farbeinstellungen…
  Assign Profile Profil zuweisen
  Convert to Profile In Profil umwandeln
  Keyboard Shortcuts Tastaturbefehle
  Menus Menüs
  Preferences Voreinstellungen

  General Voreinstellungen > Allgemein
  Interface Voreinstellungen > Benutzeroberfläche
  File Handling Voreinstellungen > Dateihandhabung
  Performance Voreinstellungen > Leistung
  Cursors Voreinstellungen > Zeigerdarstellung
  Transparency & Gamut Voreinstellungen > Transparenz & Farbumfang-Warnung
  Units & Rulers Voreinstellungen > Maßeinheiten & Lineale
  Guides, Grid, & Slices Voreinstellungen > Hilfslinien, Raster & Slices
  Plug-Ins Voreinstellungen > Zusatzmodule
  Type Voreinstellungen > Text
  Camera Raw Voreinstellungen > Camera RAW

Seitenanfang

photoshop-englisch-deutsch2

Image | Bild

Englischer Begriff Deutsche Übersetzung
Image    
  Mode Modus
  Mode > Bitmap Modus > Bitmap
  Mode > Grayscale Modus > Graustufen
  Mode > Duotone Modus > Duplex
  Mode > Indexed Color Modus > Indizierte Farbe
  Mode > RGB Color Modus > RGB-Farbe
  Mode > CMYK Color Modus > CMYK-Farbe
  Mode > Lab Color Modus > Lab-Farbe
  Mode > Multichannel Modus > Mehrkanal
  Mode > 8 Bits/Channel Modus > 8-Bit-Kanal
  Mode > 16 Bits/Channel Modus > 16-Bit-Kanal
  Mode > 32 Bits/Channel Modus > 32-Bit-Kanal
  Mode > Color Table Modus > Farbtabelle
  Adjustments Korrekturen
  Adjustments > Brightness/Contrast Korrekturen > Helligkeit/Kontrast
  Adjustments > Levels Korrekturen > Tonwertkorrektur
  Adjustments > Curves Korrekturen > Gradationskurven
  Adjustments > Exposure Korrekturen > Belichtung
  Adjustments > Vibrance Korrekturen > Dynamik
  Adjustments > Hue/Saturation Korrekturen > Farbton/Sättigung
  Adjustments > Color Balance Korrekturen > Farbbalance
  Adjustments > Black & White Korrekturen > Schwarzweiß
  Adjustments > Photo Filter Korrekturen > Fotofilter
  Adjustments > Channel Mixer… Korrekturen > Kanalmixer…
  Adjustments > Color Lookup… Korrekturen > Color Lookup…
  Adjustments > Invert Korrekturen > Umkehren
  Adjustments > Posterize Korrekturen > Tontrennung
  Adjustments > Threshold Korrekturen > Schwellenwert
  Adjustments > Gradient Map Korrekturen > Verlaufsumsetzung
  Adjustments > Selective Color Korrekturen > Selektive Farbkorrektur
  Adjustments > Shadows/Highlights Korrekturen > Tiefen/Lichter
  Adjustments > HDR Toning Korrekturen > HDR-Tonung
  Adjustments > Variations Korrekturen > Variationen
  Adjustments > Desaturate Korrekturen > Sättigung verringern
  Adjustments > Match Color Korrekturen > Gleiche Farbe
  Adjustments > Replace Color Korrekturen > Farbe ersetzen
  Adjustments > Equalize Korrekturen > Tonwertangleichung
  Auto Tone Auto-Farbton
  Auto Contrast Auto-Kontrast
  Auto Color Auto-Farbe
  Image Size Bildgröße
  Canvas Size Arbeitsfläche
  Image Rotation Bilddrehung
  Image Rotation > 180° Bilddrehung > 180°
  Image Rotation > 90° CW Bilddrehung > 90° im UZS
  Image Rotation > 90° CCW Bilddrehung > 90° gegen UZS
  Image Rotation > Arbitrary Bilddrehung > Per Eingabe
  Image Rotation > Flip Canvas Horizontal Bilddrehung > Arbeitsfläche
horizontal spiegeln
  Image Rotation > Flip Canvas Vertical Bilddrehung > Arbeitsfläche
vertikal spiegeln
  Crop Freistellen
  Trim Zuschneiden
  Reveal All Alles einblenden
  Duplicate Duplizieren
  Apply Image Bildberechnungen
  Calculations Kanalberechnungen
  Variables Variablen
  Variables > Define Variablen > Definieren
  Variables > Data Sets Variablen > Datensätze
  Apply Data Set Datensatz anwenden
  Trap Überfüllen

Seitenanfang

photoshop-englisch-deutsch4

Layer | Ebene

Englischer Begriff Deutsche Übersetzung
Layer    
  New Neu
  New > Layer Neu > Ebene
  New > Layer From Background Neu > Ebene aus Hintergrund
  New > Group Neu > Gruppe
  New > Group from Layers Neu > Gruppe aus Ebenen
  New > Layer via Copy Neu > Ebene durch Kopie
  New > Layer via Cut Neu > Ebene durch Ausschneiden
  Duplicate Layers Ebene duplizieren
  Copy CSS CSS duplizieren
  Delete Löschen
  Delete > Layer Löschen > Ebene
  Delete > Hidden Layers Löschen > Ausgeblendete Ebenen
  Layer Properties Ebeneneigenschaften
  Quick Export as PNG Schnellexport als PNG
  Export As… Exportieren als…
  Rename Layer… Ebenen umbenennen…
  Layer Style Ebenenstil
  Layer Style > Blending Options Ebenenstil > Fülloptionen
  Layer Style > Drop Shadow Ebenenstil > Schlagschatten
  Layer Style > Inner Shadow Ebenenstil > Schatten nach innen
  Layer Style > Outer Glow Ebenenstil > Schein nach außen
  Layer Style > Inner Glow Ebenenstil > Schein nach innen
  Layer Style > Bevel an Emboss Ebenenstil > Abgeflachte Kante und Relief
  Layer Style > Satin Ebenenstil > Glanz
  Layer Style > Color Overlay Ebenenstil > Farbüberlagerung
  Layer Style > Gradient Overlay Ebenenstil > Verlaufsüberlagerung
  Layer Style > Pattern Overlay Ebenenstil > Musterüberlagerung
  Layer Style > Stroke Ebenenstil > Kontur
  Layer Style > Copy Layer Style Ebenenstil > Ebenenstil kopieren
  Layer Style > Paste Layer Style Ebenenstil > Ebenenstil einfügen
  Layer Style > Clear Layer Style Ebenenstil > Ebenenstil löschen
  Layer Style > Global Light Ebenenstil > Globaler Lichteinfall
  Layer Style > Create Layer Ebenenstil > Ebene erstellen
  Layer Style > Hide All Effects Ebenenstil > Alle Effekte ausblenden
  Layer Style > Scale Effects Ebenenstil > Effekte skalieren
  Smart Filter Smartfilter
  Smart Filter > Disable Smart Filters Smartfilter > Mehrere Smartfilter deaktivieren
  Smart Filter > Delete Filter Mask Smartfilter > Filtermaske löschen
  Smart Filter > Disable Filter Mask Smartfilter > Filtermaske deaktivieren
  Smart Filter > Clear Smart Filters Smartfilter > Smartfilter löschen
  New Fill Layer Neue Füllebene
  New Fill Layer > Solid Color Neue Füllebene > Volltonfarbe
  New Fill Layer > Gradient Neue Füllebene > Verlauf
  New Fill Layer > Pattern Neue Füllebene > Muster
  New Adjustment Layer Neue Einstellungsebene
  New Adjustment Layer > Brightness/Contrast Neue Einstellungsebene > Helligkeit/Kontrast
  New Adjustment Layer > Levels Neue Einstellungsebene > Tonwertkorrektur
  New Adjustment Layer > Curves Neue Einstellungsebene > Gradationskurven
  New Adjustment Layer > Exposure Neue Einstellungsebene > Belichtung
  New Adjustment Layer > Vibrance Neue Einstellungsebene > Dynamik
  New Adjustment Layer > Hue/Saturation Neue Einstellungsebene > Farbton/Sättigung
  New Adjustment Layer > Color Balance Neue Einstellungsebene > Farbbalance
  New Adjustment Layer > Black & White Neue Einstellungsebene > Schwarzweiß
  New Adjustment Layer > Photo Filter Neue Einstellungsebene > Fotofilter
  New Adjustment Layer > Chanel Mixer Neue Einstellungsebene > Kanalmixer
  New Adjustment Layer > Invert Neue Einstellungsebene > Umkehren
  New Adjustment Layer > Posterize Neue Einstellungsebene > Tontrennung
  New Adjustment Layer > Threshold Neue Einstellungsebene > Schwellenwert
  New Adjustment Layer > Gradient Map Neue Einstellungsebene > Verlaufsumsetzung
  New Adjustment Layer > Selective Color Neue Einstellungsebene > Selektive Farbkorrektur
  Layer Content Options Ebeneninhalt-Optionen
  Layer Mask Ebenenmaske
  Layer Mask > Reveal All Ebenenmaske > Alle einblenden
  Layer Mask > Hide All Ebenenmaske > Alle ausblenden
  Layer Mask > Reveal Selection Ebenenmaske > Auswahl einblenden
  Layer Mask > Hide Selection Ebenenmaske > Auswahl ausblenden
  Layer Mask > Delete Ebenenmaske > Löschen
  Layer Mask > Apply Ebenenmaske > Anwenden
  Layer Mask > Enable Ebenenmaske > Aktivieren
  Layer Mask > Link Ebenenmaske > Verknüpfen
  Vector Mask Vektormaske
  Vector Mask > Reveal All Vektormaske > Alle einblenden
  Vector Mask > Hide All Vektormaske > Alle ausblenden
  Vector Mask > Current Path Vektormaske > Aktueller Pfad
  Vector Mask > Delete Vektormaske > Löschen
  Vector Mask > Enable Vektormaske > Aktivieren
  Vector Mask > Link Vektormaske > Verknüpfen
  Create Clipping Mask Schnittmaske erstellen
  Smart Objects Smart-Objekte
  Smart Objects > Convert to Smart Object Smart-Objekte > In Smart-Objekt konvertieren
  Smart Objects > New Smart Object via Copy Smart-Objekte > Neues Smart-Objekt durch Kopie
  Smart Objects > Edit Contents Smart-Objekte > Inhalt bearbeiten
  Smart Objects > Export Contents Smart-Objekte > Inhalt exportieren
  Smart Objects > Replace Contents Smart-Objekte > Inhalt ersetzen
  Smart Objects > Stack Mode Smart-Objekte > Stapelmodus
  Smart Objects > Stack Mode > None Smart-Objekte > Stapelmodus > Ohne
  Smart Objects > Stack Mode > Entropy Smart-Objekte > Stapelmodus > Entropie
  Smart Objects > Stack Mode > Kurtosis Smart-Objekte > Stapelmodus > Kurtosis
  Smart Objects > Stack Mode > Maximum Smart-Objekte > Stapelmodus > Maximum
  Smart Objects > Stack Mode > Mean Smart-Objekte > Stapelmodus > Arithmetisches Mittel
  Smart Objects > Stack Mode > Median Smart-Objekte > Stapelmodus > Median
  Smart Objects > Stack Mode > Minimum Smart-Objekte > Stapelmodus > Minimum
  Smart Objects > Stack Mode > Range Smart-Objekte > Stapelmodus > Bereich
  Smart Objects > Stack Mode > Skewness Smart-Objekte > Stapelmodus > Neigung
  Smart Objects > Stack Mode > Standard Deviation Smart-Objekte > Stapelmodus > Standardabweichung
  Smart Objects > Stack Mode > Summation Smart-Objekte > Stapelmodus > Summe
  Smart Objects > Stack Mode > Variance Smart-Objekte > Stapelmodus > Varianz
  Smart Objects > Rasterize Smart-Objekte > Rastern
  Video Layers Videoebenen
  Video Layers > New Video Layer form File Videoebenen > Neue Videoebene aus Datei
  Video Layers > New Blank Video Layer Videoebenen > Neue leere Videoebene
  Video Layers > Insert Blank Frame Videoebenen > Leeren Frame einfügen
  Video Layers > Duplicate Frame Videoebenen > Frame duplizieren
  Video Layers > Delete Frame Videoebenen > Frame löschen
  Video Layers > Replace Footage Videoebenen > Footage ersetzen
  Video Layers > Interpret Footage Videoebenen > Footage interpretieren
  Video Layers > Show Altered Video Videoebenen > Geändertes Video anzeigen
  Video Layers > Restore Frame Videoebenen > Frame wiederherstellen
  Video Layers > Restore All Frames Videoebenen > Alle Frames wiederherstellen
  Video Layers > Reload Frame Videoebenen > Frame neu laden
  Video Layers > Rasterize Videoebenen > Rastern
  Type Text
  Type > Create Work Path Text > Arbeitspfad erstellen
  Type > Convert to Shape Text > In Form umwandeln
  Type > Horizontal Text > Horizontal
  Type > Vertical Text > Vertikal
  Type > Anti-Alias None Text > Glätten: Ohne
  Type > Anti-Alias Sharp Text > Glätten: Scharf
  Type > Anti-Alias Crisp Text > Glätten: Schärfer
  Type > Anti-Alias Strong Text > Glätten: Stark
  Type > Anti-Alias Smooth Text > Glätten: Abrunden
  Type > Convert to Point Text Text > In Punkttext konvertieren
  Type > Warp Text Text > Text verkrümmen
  Type > Update All Text Layers Text > Alle Textebenen aktualisieren
  Type > Replace All Missing Fonts Text > Alle fehlenden Schriften ersetzen
  Rasterize Rastern
  Rasterize > Type Rastern > Text
  Rasterize > Shape Rastern > Form
  Rasterize > Fill Content Rastern > Füllfläche
  Rasterize > Vector Mask Rastern > Vektormaske
  Rasterize > Smart Object Rastern > Smart Object
  Rasterize > Video Rastern > Video
  Rasterize > 3D Rastern > 3D
  Rasterize > Layers Rastern > Ebene
  Rasterize > All Layers Rastern > Alle Ebenen
  New Layer Based Slices Neues ebenenbasiertes Slice
  Group Layers Ebenen gruppieren
  Ungroup Layers Ebenengruppierung aufheben
  Hide Layers Ebenen ausblenden
  Arrange Anordnen
  Arrange > Bring to Front Anordnen > In den Vordergrund
  Arrange > Bring Forwart Anordnen > Schrittweise nach vorne
  Arrange > Send Backward Anordnen > Schrittweise nach hinten
  Arrange > Send to Back Anordnen > In den Hintergrund
  Arrange > Reverse Anordnen > Umkehren
  Align Ebenen an Auswahl
ausrichten
  Align > Top Edges Ebenen an Auswahl
ausrichten > Obere Kanten
  Align > Vertical Centers Ebenen an Auswahl
ausrichten > Vertikale Mitten
  Align > Bottom Edges Ebenen an Auswahl
ausrichten > Untere Kanten
  Align > Left Edges Ebenen an Auswahl
ausrichten > Linke Kanten
  Align > Horizontal Centers Ebenen an Auswahl
ausrichten > Horizontale Mitten
  Align > Right Edges Ebenen an Auswahl
ausrichten > Rechte Kanten
  Distribute Verteilen
  Distribute > Top Edges Verteilen > Obere Kanten
  Distribute > Vertical Centers Verteilen > Vertikale Mitten
  Distribute > Bottom Edges Verteilen > Untere Kanten
  Distribute > Left Edges Verteilen > Linke Kanten
  Distribute > Horizontal Centers Verteilen > Horizontale Mitten
  Distribute > Right Edges Verteilen > Rechte Kanten
  Lock Layers Ebenen fixieren
  Link Layers Ebenen verbinden
  Select Linked Layers Verbundene Ebenen auswählen
  Merge Layers Auf eine Ebene reduzieren
  Merge Visible Sichtbare auf eine
Ebene reduzieren
  Flatten Image Auf Hintergrundebene reduzieren
  Matting Basis
  Matting > Defringe Basis > Rand entfernen
  Matting > Remove Black Matte Basis > Schwarz entfernen
  Matting > Remove White Matte Basis > Weiß entfernen

Seitenanfang

photoshop-englisch-deutsch3

Type | Schrift

Englischer Begriff Deutsche Übersetzung
Type    
  Add Fonts from Typekit… Schriften aus Typekit hinzufügen…
  Panels > Character Panel Bedienfelder > Zeichenbedienfeld
  Panels > Paragraph Panel Bedienfelder > Absatzbedienfeld
  Panels > Character Styles Panel Bedienfelder > Zeichenformatebedienfeld
  Panels > Paragraph Styles Panel Bedienfelder > Absatzformatebedienfeld
  Anti-Alias > None Antialiasing > Ohne
  Anti-Alias > Sharp Antialiasing > Scharf
  Anti-Alias > Crisp Antialiasing > Schärfer
  Anti-Alias > Strong Antialiasing > Stark
  Anti-Alias > Amooth Antialiasing > Abrunden
  Anti-Alias > Windows-LCD Antialiasing > Windows-LCD
  Anti-Alias > Windows Antialiasing > Windows
  Orientation > Horizontal Ausrichtung > Horizontal
  Orientation > Vertical Ausrichtung > Vertikal
  Extrude to 3D Als 3D extrudieren
  Create Work Path Arbeitspfad erstellen
  Convert to Shape In Form umwandeln
  Rasterize Type Layer Textebene rastern
  Covert to Point Text In Punkttext konvertieren
  Warp Text Text verformen
  Match Font Passende Schrift finden…
  Font Preview Size > None, Small, Medium, Large, Extra Large, Huge Vorschaugröße für Schrift > Ohne, Klein, Mittel, Groß, Sehr groß, Riesig
  Language Options Sprachoptionen
  Update All Text Layers Alle Textebenen aktualisieren
  Replace All Missing Fonts Alle fehlenden Schriften ersetzen
  Paste Lorem Ipsum Platzhaltertext einfügen
  Load Default Type Styles Standardschriftstile laden
  Save Default Type Styles Standardschriftstile speichern

Seitenanfang

photoshop-englisch-deutsch5

Analyses | Analyse

Englischer Begriff Deutsche Übersetzung
Analyses    
  Set Measurement Scale Messskala festlegen
  Set Measurement Scale > Default Messskala festlegen > Standard
  Set Measurement Scale > Custom Messskala festlegen > Benutzerdefiniert
  Select Data Points Datenpunkte auswählen
  Select Data Points > Custom Datenpunkte auswählen > Benutzerdefiniert
  Record Measurements Messungen aufzeichnen
  Ruler Tool Linealwerkzeug
  Count Tool Zählungswerkzeug
  Place Scale Marker Skalenmarkierung platzieren

Seitenanfang

Select | Auswahl

Englischer Begriff Deutsche Übersetzung
Select    
  All Alles Auswählen
  Deselect Auswahl aufheben
  Reselect Erneut auswählen
  Inverse Auswahl umkehren
  All Layers Alle Ebenen
  Deselect Layers Ebenenauswahl aufheben
  Similar Layers Ähnliche Ebenen
  Find Layers Ebenen finden
  Isolate Layers Ebenen isolieren
  Color Range Farbbereich
  Focus Area Fokusbereich
  Select and Mask… Auswählenn und maskieren…
  Refine Edge Kante verbessern
  Modify Auswahl verändern
  Modify > Border Auswahl verändern > Rand
  Modify > Smooth Auswahl verändern > Abrunden
  Modify > Expand Auswahl verändern > Erweitern
  Modify > Contract Auswahl verändern > Verkleinern
  Modify > Feather Auswahl verändern > Weiche Kante
  Grow Auswahl vergrößern
  Similar Ähnliches auswählen
  Transform Selection Auswahl transformieren
  Edit in Quick Mask Mode Im Maskierungsmodus
bearbeiten
  Load Selection Auswahl laden
  Save Selection Auswahl speichern

Seitenanfang

photoshop-englisch-deutsch6

Filter | Filter

Englischer Begriff Deutsche Übersetzung
Filter    
  Last Filter Letzter Filter
  Convert for Smart Filters Für Smartfilter konvertieren
  Filter Gallery Filtergalerie
  Liquify Verflüssigen
  Vanishing Point Fluchtpunkt
  Artistic Kunstfilter
  Artistic > Colored Pencil Kunstfilter > Buntstiftschraffur
  Artistic > Cutout Kunstfilter > Farbpapier-Collage
  Artistic > Dry Brush Kunstfilter > Grobe Malerei
  Artistic > Film Grain Kunstfilter > Körnung & Aufhellung
  Artistic > Fresco Kunstfilter > Fresko
  Artistic > Neon Glow Kunstfilter > Neonschein
  Artistic > Paint Daubs Kunstfilter > Ölfarbe getupft
  Artistic > Palette Knife Kunstfilter > Malmesser
  Artistic > Plastic Wrap Kunstfilter > Kunststofffolie
  Artistic > Poster Edges Kunstfilter > Tontrennung &
Kantenbetonung
  Artistic > Rough Pastels Kunstfilter > Grobes Pastell
  Artistic > Smudge Stick Kunstfilter > Diagonal verwischen
  Artistic > Sponge Kunstfilter > Schwamm
  Artistic > Underpainting Kunstfilter > Malgrund
  Artistic > Watercolor Kunstfilter > Aquarell
  Blur Weichzeichnungsfilter
  Blur > Average Weichzeichnungsfilter > Durchschnitt berechnen
  Blur > Blur Weichzeichnungsfilter > Weichzeichnen
  Blur > Blur More Weichzeichnungsfilter > Stärker weichzeichnen
  Blur > Box Blur Weichzeichnungsfilter > Feld weichzeichnen
  Blur > Gaussian Blur Weichzeichnungsfilter > Gaußscher Weichzeichner
  Blur > Lens Blur Weichzeichnungsfilter > Tiefenschärfe abmildern
  Blur > Motion Blur Weichzeichnungsfilter > Bewegungsunschärfe
  Blur > Radial Blur Weichzeichnungsfilter > Radialer Weichzeichner
  Blur > Shape Blur Weichzeichnungsfilter > Form weichzeichnen
  Blur > Smart Blur Weichzeichnungsfilter > Selektiver Weichzeichner
  Blur > Surface Blur Weichzeichnungsfilter > Matter machen
  Blur Gallery Weichzeichnungsgalerie
  Blur Gallery > Field Blur… Weichzeichnungsgalerie > Feld-Weichzeiochnung…
  Blur Gallery > Iris Blur… Weichzeichnungsgalerie > Iris-Weichzeichnung…
  Blur Gallery > Til-Shift… Weichzeichnungsgalerie > Tilt-Shift…
  Blur Gallery > Path Blur… Weichzeichnungsgalerie > Pfad-Weichzeichnung…
  Blur Gallery > Spin Blur… Weichzeichnungsgalerie > Kreisförmige Weichzeichnung…
  Brush Strokes Malfilter
  Brush Strokes > Accented Edges Malfilter > Kanten betonen
  Brush Strokes > Angled Strokes Malfilter > Gekreuzte Malstriche
  Brush Strokes > Crosshatch Malfilter > Kreuzschraffur
  Brush Strokes > Dark Strokes Malfilter > Dunkle Malstriche
  Brush Strokes > Ink Outlines Malfilter > Konturen mit Tinte
nachzeichnen
  Brush Strokes > Spatter Malfilter > Spritzer
  Brush Strokes > Sprayed Strokes Malfilter > Verwackelte Striche
  Brush Strokes > Sumi-e Malfilter > Sumi-e
  Distort Verzerrungsfilter
  Distort > Diffuse Glow Verzerrungsfilter > Weiches Licht
  Distort > Displace Verzerrungsfilter > Versetzen
  Distort > Glass Verzerrungsfilter > Glas
  Distort > Lens Correction Verzerrungsfilter > Objektivkorrektur
  Distort > Ocean Ripple Verzerrungsfilter > Ozeanwellen
  Distort > Pinch Verzerrungsfilter > Distorsion
  Distort > Polar Coordinates Verzerrungsfilter > Polarkoordinaten
  Distort > Ripple Verzerrungsfilter > Kräuseln
  Distort > Shear Verzerrungsfilter > Verbiegen
  Distort > Spherize Verzerrungsfilter > Wölben
  Distort > Twirl Verzerrungsfilter > Strudel
  Distort > Wave Verzerrungsfilter > Schwingungen
  Distort > ZigZag Verzerrungsfilter > Wellen
  Noise Rauschfilter
  Noise > Add Noise Rauschfilter > Rauschen hinzufügen
  Noise > Despeckle Rauschfilter > Rauschen entfernen
  Noise > Dust & Scratches Rauschfilter > Staub und Kratzer
  Noise > Median Rauschfilter > Helligkeit interpolieren
  Noise > Reduce Noise Rauschfilter > Rauschen reduzieren
  Pixelate Vergröberungsfilter
  Pixelate > Color Halftone Vergröberungsfilter > Farbraster
  Pixelate > Crystallize Vergröberungsfilter > Kristallisieren
  Pixelate > Facet Vergröberungsfilter > Facetteneffekt
  Pixelate > Fragment Vergröberungsfilter > Verwackelungseffekt
  Pixelate > Mezzotint Vergröberungsfilter > Mezzotint
  Pixelate > Mosaic Vergröberungsfilter > Mosaikeffekt
  Pixelate > Pointillize Vergröberungsfilter > Punktieren
  Render Renderfilter
  Render > Clouds Renderfilter > Wolken
  Render > Difference Clouds Renderfilter > Differenz-Wolken
  Render > Fibers Renderfilter > Fasern
  Render > Lens Flare Renderfilter > Blendenflecke
  Render > Lighting Effects Renderfilter > Beleuchtungseffekte
  Sharpen Scharfzeichnungsfilter
  Sharpen > Sharpen Scharfzeichnungsfilter > Scharfzeichnen
  Sharpen > Sharpen Edges Scharfzeichnungsfilter > Konturen scharfzeichnen
  Sharpen > Sharpen More Scharfzeichnungsfilter > Stärker scharfzeichnen
  Sharpen > Smart Sharpen Scharfzeichnungsfilter > Selektiver Scharfzeichner
  Sharpen > Unsharp Mask Scharfzeichnungsfilter > Unscharf maskieren
  Sketch Zeichenfilter
  Sketch > Bas Relief Zeichenfilter > Basrelief
  Sketch > Chalk & Charcoal Zeichenfilter > Kreide & Kohle
  Sketch > Charcoal Zeichenfilter > Kohleumsetzung
  Sketch > Chrome Zeichenfilter > Chrom
  Sketch > Conté Crayon Zeichenfilter > Conté-Stifte
  Sketch > Graphic Pen Zeichenfilter > Strichumsetzung
  Sketch > Halftone Pattern Zeichenfilter > Rasterungseffekt
  Sketch > Note Paper Zeichenfilter > Prägepapier
  Sketch > Photocopy Zeichenfilter > Fotokopie
  Sketch > Plaster Zeichenfilter > Stuck
  Sketch > Reticulation Zeichenfilter > Punktierstrich
  Sketch > Stamp Zeichenfilter > Stempel
  Sketch > Torn Edges Zeichenfilter > Gerissene Kanten
  Sketch > Water Paper Zeichenfilter > Feuchtes Papier
  Stylize Stilisierungsfilter
  Stylize > Diffuse Stilisierungsfilter > Korneffekt
  Stylize > Emboss Stilisierungsfilter > Relief
  Stylize > Extrude Stilisierungsfilter > Extrudieren
  Stylize > Find Edges Stilisierungsfilter > Konturen finden
  Stylize > Glowing Edges Stilisierungsfilter > Leuchtende Konturen
  Stylize > Solarize Stilisierungsfilter > Solarisation
  Stylize > Tiles Stilisierungsfilter > Kacheleffekt
  Stylize > Trace Contour Stilisierungsfilter > Konturen nachzeichnen
  Stylize > Wind Stilisierungsfilter > Windeffekt
  Texture Strukturierungsfilter
  Texture > Craquelure Strukturierungsfilter > Risse
  Texture > Grain Strukturierungsfilter > Körnung
  Texture > Mosaic Tiles Strukturierungsfilter > Buntglas-Mosaik
  Texture > Patchwork Strukturierungsfilter > Patchwork
  Texture > Stained Glass Strukturierungsfilter > Kacheln
  Texture > Texturizer Strukturierungsfilter > Mit Struktur versehen
  Video Videofilter
  Video > De-Interlace Videofilter > De-Interlace
  Video > NTSC Colors Videofilter > NTSC-Farben
  Other Sonstige Filter
  Other > Custom Sonstige Filter > Eigener Filter
  Other > High Pass Sonstige Filter > Hochpass
  Other > Maximum Sonstige Filter > Dunkle Bereiche vergrößern
  Other > Minimum Sonstige Filter > Helle Bereiche vergrößern
  Other > Offset Sonstige Filter > Verschiebungseffekt
  Digimarc Digimarc
  Digimarc > Embed Watermark Digimarc > Mit Wasserzeichen versehen
  Digimarc > Read Watermark Digimarc > Wasserzeichen anzeigen
  Browse Filters Online Filter durchsuchen

Seitenanfang

photoshop-englisch-deutsch7

3D | 3D

Englischer Begriff Deutsche Übersetzung
3D    
  New Layer from 3D File Neue Ebene aus 3D-Datei
  New 3D Postcard From Layer Neue 3D-Postkarte aus Ebene
  New Shape From Layer Neue Form aus Ebene
  New Shape From Layer > Cone Neue Form aus Ebene > Kegel
  New Shape From Layer > Cube Neue Form aus Ebene > Würfel
  New Shape From Layer > Cylinder Neue Form aus Ebene > Zylinder
  New Shape From Layer > Donut Neue Form aus Ebene > Donut
  New Shape From Layer > Hat Neue Form aus Ebene > Hut
  New Shape From Layer > Pyramid Neue Form aus Ebene > Pyramide
  New Shape From Layer > Ring Neue Form aus Ebene > Ring
  New Shape From Layer > Soda Can Neue Form aus Ebene > Softdrink-Dose
  New Shape From Layer > Sphere Neue Form aus Ebene > Kugel
  New Shape From Layer > Spherical Panorama Neue Form aus Ebene > Kugelförmiges Panorama
  New Shape From Layer > Wine Bottle Neue Form aus Ebene > Weinflasche
  New Mesh From Grayscale Neues Mesh aus Graustufen
  New Mesh From Grayscale > Plane Neues Mesh aus Graustufen > Ebene
  New Mesh From Grayscale > Two-Sided Plane Neues Mesh aus Graustufen > Zweiseitige Ebene
  New Mesh From Grayscale > Cylinder Neues Mesh aus Graustufen > Zylinder
  New Mesh From Grayscale > Sphere Neues Mesh aus Graustufen > Kugel
  New Volume From Layers Neues Volumen aus Ebenen
  Render Settings Rendereinstellungen
  Auto-Hide Layer For
Performance
Ebenen zur
Leistungsverbesserung
automatisch ausblenden
  Hide Nearest Surface Angrenzende Oberfläche
ausblenden
  Only Hide Enclosed Polygons Nur eingeschlossene
Polygone ausblenden
  Invert Visible Surfaces Sichtbare Oberflächen
umkehren
  Reveal All Surfaces Alle Oberflächen einblenden
  3D Paint Mode 3D-Farbmodus
  3D Paint Mode > Diffuse 3D-Farbmodus > Diffus
  3D Paint Mode > Bump 3D-Farbmodus > Bump
  3D Paint Mode > Glossiness 3D-Farbmodus > Glanzlicht
  3D Paint Mode > Opacity 3D-Farbmodus > Deckkraft
  3D Paint Mode > Shininess 3D-Farbmodus > Größe des Glanzlichtes
  3D Paint Mode > Self-Illumination 3D-Farbmodus > Eigenleuchten
  3D Paint Mode > Reflectivity 3D-Farbmodus > Spiegelung
  Select Paintable Areas Malbereiche auswählen
  Create UV Overlays UV-Überlagerungen erstellen
  Create UV Overlays > Diffuse UV-Überlagerungen erstellen > Diffus
  Create UV Overlays > Bump UV-Überlagerungen erstellen > Bump
  Create UV Overlays > Glossiness UV-Überlagerungen erstellen > Glanzlicht
  Create UV Overlays > Opacity UV-Überlagerungen erstellen > Deckkraft
  Create UV Overlays > Shininess UV-Überlagerungen erstellen > Größe des Glanzlichtes
  Create UV Overlays > Self-Illumination UV-Überlagerungen erstellen > Eigenleuchten
  Create UV Overlays > Reflectivity UV-Überlagerungen erstellen > Spiegelung
  Export 3D Layers 3D-Ebene exportieren
  Render for Final Output Für endgültige
Ausgabe rendern
  Rasterize Rastern
  Browse 3D Content Online 3D-Inhalt online durchsuchen

Seitenanfang

View | Ansicht

Englischer Begriff Deutsche Übersetzung
View    
  Proof Setup Proof einrichten
  Proof Setup > Custom Proof einrichten > Benutzerdefiniert
  Proof Setup > Working CMYK Proof einrichten > CMYK-Arbeitsfarbraum
  Proof Setup > Working Cyan Plate Proof einrichten > Cyan-Platte Arbeitsfarbraum
  Proof Setup > Working Magenta Plate Proof einrichten > Magenta-Platte
Arbeitsfarbraum
  Proof Setup > Working Yellow Plate Proof einrichten > Gelbe Platte Arbeitsfarbraum
  Proof Setup > Working Black Plate Proof einrichten > Schwarze Platte
Arbeitsfarbraum
  Proof Setup > Working CMY Plates Proof einrichten > CMY-Platten Arbeitsfarbraum
  Proof Setup > Macintosh RGB Proof einrichten > Macintosh-RGB
  Proof Setup > Windows RGB Proof einrichten > Windows-RGB
  Proof Setup > Monitor RGB Proof einrichten > Monitor-RGB
  Proof Setup > Color Blindness –
Protanopia-type
Proof einrichten > Farbenblindheit (Protanopie)
  Proof Setup > Color Blindness –
Deuteranopia-type
Proof einrichten > Farbenblindheit
(Deuteranopie)
  Proof Colors Farbproof
  Gamut Warning Farbumfang-Warnung
  Pixel Aspect Ratio Pixel-Seitenverhältnis
  Pixel Aspect Ratio > Custom Pixel Aspect Ratio Pixel-Seitenverhältnis > Eigenes Pixel-
Seitenverhältnis
  Pixel Aspect Ratio > Delete Pixel Aspect Ratio Pixel-Seitenverhältnis > Pixel-Seitenverhältnis
löschen
  Pixel Aspect Ratio > Reset Pixel Aspect Ratio Pixel-Seitenverhältnis > Pixel-Seitenverhältnis
zurücksetzen
  Pixel Aspect Ratio > Square Pixel-Seitenverhältnis > Quadratisch
  Pixel Aspect Ratio > D1/DV NTSC (0,91) Pixel-Seitenverhältnis > D1/DV NTSC (0,91)
  Pixel Aspect Ratio > D1/DV PAL (1,09) Pixel-Seitenverhältnis > D1/DV PAL (1,09)
  Pixel Aspect Ratio > D1/DV NTSC
Widescreen (1,21)
Pixel-Seitenverhältnis > D1/DV NTSC Format (1,21)
  Pixel Aspect Ratio > HDV 1080/DVCPRO
HD 720 (1,33)
Pixel-Seitenverhältnis > HDV 1080/DVCPRO
HD 720 (1,33)
  Pixel Aspect Ratio > D1/DV PAL Widescreen (1,46) Pixel-Seitenverhältnis > D1/DV PAL Format (1,46)
  Pixel Aspect Ratio > Anamorphic 2:1 (2) Pixel-Seitenverhältnis > Anamorphisch 2:1 (2)
  Pixel Aspect Ratio > DVCPRO HD 1080 (1,5) Pixel-Seitenverhältnis > DVCPRO HD 1080 (1,5)
  Pixel Aspect Ratio Correction Pixelseitenverhältnis-Korrektur
  32-bit Preview Options 32-Bit-Vorschauoptionen
  Zoom In Einzoomen
  Zoom Out Auszoomen
  Fit on Screen Ganzes Bild
  Actual Pixels Tatsächliche Pixel
  Print Size Druckformat
  Screen Mode Bildschirmmodus
  Screen Mode > Standard Screen Mode Bildschirmmodus > Standardmodus
  Screen Mode > Full Screen Mode
With Menu Bar
Bildschirmmodus > Vollbildmodus mit Menüleiste
  Screen Mode > Full Screen Mode Bildschirmmodus > Vollbildmodus
  Extras Extras
  Show Einblenden
  Show > Layer Edges Einblenden > Ebenenkanten
  Show > Selection Edges Einblenden > Auswahlkanten
  Show > Target Path Einblenden > Zielpfad
  Show > Grid Einblenden > Raster
  Show > Guides Einblenden > Hilfslinien
  Show > Count Einblenden > Zählung
  Show > Smart Guides Einblenden > Magnetische Hilfslinien
  Show > Slices Einblenden > Slices
  Show > Notes Einblenden > Anmerkungen
  Show > 3D Axis Einblenden > 3D-Achse
  Show > All Einblenden > Alles
  Show > None Einblenden > Nichts
  Show > Show Extras Options Einblenden > Extra-Optionen einblenden
  Rulers Lineale
  Snap Ausrichten
  Snap To Ausrichten an
  Snap To > Guides Ausrichten an > Hilfslinien
  Snap To > Grid Ausrichten an > Raster
  Snap To > Layers Ausrichten an > Ebenen
  Snap To > Slices Ausrichten an > Slices
  Snap To > Document Bounds Ausrichten an > Dokumentbegrenzungen
  Snap To > All Ausrichten an > An allen ausrichten
  Snap To > None Ausrichten an > An nichts ausrichten
  Lock Guides Hilfslinien sperren
  Clear Guides Hilfslinien löschen
  New Guide Neue Hilfslinie
  Lock Slices Slices fixieren
  Clear Slices Slices löschen

Seitenanfang

Window | Fenster

Englischer Begriff Deutsche Übersetzung
Window    
  Arrange Anordnen
  Arrange > Cascade Anordnen > Überlappend
  Arrange > Tile Anordnen > Nebeneinander
  Arrange > Float in Window Anordnen > Schwebendes Fenster
  Arrange > Float All in Window Anordnen > Nur schwebende Fenster
  Arrange > Consolidate All to Tabs Anordnen > Alle in Registerkarten zusammenlegen
  Arrange > Match Zoom Anordnen > Gleiche Zoomstufe
  Arrange > Match Location Anordnen > Gleiche Position
  Arrange > Match Rotation Anordnen > Drehung angleichen
  Arrange > Match All Anordnen > Alles angleichen
  Arrange > New Window Anordnen > Neues Fenster
  Workspace Arbeitsbereich
  Workspace > Essentials (Default) Arbeitsbereich > Grundelemente (Standard)
  Workspace > Basic Arbeitsbereich > Grundarbeitsbereich
  Workspace > What’s New in CS4 Arbeitsbereich > Neuheiten in CS4
  Workspace > Advanced 3D Arbeitsbereich > Erweitertes 3D
  Workspace > Analysis Arbeitsbereich > Analyse
  Workspace > Automation Arbeitsbereich > Automatisierung
  Workspace > Color and Tone Arbeitsbereich > Farbe und Ton
  Workspace > Painting Arbeitsbereich > Malen
  Workspace > Proofing Arbeitsbereich > Proofen
  Workspace > Typography Arbeitsbereich > Typografie
  Workspace > Video Arbeitsbereich > Video
  Workspace > Web Arbeitsbereich > Web
  Workspace > Save Workspace Arbeitsbereich > Arbeitsbereich speichern
  Workspace > Delete Workspace Arbeitsbereich > Arbeitsbereich löschen
  Workspace > Keyboard Shortcuts & Menus Arbeitsbereich > Tastaturbefehle und Menüs
  Extensions Erweiterungen
  Extensions > Kuler Erweiterungen > Kuler
  Extensions > Connections Erweiterungen > Verbindungen
  3D 3D
  Actions Aktionen
  Adjustments Korrekturen
  Animation Animation
  Brushes Pinsel
  Channels Kanäle
  Character Zeichen
  Clone Source Kopierquelle
  Color Farbe
  Histogram Histogramm
  History Protokoll
  Info Info
  Layer Comps Ebenenkomp
  Layer Ebenen
  Masks Masken
  Measurement Log Messprotokoll
  Navigator Navigator
  Notes Anmerkungen
  Paragraph Absatz
  Paths Pfade
  Styles Stile
  Swatches Farbfelder
  Tool Presets Werkzeugvorgaben
  Options Optionen
  Tools Werkzeuge

Seitenanfang

Help | Hilfe

Englischer Begriff Deutsche Übersetzung
Help    
  Photoshop Help Photoshop Hilfe
  About Photoshop Über Photoshop
  About Plug-In Über Plug-In
  Patent and Legal Notices Rechtliche Hinweise
  System Info Systeminformationen
  Registration Produktregistrierung
  Deactivate Deaktivieren
  Updates Aktualisierungen
  Photoshop Online Photoshop online

Seitenanfang

photoshop-englisch-deutsch8

Tools | Werkzeuge

Toolleiste

Englischer Begriff Deutsche Übersetzung
Tools      
verschieben Move Tool Verschieben-Werkzeug v
arechteck Rectangular Marquee Tool Auswahlrechteck-Werkzeug m
aellipse Elliptical Marquee Tool Auswahlellipse-Werkzeug m
lasso Lasso Tool Lasso-Werkzeug l
polylasso Polygonal Lasso Tool Polygon-Lasso-Werkzeug l
magnetlasso Magnetic Lasso Tool Magnetisches-Lasso-Werkzeug l
schnellauswahl Quick Selection Tool Schnellauswahlwerkzeug w
zauberstab Magic Wand Tool Zauberstab-Werkzeug w
pipette Eye Dropper Tool Pipette-Werkzeug i
farbaufnahme Color Sampler Tool Farbaufnahme-Werkzeug i
lineal Ruler Tool Linealwerkzeug i
anmerkungen Note Tool Anmerkungen-Werkzeug i
freistellen Crop Tool Freistellungswerkzeug c
perfrei Perspective Crop Tool Perspektivisches Freistellungswerkzeug c
slice Slice Tool Slice-Werkzeug c
slicea Slice Select Tool Slice-Auswahlwerkzeug c
bereichs Spot Healing Brush Tool Bereichsreparatur-Pinsel j
reparatur Healing Brush Tool Reparatur-Pinsel j
ausbessern Patch Tool Ausbessern-Werkzeug j
iverschieben Content-Aware Move Tool Inhaltsbasiert verschieben-Werkzeug j
roteaugen Red Eye Tool Rote-Augen-Werkzeug j
pinsel Brush Tool Pinsel b
buntstift Pencil Tool Buntstift-Werkzeug b
farbe-ersetzen Color Replacement Tool Farbe-ersetzen-Werkzeug b
mischpinsel Mixer Brush Tool Misch-Pinsel b
kopierstempel Clone Stamp Tool Kopierstempel s
musterstempel Pattern Stamp Tool Musterstempel s
protokollpinsel History Brush Tool Protokoll-Pinsel y
kunst-protokollpinsel Art History Brush Tool Kunst-Protokollpinsel y
radiergummi Eraser Tool Radiergummi-Werkzeug e
hintergrund Background Eraser Tool Hintergrund-Radiergummi-Werkzeug e
magischer Magic Eraser Tool Magischer-Radiergummi-Werkzeug e
verlaufs Gradient Tool Verlaufswerkzeug g
füllwerkzeug Paint Bucket Tool Füllwerkzeug g
abwedler Dodge Tool Abwedler-Werkzeug o
nachbelichter Burn Tool Nachbelichter-Werkzeug o
schwamm Sponge Tool Schwamm-Werkzeug o
zeichenstift Pen Tool Zeichenstift-Werkzeug p
freiform Freeform Pen Tool Freiform-Zeichenstift-Werkzeug p
text-werkzeug Horizontal Type Tool Horizontales Text-Werkzeug t
vertikales Vertical Type Tool Vertikales Text-Werkzeug t
textmaskierungs Horizontal Type Mask Tool Horizontales Textmaskierungswerkzeug t
htextmaskierungs Vertical Type Mask Tool Vertikales Textmaskierungswerkzeug t
pfadauswahl Path Selection Tool Pfadauswahl-Werkzeug a
direktauswahl Direct Selection Tool Direktauswahl-Werkzeug a
rechteckwerkzeug Rectangle Tool Rechteck-Werkzeug u
abgerundetes Rounded Rectangle Tool Abgerundetes-Rechteck-Werkzeug u
ellipse Ellipse Tool Ellipse-Werkzeug u
polygon Polygon Tool Polygon-Werkzeug u
linien Line Tool Linienzeichner-Werkzeug u
eigene Custom Shape Tool Eigene-Form-Werkzeug u
Hand Hand Tool Hand-Werkzeug h
ansicht-drehen Rotate View Tool Ansichtdrehung-Werkzeug r
zoom Zoom Tool Zoom-Werkzeug z
standardfarben Default Foreground and Background Colors Standardfarben für Vordergrund und Hintergrund d
sw Switch Foreground and Background Colors Vorder- und Hintergrundfarbe vertauschen x
maskierungsmodus Edit in Quick Mask Mode Standard-/Maskierungsmodus auswählen q

Seitenanfang

Blending Modes | Füllmethoden

Englischer Begriff Deutsche Übersetzung
Blending Modes    
  Normal Normal
  Dissolve Sprenkeln
  Multiply Multiplizieren
  Screen Negativ multiplizieren
  Overlay Ineinanderkopieren / Überlagern
  Soft Light Weiches Licht
  Hard Light Hartes Licht
  Color Dodge Farbig abwedeln
  Color Burn Farbig nachbelichten
  Darken Abdunkeln
  Lighten Aufhellen
  Difference Differenz
  Exclusion Ausschluss
  Hue Farbton
  Saturation Sättigung
  Color Farbe
  Luminosity Luminanz
  Linear Burn Linear nachbelichten
  Linear Dodge Linear abwedeln (Add.)
  Vivid Light Strahlendes Licht
  Linear Light Lineares Licht
  Pin Light Lichtpunkt
  Darker Color Dunklere Farbe
  Lighter Color Hellere Farbe
  Hard Mix Hart mischen
  Subtract Subtrahieren

Seitenanfang

So stellen Sie Photoshop von Deutsch auf Englisch um

Möchten Sie für den Moment Ihre Photoshop-Version in der englisch-sprachigen Variante starten, so gehen Sie den folgenden Weg. Öffnen Sie auf Ihrem Rechner den Ordner, der die Programmdaten von Photoshop enthält, etwa unter Adobe > Adobe Photoshop. Öffnen Sie den Ordner Locales und gehen Sie in den Ordner de_DE und weiter in den Ordner Support Files. Schneiden Sie die Datei mit der .dat-Endung (zum Beispiel tw10428.dat) aus und fügen Sie diese auf dem Desktop ein.

photoshop-auf-englisch-bringen

Wird nun Photoshop neu gestartet, so werden die deutschen Bezeichnungen nicht mehr gefunden und Photoshop setzt den Standard in englischer Sprache ein. Möchtest du die deutsche Sprachversion wieder aktivieren, so fügst du die .dat-Datei einfach wieder an der richtigen Stelle ein, wo sie auch zuvor lag. Sehr praktisch, wenn du ein Tutorial in englischer Sprache aufnehmen oder nachvollziehen möchtest.

Übrigens: Ab der Version CC ist diese Vorgehensweise nicht mehr erforderlich. Die Creative Cloud erlaubt die Umstellung der Sprache über die Optionen des Cloud Agents.

(Der Beitrag erschien erstmals am 16. April 2009.)

Kategorien
Bilder & Vektorgrafiken bearbeiten Design

Inkscape 0.92, kostenloser Vektorgrafik-Editor in neuer Version

Welcher Webentwickler und ambitionierte Seitenbetreiber kennt das freie Vektorgrafik-Projekt Inkscape noch nicht? Inkscape ist quasi das Vektor-Pendant zum freien Pixeleditor Gimp und seit Jahren etabliert. Dieser Tage erschien nach zwei Jahren Entwicklungszeit die aktuelle Version 0.92 mit zahlreichen Neuerungen.

SVG und CSS: Inkscape nähert sich weiter dem Standard an

Inkscape steht unter der GPL und ist damit eine Open-Source-Software reinsten Wassers. Inkscape wird nicht durch eine Firma entwickelt, sondern lebt aus der freiwilligen Kontribution vieler engagierter Entwickler. Das Enggagement hält sich seit Jahren auf einem ungewöhnlich hohen Niveau.

Aus Spenden finanziert kann das Projekt sogar einen Repräsentanten in die W3C SVG Working Group entsenden. Das ist das Gremium, das den Standard Scalable Vector Graphics (SVG) weiterentwickeln soll. Einige neue Ideen aus Inkscape finden so Eingang in die Erwägungen zur Erweiterung von SVG, was das Projekt für Entwickler naheliegenderweise besonders interessant macht. Das Standard-Dateiformat von Inkscape ist folgerichtig SVG.

Die standardkonforme Umsetzung hat bei Inkscape besondere Priorität. Um etwa dem CSS-Standard zu entsprechen, wurde die Standardauflösung von 90 auf 96 dpi angehoben. Die Software bietet verschiedene Konvertierungsoptionen an, wenn du versuchst, eine ältere Inkscape-Datei zu öffnen.

Insgesamt haben sich die Entwickler darauf fokussiert, möglichst viele SVG2- und CSS3-Eigenschaften zumindest korrekt im Programm darzustellen. Über die Benutzeroberfläche lassen sich allerdings nicht alle dieser Eigenschaften dann auch ändern. Die Verwendung komplexer Gitterverläufe erfordert unter Inkscape 0.92 keine Tricks mehr, sondern steht als Standardfunktion bereit.

Inkscape gibt es weiterhin für Windows, macOS und Linux

Designer werden sich besonders an den neuen Pfadeffekten erfreuen, die in der Tat äußerst kreative Gestaltungen durch interaktive Verformungen zulassen. Schau dir das folgende Video an, um einen Überblick der neuen Funktionen zu erhalten:

Wie gehabt, steht Inkscape 0.92 für die drei großen Betriebssysteme Windows, macOS und Linux zur Verfügung. Zwar kannst du dir einen eigenen Build kompilieren, immerhin sprechen wir hier über Open Source, erforderlich ist es indes nicht. Die Entwickler haben auch hier Wert auf eine einfache Verbreitung gelegt. So gibt es entsprechende Installations-Packages. Unter Linux wirst du in der Regel mit Bordmitteln an das aktuelle Inkscape gelangen.

Wenn du dich im Detail über das Featureset der aktuellen Version informieren willst, so findest du an dieser Stelle das komplette Changelog in deutscher Sprache. Die offizielle Ankündigung in englischer Sprache liest du hier.

Kategorien
(Kostenlose) Services Bilder & Vektorgrafiken bearbeiten Design Essentials Sonstige Programme

Schnelle Bild-Overlays mit Cloudinary

Bei Bild-Overlays geht es nicht nur darum, das richtige Fingerspitzengefühl zu haben, um ein großartiges Bild zu erstellen. Du brauchst auch ein großartiges Tool, das den Prozess erleichtert. Cloudinary, ein Cloud-basierter Bild- und Videoservice für Websites und mobile Anwendungen, ist genau das Werkzeug, das dir an dieser Stelle hilft.

Wie man Bilder überlagert

Als erstes, lege dir einen kostenlosen Cloudinary-Account an, sofern du noch keinen hast. Dann kannst du entweder über die Cloudinary Management-Konsole, oder per API Bilder hochladen. Wenn ein Bild in deinen Cloudinary-Account geladen wird, speicherst du es automatisch auch in der Cloud.

Um ein Overlay zu erstellen, musst du lediglich definieren, wie du das ursprüngliche Bild innerhalb der entsprechenden URL verändern möchtest. Anhand der Anweisungen, die zur URL hinzugefügt werden, wird in Echtzeit ein neues, abgeleitetes Bild verarbeitet und zwischengespeichert. Das Ergebnis wird unverzüglich via Content Delivery Network (CDN) ausgeliefert. Alle folgenden Anfragen an dieselbe URL werden vom Cache aus gestellt.

Hier zeigen wir dir, wie man ein Firmenlogo auf einen Koala legt. Zugegebenermaßen dürfte diese Kombination eher selten vorkommen, die Aufgabe an sich aber durchaus häufig. Mit Cloudinary ist sie einfach. Die ursprüngliche URL des Koala-Bildes lautet:

https://res.cloudinary.com/cld-name/koala.jpg

Die Overlay-URL ist:

https://res.cloudinary.com/cld-name/l_cloudinary_icon,w_200,c_scale/koala.jpg

Die URL-Struktur ist:

<domain name>/<cloud  name>/<image manipulation parameters>/<image  public-id>.<image format>

Das Overlay wurde erstellt, indem die folgenden Parameter zur URL hinzugefügt wurden:

  • l_<overlay_public_id>
  • w_<width>
  • c_<crop_method>

Für exakte Eindrücke rufe auch die Bild URLs in den Beispielen auf und teste sie.

Die Bild-URL mit JavaScript bauen

Du kannst die Bild-URL selbst erstellen, oder eine von Cloudinarys SDK-Bibliotheken dazu nutzen. In den folgenden Beispielen werde ich die Kern-JavaScript-Bibliothek nutzen, also pures JavaScript. Es gibt auch ein JQuery-Plugin.

Als erstes musst du die JavaScript-Quelle einschließen, welche du vom Cloudinary-Core-Projekt auf Github herunterladen kannst.

<script src="<path>/cloudinary-core-shrinkwrap.js"  type="text/javascript"></script>

Als nächstes fügst du deinen Account-Cloud-Namen zum Code hinzu. Der Account-Name wird bei der Registrierung bei Cloudinary festgelegt. Im folgenden Beispiel ist der Cloud Name “cld-name.”

var cl = cloudinary.Cloudinary.new({cloud_name: "cld-name"});

Jetzt werde ich die hier erstellte cl-Variable nutzen, um alle Cloudinary-Methoden abzurufen. Wenn du JQuery bevorzugst, kannst du das entsprechende Plugin hier finden.

Das ist der JavaScript-Call für die Bild-URL mit Overlay:

cl.url("koala", { overlay: "cloudinary_icon", width: 200, crop: "scale" });

Die benutzten Parameter sind die image public_id, hier „koala“ und die image overlay public_id, also „cloudinary_icon“. In beiden Fällen steht public_id für den Namen des Bildes in der Cloudinary-Medienbibliothek. Der nächste Parameter ist width = 200 pixels, welcher benutzt wird, um das Overlay-Bild auf eine Breite von 200 Pixeln zu skalieren. Die ausgewählte „scale“ Option skaliert das Bild auf die gewünschte Breite, ohne das ursprüngliche Seitenverhältnis zu verändern. Das Ergebnis dieses Calls ist die Overlay-Bild-URL, wie ich bereits demonstriert habe.

Wasserzeichen erstellen

Ein häufiger Anwendungsfall für Bild-Overlays ist das Hinzufügen eines Wasserzeichens. Das ist ein gängiger Weg, Bilder online (urheberrechtlich) zu schützen. Unser Ausgangsbild hat unser Icon schon, aber vielleicht bevorzugst du eine subtilere Darstellung, wie zum Beispiel in Form eines Wasserzeichens. Hier sind die dafür benötigten Parameter:

  • Die Dimensionen des Overlays sind durch width definiert, während crop den Ausschnitt festlegt.
  • Die Platzierung des Overlays ist durch „gravity“ definiert
  • Die folgenden visuellen Effekte wurden auf das Overlay angewandt: opacity (Deckkraft) und brightness (Helligkeit)
cl.url("koala", { overlay: "cloudinary_icon", width: 200, crop: "scale", gravity: "south_east", opacity: 50, effect: "brightness:200"});

Bild URL:

https://res.cloudinary.com/cld-name/image/upload/l_cloudinary_icon,w_200,c_scale,g_south_east,o_50,e_brightness:200/koala.jpg

Dynamische Text-Overlays

Das Erstellen von dynamischen Text-Overlays öffnet eine neue Welt der Möglichkeiten. Damit ist es sehr einfach, Banner mit den neuesten Angeboten und Werbung aufzufrischen. Google Fonts werden standardmäßig unterstützt, aber du kannst auch eigene Schriften auf deinen Account laden. Das ist nützlich, wenn du zum Beispiel einen besonderen Ausverkauf bewerben möchtest, der nur heute stattfindet.

cl.url("bag", { transformation: [
  {overlay: "text:roboto_60:EXTRA%2010%25%20OFF", color: "white", y: 110}, 
{overlay: "text:roboto_60:SALE%20ENDS%20TODAY", color: "white", y: 200}]});

Image-URL: https://res.cloudinary.com/cld-name/image/upload/l_text:roboto_60:EXTRA 10%25 OFF,co_white,y_110/l_text:roboto_60:SALE ENDS TODAY,co_white,y_200/bag.jpg

Benutzerdefinierte Text-Overlays

Text-Overlays können auch individualisiert werden. Es ist möglich, den Text in deinem Code spontan zu ersetzen, indem du die Informationen nutzt, die in einem Cookie gespeichert wurden. So könntest du jedem Nutzer einen individuellen Text anzuzeigen, der auf Websites basiert, die dieser Nutzer zuvor aufgerufen hat. Um sicher zu gehen, dass der Text auf jeder Hintergrundfarbe sichtbar ist, empfiehlt es sich, eine umrandete Schriftart auszuwählen.

cl.url("gift", {  overlay: " text:arial_80_stroke:Happy%20Birthday%20John", color: "white", gravity: "north", y: 5, border: "2px_solid_black"});

https://res.cloudinary.com/cld-name/image/upload/l_text:arial_80_stroke:Happy Birthday John,co_white,bo_2px_solid_black,g_north,y_5/gift.jpg

Ebenso kannst du sie einbinden, indem du den Cloudinary-Cookie als Parameter in der Bild-URL verwendest. Du brauchst dazu deinen eigenen CName, vergeben durch Cloudinary. Dann würde die URL wie folgt aussehen:

http://CNAME/l_text:arial_80_stroke:__cld_attribute1__,co_white,bo_2px_solid_black,g_north,y_5/ gift.jpg

Der auf dem Bild angezeigte Text ist der Wert des Cookies __cld_attribute1__

Profilbilder aus sozialen Netzen überlagern

Mit Cloudinary ist es auch möglich, dein Profilbild aus sozialen Netzwerken (Facebook, Twitter, Instagram, Google+) zu nehmen und es als Basis für ein Overlay-Bild zu verwenden.

cl.url ("KermitTheFrog", { type: "twitter_name", transformation: [ 
  { width: 150, crop: "scale"} , 
  { overlay: "instagram_name:realmisspiggy",  width: 150, crop: "scale", x: 150 },
{ border: "3px_solid_black"}]});

https://res.cloudinary.com/cld-name/image/twitter_name/w_150,c_scale/l_instagram_name:realmisspiggy,w_150,x_150/bo_3px_solid_black/KermitTheFrog.jpg

Gesichtserkennungs-basiertes Overlay

Um ein cooles Overlay auf Basis der Gesichtserkennung zu erschaffen, ist es hilfreich, wenn das Gesicht möglichst prominent im Bild zu erkennen ist. Das gilt besonders, wenn du versuchst, den venezianischen Maskenkarneval nachzuahmen, wie unten zu sehen ist. Das Overlay wird automatisch auf den Augen platziert, die im Bild erkannt wurden.

cl.url("team.jpg", { transformation: [ 
  { width: 640, crop: "scale",  } , 
{ flags: "region_relative", gravity: "adv_eyes", overlay: "harlequinmask", width: 1.7 }]});

https://res.cloudinary.com/cld-name/image/upload/c_scale,w_640/l_harlequinmask,w_1.7,g_adv_eyes,fl_region_relative/team.jpg

Eine weitere Möglichkeit ist das automatische Verpixeln von Gesichtern.

cl.url("couple", { width: 640,  crop: "scale", effect: "pixelate_faces:10"});

https://res.cloudinary.com/cld-name/image/upload/w_640,c_scale,e_pixelate_faces:10/couple.jpg

Bild-Overlay auf Videos

Cloudinary unterstützt auch Videos. So kannst du dieselbe API für Interaktionen zwischen Bildern, animierten GIFs und Videos verwenden. Du bist in der Lage, ein animatiertes GIF aus mehreren Bildern zu bauen, ein Bild von einem GIF oder Video-Clip aufzunehmen und sogar ein Bild für eine bestimmte Zeitspanne über ein Video zu legen, wie unten zu sehen ist.

cl.video(  "run", } controls: true, poster: cl.url("run.jpg", {resource_type: "video"}), transformation: [  { overlay: "candy", width: 0.4, gravity: "south_west", start_offset: "5", end_offset: "7.5" }, { overlay: "candy", width: 0.4, gravity: "south_east", start_offset: "8", end_offset: "12", angle: "hflip"}]});

Fazit

In diesem Beitrag konnten wir dir nur die Spitze des Eisbergs zeigen. Cloudinary bietet eine weitaus längere Liste mit Manipulationsoptionen, welche du hier findest. Nahezu ebenso gewaltig sind die Möglichkeit für Videos. Außerdem kannst du Bilder für den Versand optimieren, indem du Funktionen wie automatisches Formatieren und automatische Qualität. verwendest.
Jetzt ist es an der Zeit, dass du hergehst und deine Website-Grafiken verbesserst. Viele Studien haben gezeigt, dass Millennials Bilder Texten sowieso vorziehen.

Disclaimer: Bei diesem Artikel handelt es sich um einen Sponsored Post aus dem Hause Cloudinary.

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Inspiration Photoshop Tutorials

90 Tutorials für verblüffende Photoshop-Texteffekte

Mit den Text- und Layer-Werkzeugen von Photoshop kannst du tolle Effekte erzeugen. Folgend findest du eine lange Liste mit insgesamt neunzig (90!) wirklich großartigen Photoshop-Texteffekte-Tutorials.

Kategorien
Bilder & Vektorgrafiken bearbeiten Design Sonstige Programme

Offene Beta: Affinity Photo für Windows ist da

Bist du Windows-Nutzer? Dann solltest du dir auf jeden Fall die kostenlos verwendbare Betaversion von Affinity Photo herunterladen. Den designierten Photoshop-Killer gibt es nämlich ganz aktuell nicht mehr nur für macOS, sondern auch für das Betriebssystem aus Redmond.

photo-win-surface

Affinity Photo: Kostenlose Nutzung während der Beta-Phase

Im Juni hatte Serif, die Entwicklerschmiede hinter der Affinity-Reihe, angekündigt, das Fotobearbeitungs-Tool auch Windows-Nutzern bieten zu wollen. Seit gestern ist es soweit. Genau wie bei ihrem Illustrator-Wettbewerber Affinity Designer erfolgt der Launch im Rahmen einer Public Beta, für die sich jedermann kostenlos registrieren kann.

Der Download-Link wird unverzüglich per Mail versandt. Alles, was du tun musst, ist die 277 MB große Installationsdatei zu laden und auszuführen. Während der Beta-Phase ist die Nutzung kostenfrei. Aber auch nach Beendigung der Beta reißt Photo keine tiefen Löcher in dein Portemonnaie. Lediglich 49,99 Euro werden für die Vollversion einmalig aufgerufen. Ein Abo-Modell wie beim Konkurrenten Photoshop gibt es nicht. Laut Serif werden auch zukünftige Updates nach dem erstmaligen Kauf kostenlos abgegeben.

affinityphoto-landing

Affinity Photo: Feature-Identität der Plattform-Versionen

Laut Ashley Hewson, Chef von Serif, wurden die Affinity-Produkte von Beginn an so entwickelt, dass die zugrundeliegende Codebasis im Grunde plattformunabhängig ist, zumindest soweit es die Kernfunktionalitäten betrifft. Dadurch war es nicht nur möglich, das Featureset vollkommen identisch zu halten, auch die Dateikompatibilität ist zu 100% gegeben. Selbst das Nutzer-Interface weicht nur insoweit ab, als es sich systemtechnisch nicht vermeiden lässt.

Wo wir gerade beim Nutzerinterface sind; Affinity Photo spricht Deutsch, Englisch, Spanisch, Portugiesisch, Französisch, Italienisch, Japanisch und Chinesisch. Also, ich vermisse für meinen persönlichen Sprachbereich nichts ;-)

In meinem Kurztest startete Affinity Photo nicht nur rasant, sondern verhielt sich insgesamt überaus responsiv. Selbst das Öffnen mittelschwerer PSD-Dateien erfolgte nahezu verzögerungs-, aber vor allem völlig fehlerfrei. Wer sich in Photoshop zurechtfindet, wird auch in Photo nicht auf Probleme stoßen. Die Oberflächen ähneln sich doch sehr, vor allem die Werkzeugleiste birgt keine Überraschungen.

liquify

Affinity Photo für Windows mit Funktionsvorsprung

Obschon ich weiter oben behauptete, dass die Windows- und Mac-Version funktionsidentisch sind, so stimmt das doch nur perspektivisch. Denn aktuell bietet die Windows-Beta sogar mehr Features als das Mac-Produkt. Die Windows-Beta repräsentiert nämlich schon die Version 1.5, die erst noch für macOS veröffentlicht werden muss.

Zu den vorläufig exklusiven Features der Windows-Version zählen eine erweiterte Funktion zum Erstellen von HDR-Kompositionen, das sog. Focus-Stacking, eine Technik, um mehrere Bilder mit unterschiedlichem Fokus bei gleichem Motiv zu einem zu verbinden, die Einführung einer Stapelverarbeitung und die Möglichkeit, 360 Grad-Panoramen zu bearbeiten. Photoshopper werden bei dieser Aufzählung nur müde lächeln. Natürlich hat der Adobe-Bolide entsprechendes seit längerem im Gepäck, mit Ausnahme der Bearbeitungsfunktion für Kugelpanoramen, die allerdings auch eher wenig Breitenwirkung haben dürfte.

Das folgende Video führt in die Funktionen von Affinity Photo für Windows ein:

Fazit: Windows-Nutzer lassen sich die Gelegenheit nicht entgehen und laden sich die freie Beta herunter. Adobe-Kunden können wenigstens mal schauen, was der Wettbewerb so zu bieten hat. Wenn es nur um den Preis geht, kann die Entscheidung nur pro Affinity fallen, im professionellen Umfeld wird Affinity Photo meiner Meinung nach auf absehbare Zeit Adobe nicht in Bedrängnis bringen. Affinity Photo macht Fotobearbeitung allenfalls einer breiteren Zielgruppe zugänglich. Und das ist ja schon viel.