de.hideout-lastation.com
Paradies Für Designer Und Entwickler


20 kostenlose & nützliche Photoshop-Plugins, die alle Designer haben müssen

Adobe Photoshop ist eine leistungsstarke Plattform, mit der Kreative ihre Arbeit auffrischen können. Manchmal fehlen jedoch viele Funktionen, die die Produktivität und den Arbeitsablauf verbessern und das Leben erleichtern. Zum Glück für uns unterstützt Photoshop Erweiterungen oder Plugins, die ihre Fähigkeiten erweitern . Und zum Glück haben wir einige der besten Photoshop-Plugins zusammengestellt, die es auf dem Markt gibt.

Diese Plugins helfen Ihnen, Zeit zu sparen, Schritte zu reduzieren, langwierige Prozesse zu automatisieren und vieles mehr. Sie helfen Ihnen, schneller und produktiver zu arbeiten, und sie sind absolute Must-Haves in Ihrem Designer-Toolkit.

  1. Lorem Ipsum Generator

    Der Lorem-Ipsum-Befehl kommt schließlich zu Photoshop CS6, hält aber die Feiern ab, dem generierten Text fehlt es immer noch an Variation. Für diejenigen unter euch, die Abwechslung brauchen, probieren Sie den "Lorem Ipsum Generator".

    Mit diesem Plugin können Sie Optionen anpassen, um Wörter, Sätze oder Absätze mit einem einfachen Klick zu generieren . Der Service kommt von lipsum.com, das seit Jahren von zahlreichen Designern eingesetzt wird. Es muss nur einmal installiert werden und kann dann in mehreren Adobe-Anwendungen verwendet werden.

    Kompatibilität : Adobe Photoshop, Illustrator, InDesign und Dreamweaver CS5 - Download

  2. Zelle

    Wie manipulierst du mehrere intelligente Objekte in Photoshop? Es wäre großartig, mit nur einem Klick mehrere intelligente Objekte erstellen oder trennen zu können. Cell lässt Sie das tun. Es ist ein Plugin, das mehrere ausgewählte Ebenen und Gruppen zu mehreren Smart Objects komprimieren kann, sowie die Fähigkeit, zu dekomprimieren, wodurch mehrere Smart Objekte in Layer-Gruppen mit einem Klick aufgeteilt werden .

    Die Aktion Speichern ist auch sehr nützlich: Sie können jetzt mehrere Smart Objects in einer einzigen PSD- oder PNG-Datei speichern . Dies ist eine clevere Möglichkeit, mehrere Smart Objects direkt als PNG-Assets zu speichern!

    Zelle herunterladen

  3. Swatchy

    Swatchy ist ein einfacher und eleganter Farbfeldmanager für Photoshop, mit dem Sie Farbfelder in Ordnern organisieren können. Die Farbfelder können als Vordergrund- oder Hintergrundfarben ausgewählt werden. Auf diese Weise können Sie Ihre Farbschemata speichern und einfach aufrufen und Farben anzeigen, die Sie häufig verwenden .

    Nehmen wir an, Sie möchten eine App oder eine Website entwerfen. Dieses kostenlose Plugin kann Ihnen dabei helfen , alternative Farbschemata zu erstellen, indem Sie einfach Farbfelder auswählen und in ein paar Ordnern organisieren. Es ist praktisch und spart Zeit.

    Kompatibilität : Photoshop CC, CC2015 - Download

  4. Schnittstellenwerkzeuge

    Navigieren durch Photoshop , um die benötigten Tools zu finden, ist ärgerlich . Es braucht Zeit, um von Werkzeug zu Werkzeug zu gehen . Das Zentrieren von Elementen ist auch ein Problem, wenn Sie nicht das richtige Werkzeug verwendet haben. Um den ganzen Ärger wegzubekommen, können Sie dieses kleine kostenlose Plugin Interface Tools verwenden. Dieses Plugin stellt alle notwendigen Tools und Schnellzugriffe zur Verfügung, auf die zugegriffen werden kann, alle an der gleichen Stelle.

    Es macht sehr viele einfache Dinge sehr gut. Schnelles Ein- und Ausschalten, horizontales oder vertikales Zentrieren, Zuschneiden eines Dokuments oder "Speichern für das Web" mit einem Klick. Es ist eine große Zeitersparnis und wird dringend empfohlen, wenn Sie möchten, dass alle Ihre Tools zusammengeführt werden .

    Kompatibilität : Photoshop CC - Download

  5. Flaticon

    Wie oft müssen Sie Ihre Arbeitsumgebung verlassen, nur um nach dem richtigen Symbol zu suchen? Nutzen Sie das FlatIcon-Plugin, um schnell die benötigten Symbole zu finden. Es sind mehr als 40.000 Icons verfügbar und die Datenbank bleibt immer synchron - es ist keine manuelle Aktualisierung erforderlich. Dieses kostenlose Plugin platziert ein neues Bedienfeld in Photoshop, mit dem Sie nach beliebigen Symbolen suchen und es direkt in Ihr Dokument einfügen können.

    Da es sich um Vektorformen handelt, können Sie die Größe ändern und bearbeiten, ohne die Qualität zu verlieren . Eine Sammlung von Pfeilen und typischen Webelementen zu haben, ist allein die Installation wert. Sie können die Symbole auch einzeln von der Website herunterladen.

    Kompatibilität : Photoshop CC, CS5, CS6 - Download

  6. Layersteuerung2

    Layrs Control 2 ist eine Sammlung von sieben Skripten, mit denen Sie Ihre Arbeit in Photoshop viel einfacher gestalten können. Es ist eine praktische Lösung für das Layer-Management und wird vor allem dann nützlich sein, wenn Sie an komplexen Entwurfsprojekten mit vielen Layern arbeiten.

    Es bietet sieben Hauptfunktionen, darunter das Umbenennen von Ebenen und Ordnern, das Entfernen nicht verwendeter Effekte zum Optimieren des Projekts, das Reduzieren aller Ebeneneffekte, das Wegwerfen leerer Ebenen und das Rastern von intelligenten Objekten. Darüber hinaus können Sie Ebenen in einzelne intelligente Objekte konvertieren und ähnlich benannte Dateien und Ordner finden.

    Kompatibilität : Photoshop CC, CC2014 - Download

  7. Zufälliger Benutzergenerator

    Wenn wir ein Mock-up-Design machen, verschwenden wir Zeit mit der Suche nach zufälligen Fotos von Personen, die wir in das Modell einfügen. Ein anderes zeitverschwendendes Ereignis ist das Erstellen eines glaubwürdigen Benutzernamens . Wenn diese Probleme Sie plagen, können Sie jetzt mit dem Random User Generator Photoshop Plugin, das dies schnell und einfach für Sie erledigt.

    Sie können zufällige männliche oder weibliche Benutzerbilder ziehen und ablegen und Beispielnamen direkt in Ihre PSDs generieren. Dann klicken und ziehen Sie das Profilfoto in Ihr Photoshop-Dokument oder kopieren und fügen Sie das Bild und den gewünschten Namen ein. Um mit dem Fluss zu gehen und einen neuen zufälligen Benutzer zu generieren, klicken Sie auf die Schaltfläche "Neuer zufälliger Benutzer".

    Kompatibilität : Photoshop CS6, CC2014, CC2015 - Download

  8. Schneide und schneide mich

    Cut & Slice Me ist ein Plugin, das die benötigten Assets als PNG-Dateien exportiert, wobei alle transparenten Pixel getrimmt werden . Alles, was Sie tun müssen, ist @ am Ende des Layernamens hinzuzufügen und es erledigt den Rest. Das Plugin organisiert und gruppiert die Ebenen so, als wären sie Objekte . Wenn Sie möchten, dass Ihre Datei in einer festen Größe exportiert wird, können Sie einen rechteckigen Vektor als erste Ebene erstellen und ihn dann # benennen.

    Die letzte Gruppe wird in der von Ihnen gewünschten Größe exportiert. Dies funktioniert auch gut mit Knopfzuständen. Wenn Sie Probleme bei der Verwendung haben, lesen Sie einfach den FAQ-Bereich und genießen Sie den Humor des YouTubers, wenn Sie Antworten auf häufig auftretende Probleme geben, denen Nutzer mit dem Plugin begegnen.

    Kompatibilität : Photoshop CS6, CC - Download

  9. Leitfaden

    Mit dem GuideGuide Photoshop-Plugin können Sie pixelgenaue Spalten, Zeilen, Mittelpunkte und Grundlinien basierend auf Ihrem Dokument oder Ihrer Auswahl erstellen . Es ermöglicht Ihnen, häufig verwendete Führungssets zu speichern, die Sie für eine spätere Verwendung benötigen. Sie können auch mehrere Arten von Messungen verwenden.

    Mit dem Plugin können Sie genau messen, wie breit ein Navigationselement sein sollte, um gleichmäßig über die Breite eines Standorts zu passen, sowie Basislinienraster und Elementauffüllung erstellen . Sie können es kostenlos ausprobieren oder es für nur $ 10 für Photoshop CC oder neuer kaufen.

    Kompatibilität : Photoshop CS5, CS6 und CC - Download

  10. Verwandle jeden

    Der Befehl "Transformiere alle" ist ein nettes Feature von Illustrator, das in Photoshop fehlt. Sie können Gruppen von Layern transformieren, da sie individuell transformiert wurden . Es fühlt sich gut an, wenn Sie in der Lage sind, mehrere Elemente zu skalieren, zu drehen und neu zu positionieren, ohne sie jedes Mal neu positionieren zu müssen.

    Es hat auch die Möglichkeit, Stile zu skalieren und Proportionen zu beschränken . Denken Sie daran, immer die Schaltfläche Vorschau zu verwenden, um auf das Endergebnis zu blicken, bevor Sie auf die Schaltfläche OK klicken.

    Kompatibilität: Photoshop CS5, CS6, CC2014, CC2015 - Download

  11. Langer Schattengenerator 2

    Die Erstellung des "Long Shadow Effect" ist selbst für den Anfänger in Photoshop einfach. Aber es wird ein Alptraum sein, zu editieren, wenn Ihr Kunde das Endergebnis nicht mag. Um dies zu verhindern, probieren Sie diese Photoshop-Erweiterung namens Long Shadow Generator 2 aus.

    Wie der Name schon sagt, kann dieses Plugin mit einem Klick lange Schatten erzeugen. In den Bedienfeldeinstellungen können Sie die Schattenlänge, Schattentrübung, Abflachung oder Verlaufsschatten, schwarze oder weiße Schatten- und Schattenwinkel einstellen .

    Kompatibilität: Photoshop CC, CC2014, CS6 - Download

  12. Dito

    Wenn Sie Photoshop die Verwendung von Variablen für Attribute wie Farben, Text, Schriftgrößen und Sichtbarkeit erlauben möchten, sollten Sie Ditto ausprobieren. Es unterstützt Variablen für Füllfarben, Textzeichenfolgen einschließlich Sonderzeichen, Sichtbarkeit, Schriftgrößen, Schriftfamilie, Schriftfarben, Zeilenhöhen, X-Position und Y-Position . Für jede Variable müssen Typ, Name und Wert angegeben werden.

    Für diejenigen, die das Plugin nicht haben, sehen sie eine Gruppe im Ebenen-Panel mit dem Namen dittoVariables, werden aber ansonsten davon nicht betroffen sein. Eine Ebene kann mehrere Variablen enthalten und die Benennung von Ebenen wird nicht vorgeschrieben.

    Kompatibilität: Photoshop CC2015 - Download

  13. CSS3Ps

    CSS3Ps ist ein Photoshop-Plugin, das Ebenen in den CSS3-Stil konvertiert . Sie müssen nur Ebenen auswählen und dann auf die Schaltfläche CSS3Ps klicken. Das Plugin verweist Sie auf die CSS3Ps-Webseite, auf der die Ausgabe generiert wird. Das CSS3Ps-Plugin unterstützt mehrere Layer, Hersteller-Präfixe für die browserübergreifende Kompatibilität, SASS und SCSS .

    Es unterstützt auch Stile wie Rahmenradius, Verlaufsüberlagerung, Abschrägung und Prägung, Strich, Schatten und Glühen, Satin und mehr. Es ist erwähnenswert, dass Sie die richtigen Photoshop-Effekte verwenden müssen, damit das Plug-in entsprechend konvertiert wird.

    Kompatibilität: CS3 und höher, CC, CC2014, CC2015 - Download

  14. Breeezy

    Breeezy ist eine Photoshop-Erweiterung, die in Photoshop Photoshop-Funktionen für mehrschichtige Exportfunktionen bietet, mit denen Sie mehrere Grafikelemente aus Ihrer PSD mit einem Klick exportieren können . Dies macht es schnell und einfach, Grafiken für die App-Entwicklung, Websites oder Flash-Banner vorzubereiten.

    Es bietet die Möglichkeit, die Transparenz einer Ebene beim Exportieren zu speichern, Ebenennamen an Dateien zu übergeben und alle exportierten Dateien und Assets in einem Ordner zu organisieren.

    Kompatibilität: Photoshop CS5 und höher - Download

  15. Pixel2Vektor

    Pixel2Vector ist ein sehr beeindruckendes Werkzeug, das jede Pixelgrafik mit nur einem Klick in eine vollständig skalierbare Vektorform umwandeln kann ! Die Vector Shape-Funktion konvertiert jede ausgewählte Ebene oder Layergruppe in eine Vektorform. Wenn Sie fertig sind, können Sie den Vektor wie jede andere Vektorform bearbeiten, ohne Verlust skalieren oder einfach neu einfärben.

    Eine weitere Funktion ist das Custom Shape Tool, das jede ausgewählte Ebene oder Layergruppe in ein Custom Shape Tool umwandelt. Sie können die Form finden, indem Sie das Custom Shape Tool am unteren Rand der Formpalette auswählen .

    Kompatibilität: CS5, CS6, CC, CC2014 und Photoshop CS3 + (als Aktionssatz) - Download

  16. Schrift Awesome

    Ein weiterer robuster Icon-Finder, das Font Awesome-Plugin, hilft Ihnen, ein Symbol direkt in Photoshop zu suchen und einzufügen . Dieses kostenlose Plugin fügt ein neues Panel hinzu, mit dem wir nach einem beliebigen Symbol suchen können, indem Sie das gewünschte Keyword eingeben.

    Suchen Sie nach einem Symbol und klicken Sie, um eine neue Ebenenform zu erstellen, die Sie einfach bearbeiten können. Es ist eine echte Zeitersparnis, sehr zu empfehlen, wenn Ihr täglicher Alltag sich mit der Arbeit mit Icons beschäftigt.

    Kompatibilität : Photoshop CC - Download

  17. Rentnerisch

    Render.ly wird Bildschirme, Assets und detaillierte Design-Spezifikationen für Sie exportieren. Nur Elemente, die sich geändert haben, werden exportiert. Sie müssen nur ein richtiges Präfix verwenden und Render.ly wird die ganze harte Arbeit erledigen. Mit Render.ly können Sie Varianten zu Bildschirmen hinzufügen, Assets verwalten, detaillierte Design-Spezifikationen erstellen und sie am Ende automatisch mit einem Klick exportieren.

    Um Ihre Symbole als Vektoren zu erhalten, fügen Sie das ico- Präfix hinzu. Benenne eine Gruppe mit "btn"; Erstellen Sie einen Zustand, indem Sie zB ": hover" am Ende des Namens innerhalb dieser Gruppe einfügen; um Bilder zu exportieren, fügen Sie "img" als Präfix hinzu; Das Bild wird als Rastergrafik exportiert.

    Kompatibilität : Photoshop CC2014, CC2015 - Download

  18. Griddify

    Dank Griddify sind wir jetzt in der Lage , benutzerdefinierte Rastersysteme, vertikalen Rhythmus und mehr mit Hilfslinien in Photoshop zu erstellen. Griddify fügt Photoshop ein intuitives Bedienfeld hinzu, das drei einfache, aber umfangreiche Optionen namens Griddify, Divide und Wrap enthält.

    Geben Sie einen Pixelwert ein und klicken Sie auf "Griddify". In den von Ihnen eingegebenen Intervallen wird eine Hilfslinie hinzugefügt . Sie können damit herumspielen für mehr Spalten und Rinnen, oder ändern Sie die Ausrichtung, um eine Grundlinie zu erstellen. Die Option "Teilen" eignet sich hervorragend für reaktionsschnelle Websites und teilt den ausgewählten Bereich in die gewünschte Anzahl von Abschnitten auf. Die Option "Umbruch" fügt Hilfslinien zu den Kanten Ihrer Auswahl hinzu .

    Kompatibilität : Photoshop CS6, CC - Download

  19. Bildschirm speichern

    Save Panel ist ein Photoshop-Plugin zum Speichern von Dateien, mit dem Sie Speicheroptionen mit Ihren bevorzugten Einstellungen konfigurieren können. Beispielsweise müssen Sie möglicherweise ein Bildmaterial mit verschiedenen Größen für verschiedene Zwecke speichern. Mit der Option "Speichern" können Sie den Zielordner (absolut oder relativ), die Bildgröße, den Dateityp und den Dateinamen auswählen.

    Es gibt keine Begrenzung für die Anzahl der Schaltflächen, die Sie mit dem Bedienfeld "Speichern" erstellen und anpassen können. Um es einzurichten, speichern Sie einfach Presets, die im Optionsdialog erstellt wurden. Jedes Preset wird dann mit einer Schaltfläche auf dem Bedienfeld dargestellt, sodass Sie schnell auf Ihre bevorzugten Einstellungen zugreifen können. Sie können Bilder sogar in Photoshop mithilfe von Cloud-Speicherdiensten wie Dropbox freigeben.

    Kompatibilität : Photoshop CS5, CS6, CC, CC2014 - Download

  20. UberColumn

    In Photoshop ist es ein echter Schmerz, wenn Sie eine Website mokieren, um zwei separate Textebenen festlegen und ausrichten zu müssen, wenn Sie mehrere Textspalten haben möchten. In diesem Fall ist UberColumns ein Photoshop-Plugin, das Ihnen helfen kann. Es ermöglicht Ihnen , einen einzelnen Textblock auf einer Ebene in ein bestimmtes Spaltenlayout zu konvertieren und die Bundbreite anzupassen.

    Um dieses Plugin zu verwenden, ziehen Sie einfach eine Textbox mit dem Textwerkzeug heraus und geben Sie Ihren Text normal ein. Nachdem Sie den Text übergeben haben, öffnen Sie das Fenster " Spalten" über " Fenster"> "Erweiterungen"> "Spalten" . Stellen Sie die Anzahl der Spalten und des Zwischenraums ein und klicken Sie auf OK . Ihr Text sollte jetzt in Spalten konvertiert werden.

    Kompatibilität : Photoshop CC, CC2014, CC2015 - Download

