36 plugin di Photoshop per web designer che devi provare

WordPress non è l'unico software là fuori che offre utili estensioni al loro prodotto principale. Photoshop, uno degli strumenti di riferimento per i web designer di tutto il mondo, supporta anche questa possibilità. E come le loro controparti di WordPress, anche i plugin di Photoshop possono aggiungere ogni sorta di nuove funzionalità.

Poiché sappiamo che molti dei nostri lettori utilizzano regolarmente Photoshop, questa volta abbiamo pensato che fosse una buona idea offrire un diverso tipo di elenco di plugin. Di seguito troverai i migliori plugin di Photoshop che potremmo trovare sul web.

Migliorano il programma con tutti i tipi di miglioramenti. Da piccoli script e scorciatoie fino a interi nuovi moduli che miglioreranno notevolmente il tuo flusso di lavoro e renderanno ancora più semplice lavorare con Photoshop.

Pronto? Allora cominciamo.

Plugin di Photoshop che nessun web designer dovrebbe ignorare

Di seguito trovi un elenco di plugin per Photoshop di diverse categorie che possono migliorare ulteriormente il tuo software preferito.

Retinizzalo

• Prezzo: gratuito
• Disponibile per: CC 2015

In primo luogo, abbiamo un plug-in gratuito per creare rapidamente risorse per i display retina. Retinizza Aggiunge una nuova azione a Photoshop che consente di esportare le immagini nelle loro dimensioni originali o ridimensionate per raddoppiare e triplicare le dimensioni.

Dopo l'installazione, trovi la nuova opzione in Finestra > Azioni. Basta selezionare un livello o un gruppo di livelli, eseguire l'azione, assegnare un nome ai file e ricevere le risorse suddivise. Ottimo per la produzione di siti Web retina-ready.

Taglia e affettami

• Prezzo: gratuito
• Disponibile per: CS6

Un altro plugin per esportare direttamente le risorse dai livelli. Cut&Slice me taglia automaticamente le tue immagini e le esporta come file PNG. Può gestire sezioni sovrapposte, più stati dei pulsanti e diverse risoluzioni. Sfortunatamente non è abbastanza aggiornato ma funziona ancora con le versioni precedenti di Photoshop.

CSS3Ps

• Prezzo: gratuito
• Disponibile per: CS3 e versioni successive

Come suggerisce il nome, questo servizio è in grado di convertire i livelli di Photoshop in CSS3. La particolarità è che è un servizio basato su cloud e gratuito.

Il plug-in supporta più livelli (incluso il testo), ombre esterne, sfumature, raggio del bordo e altro. Oltre a ciò, può trattare anche SCSS e SASS.

Editor d'angolo

• Prezzo: gratuito
• Disponibile per: CC 2015

Se hai mai bisogno di produrre angoli arrotondati, questo script fa per te. Migliora le capacità di Photoshop di creare angoli arrotondati, funziona con qualsiasi forma poligonale, include più stili di angoli, consente di modificare più livelli contemporaneamente e altro ancora.

Blocco HTML

• Prezzo: gratuito
• Disponibile per: CC 2015 (solo Mac OS)

Il nostro prossimo concorrente ti consente di inserire HTML e CSS direttamente all'interno dei documenti di Photoshop. In questo modo, puoi creare risorse Web direttamente all'interno del software e utilizzare risorse online nel tuo file PSD. Quest'ultimo include caratteri web, CSS esterni e altro.

Font Fantastico PS

• Prezzo: gratuito
• Disponibile per: CC

Font Awesome è un font icona che sta guadagnando popolarità e utilizzo. Per questo motivo, ha senso solo includere nei file Photoshop. Per fortuna, questo plugin lo rende facile come una torta. Basta scaricare e installare gratuitamente e sei a posto.

Controllo livelli 2

• Prezzo: gratuito
• Disponibile per: CC, CC 2014

Questo plugin è una raccolta di sette script che semplificano alcuni degli aspetti più fastidiosi di Photoshop. Include un editor del nome del livello, l'opzione per rimuovere gli effetti inutilizzati, può eliminare automaticamente i livelli vuoti, rasterizzare oggetti intelligenti, trovare file simili e altro ancora. Gratuito da scaricare e utilizzare come vuoi.

