20 azioni gratuite di Photoshop che tutti i designer devono avere

Gli script automatici risparmiano tempo e migliorano il flusso di lavoro in tutti i campi della creatività. I prodotti Adobe come Photoshop offrono script chiamati azioni che automatizzano un processo più volte con un clic di un pulsante. Esistono siti di azione esclusivi di Photoshop, ma molti di loro si rivolgono ai fotografi.

Ho raccolto una serie di azioni rivolte direttamente ai progettisti dell'interfaccia utente, ai progettisti di icone e ai progettisti di prodotti che creano interfacce per Web e dispositivi mobili. Tutte queste azioni sono completamente gratuite per il download per molteplici usi. Assicurati di controllare i dettagli prima di scaricare per assicurarti che tutto funzioni sulla tua versione di Photoshop.

iOS 7 Blur

A partire da iOS 7, il team di progettazione Apple ha introdotto un effetto sfocato del vetro lattiginoso . Questo può essere replicato in Photoshop ma richiede un po 'di manipolazione del livello.

Il designer Matt Smith ha creato le azioni di sfocatura di iOS 7 per replicare l'effetto su qualsiasi livello superiore. Se hai difficoltà a eseguire le azioni, puoi scaricare un file PSD accompagnato con lo strato di vetro smerigliato già applicato.

Azioni di Bjango

Bjango è uno studio creativo che crea app e progetti open source per designer. Il sito pubblica articoli utili per gli utenti PS e offre un completo repo di azioni GitHub che è possibile scaricare gratuitamente. Queste azioni includono varie sfumature per la progettazione di edifici in Photoshop.

L'elenco include un commutatore per lo snap e lo spegnimento dei pixel, la duplicazione automatica di un intero canvas, il centraggio di una selezione e persino il ritaglio di una ripresa di dimensioni Dribbble da un documento. La raccolta di azioni Bjango è attualmente in v4 con dozzine di azioni, script e flussi di lavoro di OS X.

No More Banding

Jeff Broderick ha creato una semplice azione chiamata No More Banding, che è un download gratuito ed è incredibilmente preziosa per il lavoro di progettazione digitale.

Le sfumature in Photoshop possono avere bande di colore in cui gli interruttori cromatici graduali sono palesemente ovvi. Questa azione eliminerà gli effetti di banding, con una sola presa: aumenta anche la dimensione del file di un documento in modo drammatico. Quindi potrebbe non essere utile su tutti i progetti, ma vale sicuramente la pena tenerlo a mente.

ScreenShot Photoshop

Ecco un fantastico effetto creato dal designer albanese Vasjen Katro. Con la sua azione intitolata ScreenShot Photoshop puoi prendere un mockup piatto e automatizzare un disallineamento con illuminazione implicita . Questo crea l'effetto di uno schermo inclinato di lato e sembra una fotografia di un monitor.

Questo è perfetto per inquadrature prospettiche distorte per visualizzare interfacce in un modo unico. Anche se questo potrebbe non aiutarti a progettare meglio, può migliorare la tua presentazione.

Automatizzatore PSD TO PNG

Esportare un design richiede tempo, ma può essere reso più semplice con l' esportazione da PSD a PNG di Luis da Silva. Converte un file PSD completo in un file PNG dal pannello azioni di Photoshop. Da quello che posso dire questo funziona per tutte le versioni di Photoshop da CS a CC.

Interfaccia utente del browser

Hai mai desiderato vedere come appare il tuo mockup in una finestra del browser ? Grazie all'azione dell'interfaccia utente del browser è ora solo un clic di un pulsante.

Questa particolare azione ha un'opzione premium ma la versione gratuita include più di sufficienti funzionalità. Ogni finestra del browser esegue il rendering in stile OS X, ma le finestre possono allungarsi per adattarsi a qualsiasi tela di cui hai bisogno .

Retinizza

Retinizza È un'azione Photoshop gratuita per la creazione di copie di retina di icone e elementi di interfaccia. Devi solo selezionare un livello (o un gruppo di livelli) ed eseguire l'azione. I grafici possono essere nominati ed esportati con i requisiti di dimensione personalizzata @ 2x e @ 3x .

Nota che questo non funziona molto bene sulla grafica raster. Prova a utilizzare forme e elementi vettoriali o oggetti intelligenti importati per mantenere la qualità costante durante il dimensionamento.

Esporta in SVG

L'esportazione dei livelli è un'altra attività manuale che nessuno vuole davvero fare. Questa azione di esportazione da PSD a SVG elimina la mondanità dall'esportazione di vettori e grafici per il web.

Nota questa azione è stata creata per Photoshop e Illustrator ma supporta solo versioni da CS5 o successive.

