it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


10+ plugin gratuiti di Photoshop per i web designer

L'uso delle estensioni di Photoshop aumenta notevolmente la sua capacità di aiutarti a progettare, ottimizzare il tuo flusso di lavoro e renderti più produttivo. Puoi utilizzare un plug-in Photoshop per velocizzare attività ripetitive o noiose come:

  • 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 in giro e in questo elenco ci sono 12 fantastici elementi che ti aiutano a gestire livelli, colori, guide e altro, per alleviare il carico di lavoro e aiutarti a concentrarti maggiormente su ciò che richiede la tua attenzione. Se conosci ulteriori plugin o estensioni di Photoshop, faccelo sapere nei commenti.

1. Hexy

Hexy ti fornisce un modo più rapido 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 segni

SizeMark consente di aggiungere etichette di una dimensione di oggetto o la distanza tra ciascun oggetto utilizzando uno strumento Selezione . SizeMark salva ogni etichetta creata in un nuovo livello in modo da poterla personalizzare in qualsiasi modo, ad esempio cambiando il colore o regolando la sua 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 consente 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 il nome corretto. Il forno elimina questa 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 utilizzati, la dimensione dell'elemento e la posizione rispetto ad altri elementi. L'inchiostro ti aiuterà a generare facilmente queste informazioni .

6. LayerCraft

LayerCraft è un plug-in per Photoshop che consente di esportare i livelli su più livelli . Puoi esportare le immagini in @1x, @2x e anche @3x (che è richiesto nei dispositivi iOS con schermo Retina), o mdpi e xhdpi per Android. Se il tuo lavoro quotidiano sta creando un'interfaccia utente per l'interfaccia mobile, questo è lo strumento che ti fa risparmiare un sacco di 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

Velocity è un'estensione che può aiutarti a costruire rapidamente un prototipo di web design . 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

Duplicatore 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 a 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. Tra le altre funzionalità che porta sono incluse le guide di blocco e la visibilità, la cancellazione di intere guide o di quelle selezionate e le guide di copia-incolla.

Compatibilità: Photoshop CC 2014

11. Generatore Lorem Ipsum

Lorem Ipsum Generator genererà 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 UP .

Compatibilità: Photoshop CS6 e CC

Google Office in tutto il mondo [foto]

Google Office in tutto il mondo [foto]

Prima che i giganti della tecnologia inizino a offrire vantaggi inesauribili (come pagare i costi per le dipendenti donne per congelare le uova), il grande fascino di lavorare in posti come Google sono stati il ​​salario, le strutture e i loro fantastici uffici. Essendo una grande parte del Web per 16 anni, Google ha accumulato una reputazione per i suoi uffici che sono il posto di lavoro ideale.I d

(Consigli tecnici e di design)

20 espressioni artistiche sbalorditive che creano consapevolezza pubblica

20 espressioni artistiche sbalorditive che creano consapevolezza pubblica

Quando la gente pensa all'arte, pensa a creazioni bizzarre e bellissimi dipinti intricati appesi nei musei. In sostanza, il processo di portare un'opera d'arte alla vita è creativo, ma l' arte stessa può anche servire a uno scopo . Può essere usato come un modo per sensibilizzare sui problemi che riguardano noi nella nostra vita quotidiana.In

(Consigli tecnici e di design)