20 kostenlose Photoshop-Aktionen, die alle Designer haben müssen

Automatisierte Skripts sparen Zeit und verbessern den Arbeitsfluss in allen Kreativbereichen. Adobe-Produkte wie Photoshop bieten Skripts an Aktionen die einen Prozess mehrmals auf Knopfdruck automatisieren. Es gibt exklusive Photoshop-Action-Websites, aber viele davon richten sich an Fotografen.

Ich habe eine Handvoll Aktionen gesammelt, die direkt darauf abzielen UI-Designer, Icon-Designer und Produktdesigner Erstellen von Schnittstellen für Web und Mobile. Alle diese Aktionen können kostenlos für verschiedene Zwecke heruntergeladen werden. Überprüfen Sie vor dem Herunterladen die Details, um sicherzustellen, dass alles in Ihrer Photoshop-Version ausgeführt wird.

iOS 7 Unschärfe

Ab iOS 7 hat das Apple-Designteam a vorgestellt milchig-glas-unschärfe-effekt. Dies kann in Photoshop repliziert werden, erfordert jedoch ein wenig Ebenenmanipulation.

Designer Matt Smith erstellt iOS 7 Unschärfeaktionen um den Effekt auf jeder oberen Ebene zu replizieren. Wenn Sie Schwierigkeiten haben, die Aktionen auszuführen, können Sie eine begleitete PSD-Datei mit der bereits aufgebrachten Mattglasschicht herunterladen.

Bjango-Aktionen

Bjango ist ein kreatives Studio, das Apps und Open Source-Projekte für Designer erstellt. Die Site veröffentlicht praktische Artikel für PS-Benutzer und bietet ein komplettes GitHub-Repo mit Aktionen, die Sie kostenlos herunterladen können. Diese Aktionen umfassen verschiedene Nuancen für das Erstellen von Designs in Photoshop.

Die Liste enthält einen Schalter zum Ein- und Ausschalten von Pixeln, zum automatischen Duplizieren einer gesamten Leinwand, zum Zentrieren in einer Auswahl und sogar zum Ausschneiden einer Dribbble-Größe aus einem Dokument. Die Bjango-Aktionssammlung ist derzeit in Version 4 mit Dutzenden von Aktionen, Skripts und OS X-Workflows.

Kein Banding mehr

Jeff Broderick baute eine einfache Aktion namens Kein Banding mehr Dies ist ein kostenloser Download und für die digitale Designarbeit unglaublich wertvoll.

Farbverläufe in Photoshop können Farbbereiche aufweisen, bei denen die abgestuften Farbwechsel offensichtlich sind. Diese Aktion entfernt Streifeneffekte, mit einem Haken: Es erhöht auch die Dateigröße eines Dokuments dramatisch. Daher ist es möglicherweise nicht für alle Projekte nützlich, aber es lohnt sich, dies zu berücksichtigen.

ScreenShot Photoshop

Hier ist ein wirklich cooler Effekt des albanischen Designers Vasjen Katro. Mit seiner Aktion betitelt ScreenShot Photoshop Sie können Nimm ein flaches Modell und automatisieren Sie einen Schräglauf mit implizierter Beleuchtung. Dies hat die Wirkung eines Bildschirms, der zur Seite geneigt ist, und sieht aus wie eine Fotografie eines Monitors.

Dies ist ideal für schiefe Perspektivaufnahmen, um Schnittstellen auf einzigartige Weise darzustellen. Auch wenn Sie dadurch möglicherweise nicht besser entwerfen können, kann dies die Präsentation verbessern.

PSD TO PNG Automator

Das Exportieren eines Designs erfordert Zeit, kann aber mit Luis da Silva einfacher gestaltet werden PSD nach PNG exportieren. Diese wandelt eine vollständige PSD-Datei in eine PNG-Datei um aus dem Aktionsfeld von Photoshop. Soweit ich das beurteilen kann, funktioniert dies für alle Photoshop-Versionen von CS bis CC.

Browser-Benutzeroberfläche

Wollte schon immer Sehen Sie, wie Ihr Modell in einem Browserfenster aussieht? Dank der Browser-Benutzeroberflächenaktion ist es jetzt nur noch ein Klick.

Diese spezielle Aktion hat eine Premium-Option, aber die kostenlose Version enthält mehr als genug Funktionen. Jedes Browserfenster wird jedoch im OS X-Stil dargestellt Die Fenster können sich so strecken, dass sie zu der Leinwand passen, die Sie benötigen.

Retiniere es

Retinize Dies ist eine kostenlose Photoshop-Aktion zum Erstellen von Retina-Kopien von Symbolen und Oberflächenelementen. Sie wählen einfach eine Ebene (oder eine Ebenengruppe) aus und führen die Aktion aus. Grafiken können mit benutzerdefinierten Namen benannt und exportiert werden @ 2x und @ 3x Größenanforderungen.

Beachten Sie, dass dies bei Raster-Grafiken nicht sehr gut funktioniert. Verwenden Sie Formen und Vektorelemente oder importierte intelligente Objekte, um die Qualität bei der Größenänderung zu erhalten.

In SVG exportieren

Der Layer-Export ist eine weitere manuelle Aufgabe, die niemand wirklich machen möchte. Diese Exportaktion von PSD nach SVG macht das Exportieren von Vektoren und Grafiken für das Web umständlich.

Beachten Sie, dass diese Aktion für Photoshop und Illustrator erstellt wurde, aber nur Versionen ab CS5 unterstützt.

Flat Browser-Benutzeroberfläche

