Css3 con Photoshop

Convertire immagini da Photoshop in codice CSS

Ho già parlato in precedenza di editor visuali per creare codice Css3: questi strumenti permettono di generare forme, figure, riempimenti e stili in maniera molto intuitiva, dando riscontro immediato alle modifiche che effettuiamo tramite cursori e slider che modificano i valori.
Oggi andiamo un po’ oltre, chiamando in causa addirittura Photoshop.

Css3 Photoshop Plugin è una estensione per Photoshop Cs3, Cs4, Cs5 e Cs6 – per Windows e Mac OsX – che ci facilita il compito di creare forme e stili scritti in Css3!

E’ una cosa che personalmente trovo abbia del miracoloso.
Praticamente basta disegnare un livello ‘tinta unita‘ usando lo strumento di disegno vettoriale, applicare gli stili di livello che vogliamo e poi cliccare un bottone: si aprirà il browser che poco dopo vi mostrerà il risultato ed il codice da copiare.

Il risultato sarà del codice Css3 che riproduce la forma che abbiamo creato in Photoshop!

Il plugin, una volta installato, non necessiterà di aggiornamento in quanto il servizio è tutto basato sul “cloud” (cioè: su un server remoto); questo può essere un bene perché gli aggiornamenti sono costanti ed il lavoro è svolto da macchine sicuramente più potenti, ma anche un male perchè non funziona se non disponiamo di una connessione internet.

Caratteristiche:

  • può convertire più livelli contemporaneamente
  • supporta i prefissi per la compatibilità tra maggiori browser: “-webkit-“, “-moz-“, “-ms-” e “-o-“
  • per ora supporta solo le fusioni normali
  • converte la dimensione dei livelli in proprietà css
  • supporta un sacco di forme geometriche
  • non supporta estrusione e rilievo
  • supporta gli effetti: traccia, ombra interna, ombra esterna, bagliore interno, bagliore esterno


link: Css3 Photoshop Plugin

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.