20 besten Photoshop-Plugins für Designer

  • Damian Washington
  • 0
  • 2744
  • 209

Obwohl es viele großartige und kostenlose Alternativen gibt, ist Photoshop immer noch der beliebteste und leistungsstärkste Grafikeditor und die Standardauswahl vieler Designer, Illustratoren und Fotografen. Machen Sie sich keine Sorgen, wenn Sie eine Funktion benötigen, die Sie in Photoshop nicht finden können. Es stehen unzählige Skripte und Plugins zur Verfügung, mit denen Sie die Funktionalität von Photoshop erweitern und verbessern können.

Hier finden Sie eine Auswahl von 20 nützlichen Photoshop-Plugins für Designer.

Photoshop-Plugins für Modelle und Layouts

1. WebZap

Wenn Sie ein Webdesigner sind, kann WebZap Ihnen das Leben erheblich erleichtern. Mit diesem Plugin können Sie Website-Modelle erstellen, indem Sie Layout-Anleitungen und Vorlagen für das 960-Raster bereitstellen. Sie können damit Platzhaltertext generieren und vorgefertigte Oberflächenelemente auswählen, die Ihrer Website hinzugefügt werden sollen. Jedes Element kann als separate Ebene geändert werden. WebZap kann auch attraktive Vorschauen Ihres Designs für Vitrinen und Präsentationen erstellen.

Hauptmerkmale:

  • Benötigt Photoshop CS 5 oder neuer
  • Funktioniert sowohl unter OS X als auch unter Windows
  • Hiermit können Sie Website-Modelle erstellen
  • Bietet vorgefertigte Layouts
  • Erzeugt Dummy-Text („lorem ipsum“) und UI-Elemente (Menüs, Schaltflächen…)

Preis: $ 19

2.Webbsy

Webbsy macht das Webdesign zum Kinderspiel, indem Ihre PSD-Dateien in HTML und CSS konvertiert werden. Sie müssen Ihre Ebenen nicht markieren - Webbsy kann sie automatisch benennen und alle Designelemente in CSS3 exportieren. Wenn etwas nicht in HTML konvertiert werden kann, rendert Webbsy es als Bild. Es unterstützt responsives Webdesign, indem es für verschiedene Geräte in geeignete Größen exportiert. Mit Webbsy können Sie Google Fonts in Ihren Designs verwenden und automatisch in Formate für LESS, SASS, SCSS, Stylus, HAML, Slim und Jade exportieren.

Hauptmerkmale:

  • Konvertiert Ihre PSD-Designs in HTML und CSS
  • Unterstützt Google Fonts, LESS, SASS, SCSS und Stylus
  • Hiermit können Sie Bilder aus Ihrem Projekt exportieren und deren Qualität auswählen
  • Schneidet Bilder, kann Textelemente exportieren
  • Benötigt Photoshop CS6 oder neuer, einschließlich CC

Preis: 49 US-Dollar, kostenlose 14-Tage-Testversion verfügbar

3. Velositey 2

Velositey ist ein erstaunliches Plugin zum Erstellen von Modellen und Prototypen. Es verwendet Voreinstellungen und Vorlagen, um den Entwurfsprozess zu optimieren. Sie können vorgefertigte Module einfügen und später ändern und Velositey Favicons und Mapicons für Ihr Projekt generieren lassen. Mit Velositey ist es möglich, in nur einer Minute ein komplettes Modell zu erstellen.

Hauptmerkmale:

  • Wählen Sie vorgefertigte Elemente und Vorlagen aus, um ein Modell zu erstellen
  • Verwenden Sie ein Raster, um Elemente zu positionieren
  • Generieren Sie Favicons und Mapicons
  • Funktioniert in Photoshop CS6, CC und CC 2014

Preis: Frei

4. Elemente

