Empfohlen, 2024

Tipp Der Redaktion

20 Beste Photoshop-Plugins für Designer

Obwohl es viele gute und kostenlose Alternativen gibt, ist Photoshop immer noch der beliebteste und leistungsfähigste Grafikeditor und die Standardauswahl vieler Designer, Illustratoren und Fotografen. Machen Sie sich keine Sorgen, wenn Sie eine Funktion benötigen, die Sie aber nicht in Photoshop finden können. Es stehen zahlreiche Skripts 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 Ihr ​​Leben erheblich erleichtern. Mit diesem Plugin können Sie Website-Mockups erstellen, indem Sie Layout-Anleitungen und Vorlagen für das 960-Grid bereitstellen. Sie können damit Platzhaltertext generieren und vorgefertigte Oberflächenelemente auswählen, um sie Ihrer Website hinzuzufügen. Jedes Element kann als separate Ebene geändert werden. WebZap kann außerdem attraktive Voransichten Ihres Designs für Showcases und Präsentationen erstellen.

Hauptmerkmale:

  • Erfordert Photoshop CS 5 oder neuer
  • Funktioniert sowohl unter OS X als auch unter Windows
  • Lässt Sie Website-Mockups erstellen
  • Bietet vorgefertigte Layouts
  • Erzeugt Dummy-Text ("Lorem ipsum") und UI-Elemente (Menüs, Schaltflächen ...).

Preis: 19 $

2.Webbsy

Webbsy macht Webdesign zu einem Kinderspiel, indem es PSD-Dateien in HTML und CSS konvertiert. Sie müssen Ihre Ebenen nicht kennzeichnen - 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 die entsprechenden Größen exportiert wird. Mit Webbsy können Sie Google Fonts in Ihren Designs verwenden und automatisch in die Formate LESS, SASS, SCSS, Stylus, HAML, Slim und Jade exportieren.

Hauptmerkmale:

  • Wandelt Ihre PSD-Designs in HTML und CSS um
  • Unterstützt Google Fonts, WENIGER, SASS, SCSS und Stylus
  • Damit können Sie Bilder aus Ihrem Projekt exportieren und deren Qualität auswählen
  • Slices-Bilder können Textelemente exportieren
  • Erfordert Photoshop CS6 oder neuer, einschließlich CC

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

3. Geschwindigkeit 2

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

Hauptmerkmale:

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

Preis: Kostenlos

4. Elemente

Wollten Sie schon immer ein eigenes WordPress-Theme erstellen, hatten aber keine Zeit, sich mit dem gesamten Coding auseinanderzusetzen? Elemente by Divine Project ist ein Plugin, mit dem Sie das PSD-Design in ein WordPress-Design konvertieren können. Sie können im Layout-Editor einen Entwurf von Grund auf entwerfen oder die bereitgestellten Vorlagen ändern und Elemente dann den Design-Code 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 Typografie-Parameter wie Kerning und Baseline-Shift und ermöglicht das Exportieren der gesamten Textformatierung (Schriftgröße, Gewichtung, Ausrichtung usw.). Der von Elemente produzierte Code ist gültig und SEO-optimiert. Wenn Sie möchten, können Sie ihn in einem beliebigen anderen Code-Editor ändern.

Hauptmerkmale:

  • Konvertiert PSD in ein WordPress-Design
  • Keine Kodierung erforderlich Entwerfen Sie einfach einen Entwurf, 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 auf der Grundlage Ihres gesamten Projekts oder nur der ausgewählten Teile erstellen. Sie können auch 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) zur späteren Verwendung speichern. Führungen können mit einem Mausklick umgeschaltet werden, und Sie können sogar ein Raster in einem Raster erstellen!

Hauptmerkmale:

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

Preis: Kostenlos

6. Layrs-Kontrolle 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 glätten
  • Entfernen Sie leere Ebenen und nicht verwendete Effekte

Preis: Kostenlos

7. CSS3PS

Dieses Plugin vereinfacht die Konvertierung 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 Ihren Standard-Webbrowser lädt. Zu den unterstützten Eigenschaften gehören Größe, Randradius, Innen- und Schattenwurf, Innen- und Außenschimmer sowie die üblichen Schrifteigenschaften für Textebenen.