Bonus: 2 weitere Plugins

Schichthandwerk

Mit diesem kostenlosen Plugin können Sie ausgewählte Ebenen direkt in iOS oder Android exportieren. Sie können bis zu 200% skalieren, bis zu 50% verkleinern, leere Pixel für PNG-Dateien duplizieren, zuschneiden und entfernen. Das CC2014-Plugin ermöglicht es Ihnen auch, den Ausgabeordner festzulegen und Ihre Live-Shapes in reguläre Pfade zu verwandeln .

Kompatibilität : Photoshop CC, CC2014, CC2015 - Download

Komponist

Wenn Sie mehrere Ebenen Comps haben, können Dinge manchmal leicht durcheinander geraten. Mit Composer haben Sie die vollständige Kontrolle über das Vornehmen von Änderungen, das Ändern von Positionen und die Sichtbarkeit von Ebenen auf einmal. Wählen Sie einfach die Layer-Comps aus, auf die die Änderungen angewendet werden sollen, und wählen Sie dann einen der vier folgenden Befehle aus: Layerstil aktualisieren, Position aktualisieren, Sichtbarkeit aktualisieren oder Alle aktualisieren.

Kompatibilität : Photoshop CS5, CS6, CC - Download

20 Beispiele für vertikales Split-Screen-Layout im Webdesign

20 Beispiele für vertikales Split-Screen-Layout im Webdesign

Ein Split-Screen-Layout wird verwendet, wenn Vollbildelemente in zwei oder mehr vertikale Teile unterteilt sind . Trotz der Tatsache, dass solche Art von Website-Layouts heutzutage trendy sind, kann diese Entscheidung Ihr Design machen oder brechen. Wenn es logisch und korrekt gemacht wird, bietet Split-Screen-Layout eine magische Erfahrung für Ihre Benutzer.

(Tech- und Design-Tipps)

Sketch App Sources - Die einzige Website, die Sie für Sketch Freebies & Tutorials benötigen

Sketch App Sources - Die einzige Website, die Sie für Sketch Freebies & Tutorials benötigen

Es ist nicht zu leugnen, dass Sketch sich wie ein Lauffeuer verfangen hat. Es ist viel billiger als die gesamte Adobe-Software, und es wurde speziell für digitales Design entwickelt, was es zur perfekten Wahl für Mobile- und Webdesigner macht.Wenn Sie Sketch neu sind, werden Sie Sketch App Sources lieben.

(Tech- und Design-Tipps)