Wollten Sie schon immer Ihr eigenes WordPress-Theme erstellen, hatten aber keine Zeit, sich mit der gesamten Codierung zu befassen? Elemente von Divine Project ist ein Plugin, mit dem Sie jedes PSD-Design in ein WordPress-Design konvertieren können. Sie können im Layout-Editor einen Entwurf von Grund auf neu entwerfen oder bereitgestellte Vorlagen ändern und dann Elemente den Themencode generieren lassen. Es bietet hilfreiche Raster für die Größenänderung und Positionierung von Elementen, und Sie können Ihre Elemente auch gruppieren. Elemente unterstützt erweiterte Typografieparameter wie Kerning und Baseline Shift und ermöglicht den Export aller Textformate (Schriftgröße, Gewicht, Ausrichtung…). Der von Elemente erstellte Code ist gültig und SEO-optimiert. Wenn Sie möchten, können Sie ihn in jedem anderen Code-Editor ändern.

Hauptmerkmale:

  • Konvertiert PSD in ein WordPress-Theme
  • Keine Codierung erforderlich; Entwerfen Sie einfach eine Blaupause. Die Konvertierung erfolgt automatisch
  • Ermöglicht die Verwendung von Vorlagen und Gruppenelementen
  • Exportiert sauberen, SEO-optimierten Code
  • Funktioniert nur unter 32-Bit-Windows
  • Unterstützt Photoshop CS3, CS4, CS5, CS6 und CC

Preis: 99 US-Dollar für den persönlichen Plan, 199 US-Dollar für den Entwicklerplan, kostenlose Testversion verfügbar

Photoshop-Plugins für Raster und Ebenen

5. GuideGuide


Mit diesem Plugin können Sie Raster und benutzerdefinierte Hilfslinien erstellen, die auf Ihrem gesamten Projekt oder nur den ausgewählten Teilen basieren. Sie können auch die Rasternotation verwenden, um Tabellen zu erstellen und Ränder anzupassen. GuideGuide hilft Ihnen bei der Berechnung der meisten Abmessungen. Sie können erstellte Raster als Sets (Vorlagen) für die zukünftige Verwendung speichern. Hilfslinien können mit einem Mausklick umgeschaltet werden, und Sie können sogar ein Raster innerhalb eines Rasters erstellen!

Hauptmerkmale:

  • Erstellen und speichern Sie Raster
  • Passen Sie die Hilfslinien und Ränder an
  • Unterstützt Photoshop CS5 und höher

Preis: Frei

6. Layrs Control 2

Layrs Control 2 ist eine praktische Lösung für das Layer-Management und kann besonders nützlich sein, wenn Sie an großen, komplexen Designprojekten mit mehreren Layern arbeiten. Mit diesem Plugin können Sie Ebenennamen bearbeiten, Ihr Projekt optimieren, indem Sie nicht verwendete Effekte und leere Ebenen entfernen und alle ausgewählten Ebenen reduzieren. Es ist auch möglich, intelligente Objekte zu rastern und ausgewählte Ebenen in intelligente Objekte umzuwandeln.

Hauptmerkmale:

  • Funktioniert mit Photoshop CC & CC 2014
  • Ebenen umbenennen und reduzieren
  • Entfernen Sie leere Ebenen und nicht verwendete Effekte

Preis: Frei

7. CSS3PS

Dieses Plugin vereinfacht das Konvertieren von Photoshop-Ebenen in CSS3-Code. Erstellen Sie einfach Ihre Grafiken in Photoshop, wählen Sie die gewünschten Ebenen aus und warten Sie, bis das Plugin das Ergebnis in Ihrem Standard-Webbrowser geladen hat. Unterstützte Eigenschaften sind Größe, Randradius, Innen- und Schlagschatten, Innen- und Außenglühen sowie die üblichen Schrifteigenschaften für Textebenen.

Hauptmerkmale:

  • Funktioniert unter Windows und OS X und erfordert Photoshop CS3 oder höher
  • Hiermit können Sie eine oder mehrere Ebenen in CSS-Code konvertieren
  • Unterstützt Browserpräfixe (-webkit-, -moz-, -ms-…)
  • Berechnet automatisch die entsprechenden Größen und konvertiert die Ebenengröße

Preis: Frei

8. UberColumns