Cappello CSS 2

• Prezzo: $ 39,99
• Disponibile per: CC 2014-2017

CSS Hat traduce automaticamente gli stili di livello in CSS3. In questo modo, puoi semplicemente copiarlo e incollarlo invece di capire come implementare la grafica sul sito.

Il plug-in può funzionare con più livelli contemporaneamente, caratteri e stili di carattere diversi ed è in grado di sputare LESS, SASS, Stylus e altro. Ha anche molte funzionalità che trovi negli editor di codice come l'evidenziazione della sintassi. CSS Hat è disponibile anche per le versioni precedenti di Photoshop.

Livelli di pagina

• Prezzo: $ 35
• Disponibile per: solo Mac OS X

Molti plug-in in questo elenco hanno l'obiettivo di semplificare la trasformazione dei file Photoshop in siti Web. Tuttavia, il contrario è altrettanto necessario. Ecco a cosa servono i livelli di pagina.

Il plug-in converte automaticamente i siti Web in file PSD e salva ogni elemento della pagina come un singolo livello. Apri qualsiasi pagina nel browser incorporato e salvala semplicemente in Photoshop. Il plugin non è gratuito ma sembra che valga il prezzo.

Cappello PNG

• Prezzo: $ 27,99
• Disponibile per: CS5, CS6, CC, CC 2014.1+, CC 2015

Realizzato dalle stesse persone di CSS Hat, questo plugin migliora la capacità di Photoshop di esportare file PNG. Ad esempio, viene fornito con una migliore compressione e può esportare le regole CSS. PNG Hat include anche una generosa politica di rimborso se non sei soddisfatto.

Fontself

• Prezzo: 49€
• Disponibile per: CC 2015, CC 2017

Il prossimo è un plug-in che ti consente di creare il tuo carattere tramite trascinamento della selezione. In un'epoca in cui la tipografia sta diventando sempre più importante sul web, è davvero bello sentirlo. Trasforma semplicemente immagini e vettori (colorati) in caratteri OpenType. Controlla crenatura, legature e altro. Fontself è anche un plug-in gestito attivamente, quindi i proprietari ottengono nuove funzionalità gratuitamente.

Plugin Photoshop Getty Images

• Prezzo: gratuito
• Disponibile per: CC 2016 e superiori

Getty Images ha una vasta collezione di immagini stock e un plug-in che ti consente di importarle direttamente in Photoshop. Cerca e filtra migliaia di immagini ad alta risoluzione e sincronizza i tuoi acquisti con un account Getty.

Pulitore PSD

• Prezzo: $ 19,99
• Disponibile per: CC 2014.1+

Un altro plugin di Source che potenzia il pannello dei livelli di Photoshop. PSD Cleaner esegue automaticamente la scansione della struttura dei livelli e mostra opportunità di miglioramento. Ti aiuterà a trovare livelli senza nome, eliminare quelli vuoti, trovare livelli che si estendono oltre la tela e altro ancora. In breve, ti terrà organizzato.

WebZap

• Prezzo: $ 19
• Disponibile per: CS5 e superiori

Potrebbe essere una sorpresa, ma Photoshop in realtà non è fatto per il web design. Il programma è iniziato come strumento di fotoritocco e solo in seguito ha aggiunto capacità per creare layout.

Per compensare, c'è WebZap. Il plugin fornisce elementi già pronti per creare modelli di layout web in pochissimo tempo. Si basa sulla griglia 960, può creare testo formattato Lorem ipsum, navigazione, pulsanti e altro.

Modelli sottili

• Prezzo: $ 17,99
• Disponibile per: CC e superiori

Subtle Patterns è una libreria di pattern di texture gratuiti e piastrellabili. Il plug-in con lo stesso nome li porta nella dashboard di Photoshop. Questo è tutto.

ScreenSnap

• Prezzo: $ 9,99
• Disponibile per: CC 2014 o successivo