Hauptmerkmale:

  • Funktioniert unter Windows und OS X, erfordert Photoshop CS3 oder neuer
  • Ermöglicht das Konvertieren einer oder mehrerer Ebenen in CSS-Code
  • Unterstützt Browser-Präfixe (-webkit-, -moz-, -ms-…)
  • Berechnet automatisch die entsprechenden Größen und konvertiert die Ebenengröße

Preis: Kostenlos

8. UberColumns

UberColumns ist ein praktisches Plugin, wenn Sie viel Zeit mit dem Bearbeiten von Text in Ihren Designs verbringen. Sie können Text in Spalten formatieren. Der gesamte Text bleibt auf einer Ebene und wird automatisch an die Größe der Ebene angepasst, wenn Sie sie ändern oder mehr Text hinzufügen. Sie müssen lediglich die Anzahl der Spalten auswählen.

Hauptmerkmale:

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

Preis: Kostenlos

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 schnell und einfach auf Ihre Farbschemata zugreifen und Farben anzeigen, die Sie häufig verwenden.

Hauptmerkmale:

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

Preis: Kostenlos

10. MagicPicker

MagicPicker ist ein Farbmanagement-Plugin, das die in Photoshop vorhandenen Farbwerkzeuge durch Hinzufügen nützlicher Funktionen verbessert. Sie können Optionen wie die Tonsperre verwenden, um das Gamma der ausgewählten Farben zu steuern, und ein verbessertes Farbrad-Werkzeug mit den Modi Dreieck, Rahmen und Rauten. Darüber hinaus können Sie Farbschemata erstellen und bieten 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
  • Lässt Sie Farbschemata generieren
  • Wählen Sie Farben aus einem verbesserten Farbrad mit 3 Modi und Tonarretierung
  • Wählen Sie nur warme oder kalte Töne aus der Palette
  • Kopieren Sie HEX-Farbcodes mit einem Klick

Preis: 19 $; kostenlose 15-tägige 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 es verwenden, um Ihre eigenen Fotoeffekte und Filter zu erstellen, und Sie haben Zugriff auf ein umfangreiches Online-Repository mit vom Benutzer eingereichten Inhalten. Es unterstützt nahtloses Kacheln von Texturen und Filter können in jeder Auflösung gerendert werden. Für jedes Preset stehen mehrere Variationen zur Auswahl, daher sollte FilterForge alle Ihre Fotoeffektanforderungen erfüllen.

Hauptmerkmale:

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

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

12. Eye Candy 7

Eye Candy 7 von Alienskin ist ein Plugin, mit dem Sie zwischen 32 Effektkategorien und mehr als tausend Voreinstellungen für Ihre Grafiken wählen können. Sie können damit eigene 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 so lange nicht berührt wird, bis Sie sie ändern.

Hauptmerkmale:

  • Realistische Effekte erstellen und anwenden
  • Wählen Sie Voreinstellungen aus einer umfangreichen Sammlung
  • Unterstützt die Bearbeitung in einer neuen Ebene, um das ursprüngliche Design zu erhalten
  • Sofort Vorschau der Effekte
  • Funktioniert auf OS X OS X 10.7 oder neuer, Windows 7 und 8
  • Erfordert Photoshop CS5, Elements 10 oder neuer

Preis: $ 129, kostenlose Testversion verfügbar

13. Font-Held

Font Hero hilft Ihnen beim Organisieren von Zeichensätzen und macht eine separate Anwendung zur Zeichensatzverwaltung überflüssig. Dieses Plugin lädt alle installierten Schriftarten von Ihrem Computer in eine übersichtliche Oberfläche, in der Sie sie markieren, als Favorit markieren und gruppieren können. Sie können Zeichensätze sofort in der Vorschau anzeigen und deren 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 getrennt für Ihre Bequemlichkeit.

Hauptmerkmale:

  • Importieren Sie eine Vorschau und organisieren Sie alle Ihre Schriftarten direkt in Photoshop
  • Tag- und Favoritenschriftarten, um die Suche zu erleichtern
  • Unterstützung für Webfonts
  • Funktioniert unter OS X und Windows, erfordert Photoshop CC 2014

Preis: 39 $

Einige andere Photoshop-Plugins

