10+ kostenlose Photoshop-Plugins für Webdesigner
Durch die Verwendung von Photoshop-Erweiterungen können Sie beim Entwerfen, bei der Optimierung Ihres Workflows und bei der Steigerung Ihrer Produktivität erheblich helfen. Sie können ein Photoshop-Plugin für verwenden beschleunigen sich wiederholende oder langwierige Aufgaben sowie:
- lange Schatten erzeugen
- Photoshop-Ebenen exportieren
- PSD in CSS3 konvertieren
- Konvertieren Sie Photoshop-Text in SVG
- Konstruktionsspezifikationen in Photoshop erstellen
- wandeln Sie skeuomorphes Design in flaches Design um
Es gibt viele andere Photoshop-Erweiterungen, und auf dieser Liste stehen 12 fantastische Erweiterungen, die Ihnen helfen Verwalten Sie Ihre Ebenen, Farben und Hilfslinien und mehr, um Ihre Arbeitsbelastung zu verringern und helfen Ihnen, sich mehr auf das zu konzentrieren, was Ihre Aufmerksamkeit erfordert. Wenn Sie weitere Photoshop-Plugins oder -Erweiterungen kennen, teilen Sie uns dies bitte in den Kommentaren mit.
1. Hexy
Hexy bietet Ihnen einen schnelleren Weg Hex- und RGB-Farbcode erhalten. Mit diesem Plugin können Sie das Pipettenwerkzeug verwenden und einfach auf die Farbe des Bildes klicken, das Sie aufnehmen möchten. Hexy kopiert die Farbe automatisch in die Zwischenablage. Auf diese Weise können Sie es sofort einfügen, um es in CSS zu verwenden. Es ist ein praktisches Werkzeug für die Farbauswahl.
Kompatibilität: Photoshop CC 2014
2. Größenmarkierungen
SizeMark ermöglicht es Ihnen Fügen Sie mit einem Laufschriftwerkzeug Beschriftungen mit einer Objektgröße oder dem Abstand zwischen den einzelnen Objekten hinzu. SizeMark speichert jedes erstellte Label in einer neuen Ebene, sodass Sie es an Ihre Bedürfnisse anpassen können, z. die Farbe ändern oder ihre Position anpassen. Es ist wichtig, wenn Sie PSD in eine funktionale Website übersetzen müssen.
Kompatibilität: Photoshop CC 2014
3. Pictura
Müssen Sie Bilder in Ihr Design einfügen? Sie sollten Pictura installieren. Pictura ermöglicht das Suchen und Hinzufügen von Bildern zu Photoshop, ohne den Arbeitsbereich zu verlassen. Nach der Installation fügt Pictura ein neues Fenster hinzu, in dem Sie ein beliebiges Bild in einer beliebigen Lizenz suchen können, und es dann sofort in Ihr Design einfügen.
Kompatibilität: Photoshop CC 2014
4. Ofen
Oven ist ein schickes Plugin, mit dem Sie Ihre Assets besser verwalten können. Mit dem Generator von Photoshop können wir Bilder in Echtzeit exportieren, aber Sie müssen alle Ebenen umbenennen, um das Bild korrekt und mit einem richtigen Namen zu erzeugen. Ofen beseitigt diesen Streit.
Kompatibilität: Photoshop CC und CC 2014
5. Tinte
Die Umwandlung von PSD in eine funktionale Website ist immer ein schwieriger Prozess. Es gibt so viele Details wie Ebenenstile, Schriftgröße, verwendete Schriftfamilie, Elementgröße und Position im Vergleich zu anderen Elementen. Tinte wird dir helfen generieren Sie diese Informationen leicht.
6. LayerCraft
LayerCraft ist ein Photoshop-Plugin, mit dem Sie das tun können Exportieren Sie Ebenen in mehrere Skalen. Sie können Bilder in exportieren @ 1x
, @ 2x
und selbst @ 3x
(was bei iOS-Geräten mit Retina-Bildschirm erforderlich ist) oder mdpi
und xhdpi
für Android. Wenn dein täglicher Job ist Erstellen einer Benutzeroberfläche für die mobile Schnittstelle, Dies ist das Tool, das Ihnen viel Zeit spart.
Kompatibilität: Photoshop CC und CC 2014
7. Komponist
Composer verbessert die Photoshop Layer Comps-Funktion. Anstatt mehrere separate Dateien zum Speichern jeder Entwurfsversion zu haben, können Sie mit Layer Comps alle Dateien in einer einzigen Datei speichern und verwalten. Layer Comps verhalten sich ähnlich wie ein Smart Object. Jede kann eine Reihe von Eigenschaften enthalten, z. B. Ebenenstile und Mischmodi. Composer liefert in diesem Fall die einfachste Möglichkeit, diese Stile zu aktualisieren mit nur einem Klick.
Kompatibilität: Photoshop CS5, CS6 und CC
8. Velositey
Geschwindigkeit ist eine Erweiterung, die das kann Hilfe beim Erstellen eines Webdesign-Prototyps schnell. Velocitey wird mit einer Handvoll voreingestellter Vorlagen einschließlich des Rasters geliefert. Es enthält auch allgemeine Platzhalter für Layout für Kopfzeile, Inhalt und Fußzeile der Website. Sie können alle diese Komponenten mit einem Klick hinzufügen. Es ist buchstäblich eine Zeitersparnis (und es ist kostenlos).
Kompatibilität: Photoshop CS6, CC, CC 2014
9. Vervielfältiger
Duplllicator bietet den schnellsten Weg zu Photoshop-Ebenen oder -Gruppen duplizieren. Sie können die Anzahl der gewünschten Kopien angeben und dann den vertikalen und horizontalen Abstand der duplizierten Ebene festlegen.
Kompatibilität: Photoshop CC und CC 2014
10. QuickGuide
QuickGuide hilft Ihnen dabei Zeichnen Sie Richtlinien in Photoshop. Dieses Plugin bietet 12 Voreinstellungen zum einfachen Hinzufügen von Führungen auf einer Seite, zwei benachbarten Seiten oder allen Seiten jedes Objekts. Zu den weiteren Funktionen, die das Gerät unterstützt, gehören die Umschaltverriegelung und die Sichtbarkeit, das Löschen ganzer oder ausgewählter Hilfslinien sowie Kopierhilfen.
Kompatibilität: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator wird zufällige Wörter oder Phrasen erzeugen. Sie müssen Lorem Ipsum nicht direkt von einem anderen Ort aus kopieren, sondern direkt aus Ihrem Photoshop-Arbeitsbereich. Zur Anpassung der Ausgabe stehen verschiedene Optionen zur Verfügung. Dieses Plugin ist auch für Illustrator, InDesign und Dreamweaver verfügbar.
Kompatibilität: Photoshop CS5, CS6 und CC
12. Lorem Picsum
Lorem Picsum erzeugt zufällige Bilder anstelle von Text. Das bereitgestellte Bild stammt aus beliebten Film- und Fernsehsendungen wie z Futurama, Rio, Die Simpsons, Findet Nemo, und OBEN.
Kompatibilität: Photoshop CS6 und CC