Il prossimo nella nostra lista di plugin di Photoshop è ScreenSnap. Il programma consente di creare schermate da file PSD, sia dell'intero documento che dell'area selezionata. Non c'è bisogno di ritagliare o salvare manualmente, basta selezionare una cartella, fare clic su un pulsante e sei a posto. Ottimo per condividere il tuo lavoro con gli altri, anche in formato retina.

Duplicatore

• Prezzo: gratuito
• Disponibile per: CC, CC2014

Qui abbiamo un'estensione per clonare rapidamente livelli e gruppi di livelli quando hai bisogno di più oggetti dello stesso oggetto. Scegli quante copie ti servono e come le vuoi distanziare.

Mockup di prospettiva

• Prezzo: $ 19
• Disponibile per: CC 2017

Come puoi vedere dallo screenshot, la homepage del plugin contiene molte parolacce. A parte questo, questo plugin crea prototipi prospettici del tuo design. In questo modo, puoi capire meglio come appaiono su un telefono o un tablet dall'esterno. Il plugin ha molti preset ma è anche completamente modificabile.

Segni di taglia PS

• Prezzo: gratuito
• Disponibile per: CC 2014

I segni di dimensione consentono di aggiungere etichette delle dimensioni di un oggetto o della distanza tra gli oggetti con lo strumento selezione. Ogni etichetta viene salvata in un nuovo livello e completamente personalizzabile. Questo è molto utile quando si aggiungono le specifiche per la persona che trasformerà il PSD in un sito web.

Fontea

• Prezzo: gratuito
• Disponibile per: CC 2014, CC 2015

Per chiunque non sia soddisfatto dell'offerta di caratteri predefinita di Photoshop, Fontea include tutti i caratteri Web disponibili su Google Fonts (attualmente oltre 800). Il plug-in si tiene anche aggiornato con il repository online e ti consente di impostare raccolte dei tuoi caratteri preferiti.

Pixabay

• Prezzo: $ 4,99
• Disponibile per: CC 2015 e superiori

Questo plugin è come il plugin di immagini Getty menzionato in precedenza, tuttavia, per la libreria di immagini Pixabay. Contiene centinaia di migliaia di immagini stock gratuite che ora puoi aggiungere con un solo clic. Il plugin include anche potenti opzioni di ricerca e tutte le immagini sono con licenza CC0. Inoltre, è molto conveniente.

Ci sono più plugin del genere per altre librerie di foto stock come Shutterstock e Pexels.

Layer Craft

• Prezzo: gratuito
• Disponibile per: CC, CC 2014

Un altro plug-in per esportare le risorse dell'interfaccia utente dai livelli di Photoshop. LayerCraft ha la capacità di ridimensionare le tue immagini al momento dell'esportazione, può tagliare i pixel trasparenti ed esportare in diverse dimensioni per il display retina.

Generatore di Lorem Ipsum

• Prezzo: gratuito
• Disponibile per: CS 5/6, CC

Come suggerisce il nome, questo è un plugin per creare un testo segnaposto Lorem ipsum. In questo modo, non è più necessario copiarlo da fonti esterne. Il generatore offre un output personalizzabile, la possibilità di copiare negli appunti con un clic e viene mantenuto attivamente.

LoremPicsum

• Prezzo: gratuito
• Disponibile per: CS, CC

Questo è simile alla versione di Lorem ipsum, tuttavia, crea immagini casuali invece di testo. Seleziona un'area, scegli un cartone animato e avrai un'immagine segnaposto. Espediente divertente: le immagini provengono da famosi programmi TV e film come Futurama, I Simpson, Alla ricerca di Nemo e Up.

Kit Social Pro

• Prezzo: $ 9,99
• Disponibile per: CC 2015+

E un altro plugin Source. Questo mira a migliorare tutto sui social media. Contiene modelli per la creazione di annunci su dispositivi mobili e desktop, foto di copertina e immagini del profilo. Puoi persino visualizzare in anteprima i risultati all'interno di Photoshop.

Guide ai livelli

• Prezzo: gratuito
• Disponibile per: sconosciuto

Le guide sono uno strumento importante all'interno di Photoshop per mantenere tutto strutturato. Tuttavia, possono essere fastidiosi da gestire.