14. FlatIcon

FlatIcon ist eine beliebte Bestandsressource. Mit diesem einfachen Plugin können Sie die kostenlosen Symbole direkt in Photoshop verwenden. Ausgewählte Symbole werden als Vektoren importiert. Sie können sie also frei an Ihr Projekt anpassen.

Hauptmerkmale:

  • Bietet Ihnen Zugriff auf Tausende von kostenlosen Symbolen
  • Alle Icons sind im vollständig bearbeitbaren Vektorformat verfügbar
  • Unterstützt Photoshop CS5, CS6, CC und CC 2014

Preis: Kostenlos

15. QR Code Generator

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

Hauptmerkmale:

  • Erzeugt QR-Codes als Bilder, die Sie ändern können
  • Unterstützt verschiedene QR-Code-Typen
  • Codes sind für das Drucken 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 als PNG-Dateien exportieren und komprimieren, um die Dateigröße zu reduzieren und gleichzeitig die Transparenz zu erhalten. Es unterstützt die Stapelverarbeitung und konvertiert Bilder bei Bedarf automatisch in sRGB. Und es hat einen niedlichen Panda als Maskottchen!

Hauptmerkmale:

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

Preis: 40 $

17. Descreen

Descreen ist ein Retter, wenn Sie in Ihren Konstruktionsprojekten häufig gescanntes Material verwenden. Es entfernt Bildschirm- und Moiré-Muster (Interferenzmuster) aus gescannten Bildern mithilfe einer präzisen Fourier-Transformationsmethode. Im Gegensatz zu anderen Tools, die auf Unschärfe setzen, kann Descreen dank dieses Ansatzes mehr Details erhalten. Die empfohlene Auflösung für Scans liegt zwischen 600 und 1200 Pixel / Zoll.

Hauptmerkmale:

  • Unterstützt Photoshop ab 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öße ändern

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. Perfect Resize kann Fotos vergrößern, die von mobilen Geräten aufgenommen wurden, und erweiterte Ränder zum Drucken von Fotos auf die Leinwand erstellen. Mit dieser Funktion können Sie Fotos stapelweise vergrößern und zwei verschiedene Versionen eines Bildes speichern.

Hauptmerkmale:

  • Damit können Sie Fotos vergrößern, zuschneiden und begradigen
  • Optimiert Fotos zum Drucken
  • Unterstützt das Ändern der Größe vieler Fotos gleichzeitig
  • Funktioniert unter Windows 7 & 8 und OS X 10.8 - 10.10
  • Erfordert Photoshop CS6, CC oder CC 2014 (auch Elemente 11, 12 oder 13)

Preis: 79, 95 US-Dollar, bietet eine 30-Tage-Testversion

19. Cover Action Pro

Dieses Plugin ist ideal für Buchcover-Designer und alle, die ihre Arbeit professionell und optisch ansprechend präsentieren möchten. Cover Action Pro konvertiert Ihre Designs in 3D-Produktaufnahmen. oder überträgt sie auf Produktmodelle. Sie können Vorlagen und Handbücher verwenden und aus 25 Kategorien mit mehr als 150 Modellen wählen, darunter Bücher, Hefter, DVD-Boxen, Grußkarten, Visitenkarten, Zeitschriften usw.

Hauptmerkmale:

  • Damit können Sie Ihre Designs in 3D-Produktmodelle konvertieren
  • Bietet Vorlagen und Modelle
  • Entwickelt für Photoshop CS6 und neuer, kann jedoch auch mit CS5, CS4 und CS3 arbeiten
  • Automatische Updates

Preis: 147 US-Dollar oder 247 US-Dollar mit 60 Designervorlagen

20. Avocode

Nein, es ist keine falsch geschriebene Frucht. Avocode ist ein Design-Collaboration- und Projektmanagement-Tool, das Designer und Entwickler zusammenbringen soll. Designer können ihr Projekt über das Photoshop-Plugin hochladen. 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 Ebenendimensionen zu erhalten. Avocode speichert zuvor hochgeladene Designversionen auf dem Server, sodass Sie sie als Versionskontrollsystem für Ihr Projekt verwenden können.

Hauptmerkmale:

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

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

SEHEN SIE 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.

Top