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 automatizza 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 manciata di azioni orientate direttamente verso Designer dell'interfaccia utente, designer di icone e designer di prodotti costruire interfacce per web e mobile. 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 iOS 7 sfocatura azioni 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 collezione di azioni Bjango è attualmente in v4 con dozzine di azioni, script e flussi di lavoro di OS X.
No More Banding
Jeff Broderick ha costruito una semplice azione chiamata No More Banding che è un download gratuito ed è incredibilmente prezioso 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 presa: aumenta anche drasticamente la dimensione del file di un documento. 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 prendi un mockup piatto e automatizzare uno skew 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 quello di Luis da Silva Esportazione da PSD a PNG. Questo converte un file PSD completo in un 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
Mai voluto guarda 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 funzioni sufficienti. 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.
Retinizzalo
Retinizza È un'azione gratuita di Photoshop per creare copie di retina di icone ed elementi dell'interfaccia. Devi solo selezionare un livello (o un gruppo di livelli) ed eseguire l'azione. La grafica può essere nominata ed esportata con l'abitudine @ 2x e @ 3x requisiti di dimensione.
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 designer dell'interfaccia utente apprezzeranno questo azione del magnifier creato da Mario Semeš per l'ingrandimento dell'interfaccia.
esso pianta una lente d'ingrandimento in cima a 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 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. Dal momento che Photoshop ha un grande “risparmia per il web” opzione, il team ENVOY ha costruito questa azione specificamente per l'esportazione iOS. Ci sono script simili come questo, ma vale la pena aggiungerne un altro nel mix.
Artista
Artista è un'azione di Photoshop per manipolando foto e disegni 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 questa Strumenti 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
Potrebbe essere un'azione Photoshop un po 'sperimentale, ma può essere incredibilmente potente. Pixel2Vector di Michael Tzscheppan è un pacchetto di azione gratuito 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 designer trasformare rapidamente le forme raster in elementi modificabili.
Lunga ombra
Il designer di Mosca Aram Mirzoyants ha rilasciato il suo lunghe azioni ombra gratuitamente su Dribbble. Puoi scaricare e utilizzare queste azioni per qualsiasi livello, dalle forme vettoriali al testo e alle 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 con aspetto 3D in Photoshop. Non funziona alla grande su ogni 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 un script di generazione di wallpaper personalizzati 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 alcune azioni di Photoshop di qualità, sentiti libero di aggiungerle nell'area dei commenti.
