10+ Kostenlose Photoshop Plugins für Webdesigner

Die Verwendung von Photoshop-Erweiterungen erhöht die Fähigkeit, Sie beim Design zu unterstützen, Ihren Workflow effizienter zu gestalten und Ihre Produktivität zu steigern. Sie können ein Photoshop-Plugin verwenden, um sich wiederholende oder langwierige Aufgaben zu beschleunigen, wie zum Beispiel:

• erzeuge lange Schatten
• Photoshop-Ebenen exportieren
• Konvertiere PSD in CSS3
• Konvertiere Photoshop-Text in SVG
• Erstellen Sie Design-Spezifikationen in Photoshop
• wandeln Sie skeuomorphes Design in flaches Design um

Es gibt viele andere Photoshop-Erweiterungen, und auf dieser Liste sind 12 großartige, die Ihnen helfen , Ihre Ebenen, Farben, Hilfslinien und mehr zu verwalten, um Ihre Arbeitslast zu verringern und Ihnen zu helfen, sich mehr auf das zu konzentrieren, was Ihre Aufmerksamkeit erfordert. Wenn du mehr Photoshop Plugins oder Erweiterungen kennst, lass es uns in den Kommentaren wissen.

1. Hexy

Hexy bietet Ihnen eine schnellere Möglichkeit , Hex- und RGB-Farbcode zu 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 zur Farbauswahl.

Kompatibilität: Photoshop CC 2014

2. Größe Marken

Mit SizeMark können Sie Beschriftungen einer Objektgröße oder den Abstand zwischen den einzelnen Objekten mit einem Auswahlrechteck hinzufügen . SizeMark speichert jedes in einer neuen Ebene erstellte Etikett, damit Sie es beliebig anpassen können, z. B. die Farbe ändern oder die Position anpassen. Es ist wichtig für, wenn Sie PSD in eine funktionale Website übersetzen müssen.

Kompatibilität: Photoshop CC 2014

3. Bild

Müssen Sie Bilder in Ihr Design einfügen? Sie sollten Pictura installieren. Mit Pictura können Sie Bilder bequem in Photoshop durchsuchen und hinzufügen, ohne Ihren Arbeitsbereich zu verlassen . Nach der Installation fügt Pictura ein neues Panel hinzu, auf dem Sie ein beliebiges Bild in einer von Ihnen benötigten Lizenz suchen und es sofort in Ihr Design einfügen können.

Kompatibilität: Photoshop CC 2014

4. Ofen

Oven ist ein raffiniertes Plugin, mit dem Sie Ihre Assets besser verwalten können. Photoshop Generator erlaubt uns, Bilder in Echtzeit zu exportieren, aber Sie müssen alle Ihre Ebenen umbenennen, um das Bild korrekt und mit einem richtigen Namen zu generieren. Ofen beseitigt diesen Ärger.

Kompatibilität: Photoshop CC und CC 2014

5. Tinte

Die Konvertierung von PSD zu einer funktionalen Website ist immer ein schwieriger Prozess. Es gibt so viele Details, die untersucht werden müssen, wie Layerstile, Schriftgröße, verwendete Schriftfamilie, Elementgröße und Position gegenüber anderen Elementen. Tinte hilft Ihnen , diese Informationen einfach zu generieren .

6. Schichtkraft

LayerCraft ist ein Photoshop-Plugin, mit dem Sie Ebenen in mehrere Skalierungen exportieren können . Sie können Bilder in @1x, @2x und sogar @3x exportieren (was bei iOS-Geräten mit Retina-Bildschirm erforderlich ist), oder mdpi und xhdpi für Android. Wenn Ihr täglicher Job eine Benutzeroberfläche für die mobile Benutzeroberfläche erstellt, ist dies das Tool, mit dem Sie viel Zeit sparen.

Kompatibilität: Photoshop CC und CC 2014

7. Komponist

Composer verbessert die Photoshop Layer Comps-Funktion. Statt mehrere separate Dateien zum Speichern jeder Designrevision zu speichern, können Sie in Layer Comps alle Dateien in einer einzigen Datei speichern und verwalten. Layer Comps verhält sich ähnlich wie ein Smart-Objekt. Jeder kann einige Eigenschaften wie Ebenenstile und Füllmethoden enthalten. Composer bietet in diesem Fall die einfachste Möglichkeit, diese Stile mit nur einem einzigen Klick zu aktualisieren .

Kompatibilität: Photoshop CS5, CS6 und CC

8. Velositey

Velocity ist eine Erweiterung, mit der Sie schnell einen Webdesign-Prototypen erstellen können . Velocitey wird mit einer Handvoll voreingestellter Vorlagen einschließlich des Rasters geliefert. Es kommt auch mit allgemeinen Layout Platzhaltern für die Website Header, Inhalt und Fußzeile. Sie können alle diese Komponenten mit nur einem Klick hinzufügen. Es ist buchstäblich eine Zeitersparnis (und es ist kostenlos).

Kompatibilität: Photoshop CS6, CC, CC 2014

9. Duplizierer

Duplllicator bietet die schnellste Möglichkeit, Photoshop-Ebenen oder -Gruppen zu 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. Kurzanleitung

Mit QuickGuide können Sie Richtlinien in Photoshop zeichnen . Dieses Plugin bietet 12 Voreinstellungen für das einfache Hinzufügen von Hilfslinien auf einer Seite, zwei benachbarten Seiten oder allen Seiten jedes Objekts. Zu den weiteren Funktionen gehören das Umschalten zwischen den Führungslinien und der Sichtbarkeit, das Löschen ganzer oder ausgewählter Führungslinien sowie das Kopieren und Einfügen von Hilfslinien.

Kompatibilität: Photoshop CC 2014

11. Lorem Ipsum Generator

Lorem Ipsum Generator wird zufällige Wörter oder Sätze erzeugen . Anstatt es von einem anderen Ort kopieren zu müssen, können Sie Lorem Ipsum direkt aus Ihrem Photoshop-Arbeitsbereich generieren. Ein paar Optionen werden bereitgestellt, um die Ausgabe anzupassen. 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 statt Text . Das Bild stammt von populären Film- und Fernsehshows wie Futurama, Rio, Die Simpsons, Findet Nemo und UP .

Kompatibilität: Photoshop CS6 und CC

40 ausgezeichnete Mini-Icon-Sets

Wenn Sie auf der Suche nach Icons für Ihre Designs sind, können Sie verschiedene Arten von Icons haben, einige Multi-Purpose-Icons, die andere stark nischenspezifisch sind. Wenn Sie jedoch für eine mobile App oder ein mobiles Webdesign entwerfen, benötigen Sie eine Reihe von Mini-Symbolen .Für all diejenigen, die nach einem mobilen Display suchen, gibt es hier 40 hochwertige und kreative Mini-Icons . Sie

(Tech- und Design-Tipps)

So senden Sie gespeicherte Antworten in Gmail [Quicktip]

Sind Sie es leid, jeden Tag die gleichen E-Mails zu tippen und zu verschicken? Sie wissen, diejenigen, die die gleiche Nachricht enthalten, z. B. eine Notiz, die Kandidaten für die Bewerbung um eine Job-Eröffnung oder eine E-Mail-Marketing Ihre neuesten Anzeigenpreise zu danken. In diesem Fall ist die Verwendung von CC und BCC keine Option, da Sie ihre Namen eingeben müssen, damit Ihre E-Mails personalisiert erscheinen.We

(Tech- und Design-Tipps)