Interfaccia utente browser flat

Ecco un altro strumento per la creazione di modelli di browser, ma con un'interfaccia utente piatta. Se non vuoi utilizzare i browser in stile Mac, prova invece l'azione del browser PS.

Gli elementi del documento rasterizzati funzionano meglio, anche se è altrettanto semplice appiattire tutti i contenuti su un nuovo livello e utilizzarli.

Display stereo

Chiunque abbia bisogno di un display stereo otterrà un calcio da questa azione. Questa azione di visualizzazione stereo libera crea un effetto 3D con ombre e bordi inclinati, tutto dall'input di elementi dell'interfaccia utente flat.

Azione di ingrandimento

Questa è una delle mie azioni preferite perché è così pratica per le visualizzazioni e le presentazioni grafiche. I progettisti dell'interfaccia utente apprezzeranno questa azione di ingrandimento creata da Mario Semeš per l'ingrandimento dell'interfaccia.

Pianta una lente di ingrandimento su un documento di Photoshop con un effetto sfocato applicato altrove . Questo è un ottimo modo per concentrarsi su un particolare elemento o effetto e potrebbe essere utile per progetti di gruppo o tutorial online.

iPhone 6/6 + azioni

Il designer digitale Geof Crowl ha creato una collezione personalizzata di azioni di iPhone 6 per organizzare la grafica da un PSD in dimensioni retina . I progettisti di app mobili in genere lavorano con i livelli di forma, quindi questo dovrebbe adattarsi a qualsiasi tipico flusso di lavoro di progettazione.

Salva per iOS

Ecco un concetto unico costruito dall'agenzia creativa ENVOY. Dato che Photoshop ha una grande opzione "salva per il web", il team di ENVOY ha sviluppato questa azione appositamente per l'esportazione iOS . Ci sono script simili come questo, ma vale la pena aggiungere un altro nel mix.

Artista

Artista è un'azione di Photoshop per manipolare foto e progetti digitali . Le azioni personalizzate possono essere applicate ai livelli o all'intero documento nel suo complesso. Questo particolare set di azioni consente ai designer di creare interessanti stili multimediali come linee energetiche e filtri in stile canvas. Guarda le anteprime di esempio per vedere cosa è possibile.

Strumenti di automazione della GUI

Sebbene GitHub sia in genere associato a progetti di sviluppo, è possibile trovare grandi risorse di progettazione come questo Toolbox di automazione della GUI . Nella casella degli strumenti troverai gli script per Photoshop e Illustrator. Questi possono aiutare nell'esportazione di grafici e nella ricostruzione di gruppi di livelli.

Pixel2Vector

Questa potrebbe essere un'azione Photoshop un po 'sperimentale, ma può essere incredibilmente potente. Pixel2Vector di Michael Tzscheppan è un pacchetto di azione gratuito che converte i livelli di pixel in forme vettoriali . L'azione supporta Photoshop CS3 + e può funzionare come plug-in per CS5 +. Adoro questo concetto perché può aiutare i progettisti a trasformare rapidamente le forme raster in elementi modificabili .

Lunga ombra

Il designer di Mosca Aram Mirzoyants ha pubblicato gratuitamente le sue lunghe azioni ombra su Dribbble. Puoi scaricare e utilizzare queste azioni per qualsiasi livello da forme vettoriali a testo e icone. Questo genererà automaticamente un effetto ombra 3D con l'opzione di inclinare le ombre in varie direzioni a diverse lunghezze.

Azioni isometriche 3D

L'azione di conversione isometrica Mapita è un modo per creare artefatti 3D in Photoshop. Non funziona alla grande su tutti i design, ma la grafica piatta può essere portata alla vita con questa azione PS gratuita (incluso un file PSD di esempio).

LoremPicsum

Tutti sanno di Lorem Ipsum per il testo di riempimento. Ma per quanto riguarda LoremPicsum per le foto di riempimento? Questo sito può funzionare con URL diretti, ma include anche un'azione Photoshop. Sono disponibili due versioni separate per gli utenti CS e gli utenti CC più recenti.

Wallpaper Maker

Ecco uno script personalizzato per la generazione di sfondi per gli utenti di Photoshop. Può esportare in varie dimensioni per diverse dimensioni dello schermo mantenendo intatta la qualità. Gli sfondi non sono specificamente rilevanti per il design dell'interfaccia utente, ma questo script è semplicemente troppo bello per non essere incluso nell'elenco.

Sono certo che queste azioni offrano risorse sufficienti per migliorare almeno parte del tuo flusso di lavoro quotidiano. Ma se mi mancano le azioni di Photoshop di qualità, sentiti libero di aggiungerle nell'area dei commenti.