UberColumns ist ein praktisches Plugin, wenn Sie viel Zeit damit verbringen, Text in Ihren Designs zu bearbeiten. Sie können Text in Spalten formatieren - der gesamte Text verbleibt auf einer einzelnen Ebene und wird automatisch an die Größe der Ebene angepasst, wenn Sie ihn ändern oder weiteren Text hinzufügen. Sie müssen lediglich die Anzahl der Spalten auswählen.

Hauptmerkmale:

  • Funktioniert unter OS X und Windows und erfordert Photoshop CC oder CC 2014
  • Teilt Text in einer Textebene in eine gewünschte Anzahl von Spalten auf
  • Passt den Text automatisch an, wenn Sie die Größe der Ebene ändern

Preis: Frei

Photoshop-Plugins für Farben, Schriftarten und Effekte

9. Swatchy

Swatchy ist ein kleines Plugin, mit dem Sie Ihre Farbfelder in Ordnern organisieren können. Auf diese Weise können Sie Ihre Farbschemata speichern und einfach darauf zugreifen sowie eine Vorschau der häufig verwendeten Farben anzeigen.

Hauptmerkmale:

  • Verwaltet Farbfelder und lässt Sie sie in Ordnern organisieren
  • Funktioniert unter OS X und Windows
  • Benötigt Photoshop CC und CC 2014

Preis: Frei

10. MagicPicker

MagicPicker ist ein Farbmanagement-Plugin, das die vorhandenen Farbwerkzeuge in Photoshop durch Hinzufügen hilfreicher Funktionen verbessert. Sie können Optionen wie Tone Lock verwenden, um das Gamma ausgewählter Farben zu steuern, und ein erweitertes Farbrad-Werkzeug mit Dreieck-, Box- und Diamant-Modi. Es hilft Ihnen auch beim Generieren von Farbschemata und bietet einen kompakten Modus, um Platz auf dem Bildschirm zu sparen.

Hauptmerkmale:

  • Funktioniert unter OS X und Windows
  • Unterstützt Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 und CS3
  • Hiermit können Sie Farbschemata erstellen
  • Wählen Sie Farben aus einem verbesserten Farbkreis mit 3 Modi und Tonsperre
  • Wählen Sie nur warme oder kalte Töne aus der Palette
  • HEX-Farbcodes mit einem Klick kopieren

Preis: $ 19; Kostenlose 15-Tage-Testversion zum Download verfügbar

11. FilterForge

FilterForge ist ein unglaublich leistungsfähiger Editor, der als eigenständige Anwendung oder als Photoshop-Plugin verwendet werden kann. Sie können damit Ihre eigenen Fotoeffekte und Filter erstellen und auf ein riesiges Online-Repository mit vom Benutzer eingereichten Inhalten zugreifen. Es unterstützt nahtlose Kacheln für Texturen und Filter können in jeder Auflösung gerendert werden. Jedes Preset hat mehrere Variationen zur Auswahl, sodass FilterForge alle Ihre Anforderungen an Fotoeffekte erfüllen sollte.

Hauptmerkmale:

  • Funktioniert sowohl unter OS X als auch unter Windows
  • Hiermit können Sie Ihre eigenen Filter, Effekte und Texturen erstellen
  • Wählen Sie aus einem Online-Filter-Repository
  • Generieren Sie Karten und Texturen, die nahtlose Kacheln unterstützen

Preis: 399 US-Dollar, kostenlose 30-Tage-Testversion verfügbar

12. Augenweide 7

Eye Candy 7 von Alienskin ist ein Plugin, mit dem Sie aus 32 Effektkategorien und mehr als tausend Voreinstellungen auswählen können, die auf Ihre Grafiken angewendet werden sollen. Sie können damit Ihre eigenen Effekte erstellen und Änderungen, die auf eine beliebige Ebene angewendet werden, sofort in der Vorschau anzeigen. Alle Effekte werden in einer neuen Ebene angewendet, sodass Ihre Originalvorlage unberührt bleibt, bis Sie sie ändern.

Hauptmerkmale:

  • Erstellen und wenden Sie realistische Effekte an
  • Wählen Sie Voreinstellungen aus einer umfangreichen Sammlung
  • Unterstützt die Bearbeitung in einer neuen Ebene, um Ihr ursprüngliches Design beizubehalten
  • Sofortige Vorschau der Effekte
  • Funktioniert unter OS X OS X 10.7 oder neuer, Windows 7 und 8
  • Benötigt Photoshop CS5, Elements 10 oder neuer