Questo plugin spera di alleviarlo. Aggiunge nuovi pulsanti per aggiungere guide sui lati dei livelli e attraverso il loro centro orizzontale e verticale. Non è più necessario trascinare, basta fare clic e sei a posto.

Generatore di ombre lunghe

• Prezzo: gratuito
• Disponibile per: CS6, CC

Il nome del plugin dice praticamente tutto. Long Shadow Generator ti aiuta a creare ombre lunghe in Photoshop. Puoi controllare la lunghezza e l'opacità dell'ombra, il colore, la sfumatura e gli angoli. Quindi aggiungili con un clic.

TinyPNG

• Prezzo: $ 50
• Disponibile per: CS5, CS6, CC e versioni successive

TinyPNG è un servizio online che consiglio spesso per ottimizzare le immagini prima di caricarle su WordPress. Comprime i file JPG e PNG per ridurli il più possibile.

Il sito offre anche un plug-in di Photoshop per fare lo stesso all'interno del software di modifica delle immagini. Ti consente di visualizzare in anteprima e salvare direttamente, ridimensionare, utilizzare la selezione parziale e altro ancora. Se il loro sito è indicativo, il plug-in vale la pena.

Glifo

• Prezzo: $ 19
• Disponibile per: CS5, CC

Glifo aggiunge l'opzione per esportare icone vettoriali da Photoshop come font web di icone. Sembra un'ottima aggiunta al plugin Font Awesome.

specKing

• Prezzo: $ 19
• Disponibile per: CS5, CS6, CC 2014 e versioni successive

Un altro plug-in per aggiungere misurazioni e specifiche di progettazione ai file di Photoshop, tuttavia, questa volta come versione premium. Misura dimensioni, margini e caratteri e crea automaticamente le specifiche in sovrapposizioni modificabili. Sembra super semplice e comodo da usare.

Kit di esportazione

• Prezzo: $ 19,33/mese
• Disponibile per: CS6 e versioni successive

Questo plug-in di Photoshop ti consente di convertire i file PSD in HTML, CSS, WordPress, iOS, Android e altro. Contiene anche funzioni di collaborazione. Sembra molto potente, tuttavia, viene fornito con una licenza mensile e non è del tutto economico.

Plugin di condivisione sociale di Photoshop

• Prezzo: gratuito
• Disponibile per: Sconosciuto (solo Mac OS)

Il prossimo elemento della nostra lista aggiunge importanti funzionalità di condivisione a Photoshop. Ti consente di condividere e pubblicare file direttamente dall'interno del programma tramite e-mail, social network e altre piattaforme. Basta scegliere un formato e sei a posto.

Trasforma ciascuno

• Prezzo: gratuito
• Disponibile per: CS5, CS6, CC

Transform Each è uno script che consente di trasformare più oggetti contemporaneamente senza modificarne la posizione. Ciò che significa è meglio esemplificato dalla GIF di seguito. Scegli i tuoi punti di ancoraggio, la trasformazione che vuoi ottenere e ti porterà lì con un clic.

ToonIt!

• Prezzo: $129
• Disponibile per: Photoshop CS e versioni successive

Uno divertente alla fine. Nel caso tu abbia mai pensato di creare una graphic novel online, questo servizio ti sarà di grande aiuto. Trasforma le foto normali in cartoni animati, ha molti preset e una tecnologia matura. Un po' caro però.

Plugin di Photoshop in poche parole...

Photoshop è uno strumento meraviglioso per i web designer. È potente, ricco di funzionalità e costantemente aggiornato.

Tuttavia, a volte vorremmo che avesse alcune funzionalità aggiuntive o modi più semplici per eseguire le attività. È qui che entrano in gioco i plugin di Photoshop.

Come hai visto dall'elenco sopra, i plugin possono aggiungere molte funzionalità diverse. Dalle scorciatoie alle funzioni completamente nuove.

E questi sono solo quelli che sono utili per il web design. Ce ne sono molti altri là fuori, specialmente per il ritocco delle immagini. Hai qualcosa da aggiungere?

Conosci plug-in aggiuntivi di Photoshop che ti piacciono e che consigli? Si prega di condividere nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di VettoriMarket / shutterstock.com