Hier ist ein weiteres Browser-Templating-Tool, jedoch mit einer flachen Benutzeroberfläche. Wenn Sie nicht mit Mac-Browsern arbeiten möchten, probieren Sie stattdessen diese PS-Browseraktion aus.

Gerasterte Dokumentelemente funktionieren am besten, obwohl es genauso einfach ist, den gesamten Inhalt auf eine neue Ebene zu reduzieren und diese zu verwenden.

Stereo-Anzeige

Jeder, der ein Stereo-Display benötigt, wird durch diese Aktion einen Kick bekommen. Diese kostenlose Stereo-Anzeigeaktion erzeugt einen 3D-Effekt mit Schatten und schiefen Kanten, alles aus der Eingabe flacher UI-Elemente.

Vergrößerungsaktion

Dies ist eine meiner Lieblingsaktionen, weil sie für grafische Darstellungen und Präsentationen so praktisch ist. UI-Designer werden das genießen Lupenaktion erstellt von Mario Semeš zur Vergrößerung der Schnittstelle.

Es Pflanzen eine Lupe auf einem Photoshop-Dokument mit einem an anderer Stelle angewendeten Unschärfe-Effekt. Dies ist eine großartige Möglichkeit, sich auf ein bestimmtes Element oder einen bestimmten Effekt zu konzentrieren, und kann für Teamprojekte oder Online-Tutorials hilfreich sein.

iPhone 6/6 + Aktionen

Der digitale Designer Geof Crowl hat eine benutzerdefinierte Sammlung von iPhone 6-Aktionen für erstellt Organisieren von Grafiken von einer PSD in Retina-Dimensionen. Mobile App-Designer arbeiten in der Regel mit Form-Layern, sodass diese in jeden typischen Design-Workflow passen sollten.

Für iOS speichern

Hier ist ein einzigartiges Konzept der Kreativagentur ENVOY. Da hat Photoshop ein tolles “Speichern Sie für das Web” Option hat das ENVOY-Team diese Aktion erstellt speziell für den iOS-Export. Es gibt ähnliche Skripte wie diese, aber es lohnt sich, eine weitere in die Mischung einzufügen.

Artista

Artista ist eine Photoshop-Aktion für Bearbeiten von Fotos und digitalen Designs. Benutzerdefinierte Aktionen können auf Ebenen oder auf das gesamte Dokument als Ganzes angewendet werden. Mit diesem speziellen Aktionssatz können Designer interessante Medienstile erstellen, z. B. energetische Linien und Filter, die im Stil der Leinwand gestaltet sind. Schauen Sie sich die Beispielvorschau an, um zu sehen, was möglich ist.

GUI Automation Toolbox

Obwohl GitHub normalerweise mit Dev-Projekten in Verbindung steht, können Sie auf diese Weise großartige Design-Ressourcen finden GUI Automation Toolbox. In der Toolbox finden Sie Skripte für Photoshop und Illustrator. Diese können beim Exportieren von Grafiken und beim erneuten Erstellen von Ebenengruppen hilfreich sein.

Pixel2Vector

Dies kann eine etwas experimentelle Photoshop-Aktion sein, aber sie kann unglaublich mächtig sein. Pixel2Vector von Michael Tzscheppan ist ein kostenloses Action Pack wandelt Pixelebenen in Vektorformen um. Die Aktion unterstützt Photoshop CS3 + und kann als Plugin für CS5 + verwendet werden. Ich liebe dieses Konzept, weil es Designern helfen kann Verwandeln Sie Rasterformen schnell in bearbeitbare Elemente.

Long Shadow

Der Moskauer Designer Aram Mirzoyants veröffentlichte seinen lange Schattenaktionen kostenlos auf Dribbble. Sie können diese Aktionen für jede Ebene herunterladen und verwenden, von Vektorformen bis hin zu Text und Symbolen. Dadurch wird automatisch ein 3D-Schatteneffekt mit der Option generiert, Schatten in verschiedenen Richtungen in unterschiedlichen Längen zu mager.

Isometrische 3D-Aktionen

Die isometrische Konvertierungsaktion Mapita ist eine Möglichkeit zum Erstellen von 3D-Artefakten in Photoshop. Es funktioniert aber nicht bei jedem Design gut Flache Grafiken können zum Leben erweckt werden mit dieser kostenlosen PS-Aktion (einschließlich einer PSD-Beispieldatei).

LoremPicsum

Jeder kennt Lorem Ipsum als Fülltext. Aber was ist mit LoremPicsum für Füllerfotos? Diese Site kann mit direkten URLs betrieben werden, enthält jedoch auch eine Photoshop-Aktion. Für CS-Benutzer und neuere CC-Benutzer stehen zwei separate Versionen zur Verfügung.

Wallpaper Maker

Hier ist ein benutzerdefiniertes Wallpaper-Generierungs-Skript für Photoshop-Benutzer. Es kann in verschiedenen Größen für verschiedene Bildschirmabmessungen exportiert werden, wobei die Qualität erhalten bleibt. Hintergründe sind für das Design der Benutzeroberfläche nicht besonders relevant, aber dieses Skript ist einfach zu cool, um es nicht in die Liste aufzunehmen.

Ich bin überzeugt, dass diese Maßnahmen ausreichend Ressourcen bieten, um zumindest einen Teil Ihres täglichen Arbeitsablaufs beim Entwurf zu verbessern. Wenn ich jedoch keine qualitativ hochwertigen Photoshop-Aktionen verpasst habe, fügen Sie diese bitte im Kommentarbereich hinzu.