Preis: $ 129, kostenlose Testversion verfügbar

13. Font Hero

Mit Font Hero können Sie Schriftarten organisieren und benötigen keine separate Anwendung zur Schriftverwaltung. Dieses Plugin lädt alle installierten Schriftarten von Ihrem Computer in eine übersichtliche Oberfläche, in der Sie sie markieren, favorisieren und gruppieren können. Sie können Schriftarten sofort in der Vorschau anzeigen und ihr Erscheinungsbild ändern. Mit Font Hero können Sie die Schriftart für jede Textebene mit nur einem Mausklick ändern. Es unterstützt Google Fonts und Typekit, speichert sie jedoch separat.

Hauptmerkmale:

  • Importieren, anzeigen und organisieren Sie alle Ihre Schriftarten direkt in Photoshop
  • Tag- und Lieblingsschriftarten erleichtern die Suche
  • Unterstützung für Web-Schriftarten
  • Funktioniert unter OS X und Windows und erfordert Photoshop CC 2014

Preis: 39 $

Einige andere Photoshop-Plugins

14. FlatIcon

FlatIcon ist eine beliebte Aktienressource, und mit diesem einfachen Plugin können Sie die kostenlosen Symbole direkt in Photoshop verwenden. Ausgewählte Symbole werden als Vektoren importiert, dh Sie können sie frei bearbeiten, um sie an Ihr Projekt anzupassen.

Hauptmerkmale:

  • Ermöglicht den Zugriff auf Tausende kostenloser Symbole
  • Alle Symbole sind im vollständig bearbeitbaren Vektorformat verfügbar
  • Unterstützt Photoshop CS5, CS6, CC und CC 2014

Preis: Frei

15. QR-Code-Generator

Dieses Plugin macht genau das, was sein Name sagt - es generiert QR-Codes als Vektormasken, die Sie bearbeiten und in Ihren Designs verwenden können. QR-Codes werden in Druckqualität mit CMYK-Kompatibilität generiert, sodass Sie sich darüber keine Gedanken machen müssen. Das Plugin unterstützt verschiedene QR-Code-Typen, darunter URL, SMS, Visitenkarte, Klartext und E-Mail.

Hauptmerkmale:

  • Generiert QR-Codes als Bilder, die Sie ändern können
  • Unterstützt mehrere QR-Codetypen
  • Codes sind für den Druck optimiert und folgen dem QR-Code-Standard
  • Das Plugin funktioniert unter OS X und Windows

Preis: $ 19

16. TinyPNG

Mit TinyPNG können Sie Bilder in PNG exportieren und komprimieren, um die Dateigröße zu verringern, aber die Transparenz zu erhalten. Es unterstützt die Stapelbearbeitung und konvertiert Bilder bei Bedarf automatisch in sRGB. Und es hat einen süßen Panda als Maskottchen!

Hauptmerkmale:

  • Funktioniert unter OS X und Windows
  • Unterstützt Photoshop CS5, CS6, CC und CC 2014
  • Hiermit können Sie mehrere Bilder gleichzeitig bearbeiten
  • Komprimiert PNG-Dateien unter Wahrung der Transparenz

Preis: $ 40

17. Descreen

Descreen ist ein Retter, wenn Sie in Ihren Designprojekten häufig gescannte Materialien verwenden. Mit einer präzisen Fourier-Transformationsmethode werden Bildschirm- und Moiré- (Interferenz-) Muster von gescannten Bildern entfernt. Im Gegensatz zu anderen Tools, die auf Unschärfe beruhen, kann Descreen dank dieses Ansatzes mehr Details beibehalten. Die empfohlene Auflösung für Scans liegt zwischen 600 und 1200 Pixel / Zoll.

Hauptmerkmale:

  • Unterstützt Photoshop von Version 7.0 und CS bis CS6 und CC
  • Entfernt Bildschirm- und Interferenzmuster von gescannten Bildern
  • Funktioniert unter Windows und OS X.

