10+ plugin gratuiti di Photoshop per i web designer
L'utilizzo delle estensioni di Photoshop aumenta notevolmente la sua capacità di aiutarti a progettare, ottimizzare il tuo flusso di lavoro e renderti più produttivo. È possibile utilizzare un plug-in Photoshop per accelerare i compiti ripetitivi o noiosi ad esempio:
- genera lunghe ombre
- esportare i livelli di Photoshop
- convertire PSD in CSS3
- convertire il testo Photoshop in SVG
- costruire specifiche di progettazione in Photoshop
- convertire il design skeuomorphic in design piatto
Ci sono molte altre estensioni di Photoshop, e in questa lista ci sono 12 fantastici che ti aiutano gestisci i tuoi livelli, colori, guide e altro ancora, per alleviare il tuo carico di lavoro e aiutarti a concentrarti maggiormente su ciò che richiede la tua attenzione. Se conosci altri plugin o estensioni di Photoshop, faccelo sapere nei commenti.
1. Hexy
Hexy ti fornisce un modo più veloce per ottenere codice colore esadecimale e RGB. Con questo plug-in, puoi utilizzare lo strumento Eyedropper e fare semplicemente clic sul colore dell'immagine che desideri ritirare, e Hexy copia automaticamente il colore negli appunti per te. In questo modo puoi immediatamente incollarlo per usarlo in CSS. È uno strumento utile per la color-picking.
Compatibilità: Photoshop CC 2014
2. Dimensioni
SizeMark ti permette di aggiungi etichette di dimensioni di un oggetto o la distanza tra ciascun oggetto usando uno strumento Selezione. SizeMark salva ogni etichetta creata in un nuovo livello in modo da poterla personalizzare in qualsiasi modo, ad es. cambiare il colore o regolarne la posizione. È essenziale quando devi tradurre PSD in un sito web funzionale.
Compatibilità: Photoshop CC 2014
3. Pictura
Hai bisogno di inserire immagini nel tuo design? Dovresti installare Pictura. Pictura ti permette di cercare e aggiungere immagini al tuo Photoshop comodamente senza uscire dallo spazio di lavoro. Una volta installato, Pictura aggiungerà un nuovo pannello in cui è possibile cercare qualsiasi immagine in qualsiasi Licenza necessaria, quindi inserirla immediatamente nel progetto.
Compatibilità: Photoshop CC 2014
4. Forno
Forno è un plugin elegante che ti aiuta a gestire meglio le tue risorse. Il generatore di Photoshop ci consente di esportare le immagini in tempo reale ma dovrai rinominare tutti i tuoi livelli per generare correttamente l'immagine e con un nome proprio. Forno elimina quella seccatura.
Compatibilità: Photoshop CC e CC 2014
5. Inchiostro
La conversione di PSD in un sito Web funzionale è sempre un processo complicato. Ci sono così tanti dettagli da esaminare come gli stili di livello, la dimensione del carattere, la famiglia di caratteri utilizzata, la dimensione dell'elemento e la posizione rispetto ad altri elementi. L'inchiostro ti aiuterà generare queste informazioni facilmente.
6. LayerCraft
LayerCraft è un plugin per Photoshop che ti permette di esportare strati su più scale. Puoi esportare immagini in @ 1x, @ 2x e persino @ 3x (che è richiesto nei dispositivi iOS con schermo Retina), o MDPI e xhdpi per Android. Se il tuo lavoro quotidiano è creazione dell'interfaccia utente per l'interfaccia mobile, questo è lo strumento che ti fa risparmiare molto tempo.
Compatibilità: Photoshop CC e CC 2014
7. Compositore
Composer migliora la funzione Comp. Photoshop Layer. Piuttosto che disporre di più file separati per archiviare ogni revisione del progetto, Layer Comps ti consente di archiviarli e gestirli tutti in un unico file. Layer Comps agisce come un oggetto avanzato. Ciascuno può contenere un paio di proprietà come stili di livello e metodi di fusione. Il compositore, in questo caso, fornisce il modo più semplice per aggiornare questi stili con un solo clic.
Compatibilità: Photoshop CS5, CS6 e CC
8. Velositey
La velocità è un'estensione che può aiutarti a costruire un prototipo di web design velocemente. Velocitey viene fornito con una manciata di modelli preimpostati inclusa la griglia. Inoltre, viene fornito con segnaposti di layout comuni per l'intestazione, il contenuto e il piè di pagina del sito Web. Puoi aggiungere tutti questi componenti con un semplice clic. È letteralmente un risparmio di tempo (ed è gratuito).
Compatibilità: Photoshop CS6, CC, CC 2014
9. Duplicatore
Duplicator fornisce il modo più veloce per duplicare livelli o gruppi di Photoshop. È possibile specificare il numero di copie desiderato e quindi impostare la spaziatura verticale e orizzontale del livello duplicato.
Compatibilità: Photoshop CC e CC 2014
10. Guida rapida
QuickGuide ti aiuta disegnare le linee guida in Photoshop. Questo plugin fornisce 12 preset per una facile aggiunta di guide su un lato, due lati adiacenti o su tutti i lati di ciascun oggetto. Altre caratteristiche che porta includono le guide di blocco e la visibilità, la cancellazione di intere guide o quelle selezionate e le guide di copia-incolla.
Compatibilità: Photoshop CC 2014
11. Generatore Lorem Ipsum
Lorem Ipsum Generator lo farà generare parole o frasi casuali. Piuttosto che doverlo copiare da un altro posto, puoi generare Lorem Ipsum direttamente dal tuo spazio di lavoro di Photoshop. Sono disponibili un paio di opzioni per personalizzare l'output. Questo plugin è disponibile anche per Illustrator, InDesign e Dreamweaver.
Compatibilità: Photoshop CS5, CS6 e CC
12. Lorem Picsum
Lorem Picsum genera immagini casuali piuttosto che testo. L'immagine fornita è derivata da film e programmi TV popolari come Futurama, Rio, I Simpson, Alla ricerca di Nemo, e SU.
Compatibilità: Photoshop CS6 e CC