Preis: Home Edition 15 €, Professional Edition 75 €

18. Perfekte Größenänderung

Mit Perfect Resize können Sie Fotos vergrößern, ohne an Qualität und Verhältnis zu verlieren. Es bietet ein Zuschneidewerkzeug mit Voreinstellungen und ein weiteres Werkzeug zum „Begradigen“ von Fotos. Mit Perfect Resize können von Mobilgeräten aufgenommene Fotos vergrößert und erweiterte Ränder für das Drucken von Fotos auf Leinwand erstellt werden. Sie können damit die Größe von Fotos im Stapel ändern und zwei verschiedene Versionen eines Bildes speichern.

Hauptmerkmale:

  • Ermöglicht das Vergrößern, Zuschneiden und Begradigen von Fotos
  • Optimiert Fotos zum Drucken
  • Unterstützt die gleichzeitige Größenänderung vieler Fotos
  • Funktioniert unter Windows 7 & 8 und OS X 10.8 - 10.10
  • Benötigt Photoshop CS6, CC oder CC 2014 (auch Elemente 11, 12 oder 13)

Preis: 79,95 USD, bietet eine 30-Tage-Testversion

19. Cover Action Pro

Dieses Plugin ist perfekt für Buchumschlagdesigner und alle, die ihre Arbeit professionell und optisch attraktiv präsentieren möchten. Cover Action Pro konvertiert Ihre Entwürfe in 3D-Produktaufnahmen. oder überträgt sie auf Produktmodelle. Sie können Vorlagen und Anleitungen verwenden und aus 25 Kategorien mit mehr als 150 Modellen auswählen, darunter Bücher, Ordner, DVD-Boxen, Grußkarten, Visitenkarten, Zeitschriften…

Hauptmerkmale:

  • Ermöglicht die Konvertierung Ihrer Designs in 3D-Produktmodelle
  • Bietet Vorlagen und Modelle
  • Entwickelt für Photoshop CS6 und neuer, kann aber mit CS5, CS4 und CS3 arbeiten
  • Automatische Updates

Preis: $ 147 oder $ 247 mit 60 Designer-Vorlagen

20. Avocode

Nein, es ist keine falsch geschriebene Frucht. Avocode ist ein Tool für Designzusammenarbeit und Projektmanagement, das Designer und Entwickler zusammenbringen soll. Designer können ihr Projekt über das Photoshop-Plugin hochladen und Entwickler können dann die Designelemente in der Weboberfläche oder in einer eigenständigen App überprüfen. Es ist möglich, Ebenen als Bilder zu exportieren, Ebenen in CSS, Less, Sass oder Stylus zu konvertieren und Informationen zur Textformatierung und zu den Ebenenabmessungen abzurufen. Avocode speichert zuvor hochgeladene Designversionen auf dem Server, sodass Sie es als Versionskontrollsystem für Ihr Projekt verwenden können.

Hauptmerkmale:

  • Teilen Sie Ihre Designs ganz einfach über das Photoshop-Plugin
  • Überprüfen Sie das Design in der Weboberfläche oder in der App - funktioniert unter OS X, Windows und Linux
  • Exportieren Sie Ebenen als Bilder und konvertieren Sie sie in CSS
  • Greifen Sie auf frühere Versionen freigegebener Designs zu

Preis: Beginnt bei 20 US-Dollar pro Monat und bietet eine kostenlose 14-Tage-Testversion

 SIEHE AUCH: 10 kostenlose Tools zum Erstellen eigener Schriftarten

Welche Photoshop-Plugins Würden Sie Designern empfehlen? Gibt es Plugins, ohne die du nicht leben kannst? Erzählen Sie uns davon in den Kommentaren.




Bisher hat noch niemand einen Kommentar zu diesem Artikel abgegeben.

Gadget-Kaufanleitungen, Technologien, die wichtig sind
Wir veröffentlichen detaillierte Anleitungen für den Kauf von Geräten, erstellen interessante Listen der besten Produkte auf dem Markt und berichten über Neuigkeiten aus der Welt der Technologie