Générer des Css3 depuis Photoshop

L’intégration en Css des effets visuels complexes réalisés dans Photoshop peut parfois être casse-tête. La solution qui jusqu’à présent était la plus rependue et la plus efficace, était de découper les éléments de la maquette graphique dans le logiciel et de les utiliser en tant qu’image de fond.

Avec l’avènement des Css3 qui permettent notamment de pousser plus loin les effets réalisables uniquement à l’aide du code, nous avons pu voir apparaître divers plugins permettant de générer et d’exporter du code Css directement depuis Photoshop

Je pense que ces extensions n’ont pas pour vocation de transformer Photoshop en WYSIWYG (ce qui clairement serait ridicule) mais peuvent tout de même s’avérer utiles afin de gagner du temps dans l’intégration d’une maquette.

Voici les 2 extensions que j’ai décidé de vous présenter:

  • Css Hat: extension payante (20 Dollars) pour Photoshop Cs4 Cs5 Cs6.
  • Css3ps: extension gratuite pour Photoshop Cs3 Cs4 Cs5 Cs6.

Je voulais également vous parler Layer styles il ne s’agit pas d’une extension mais d’un service en ligne permettant de générer du code Css3 pour des styles de calques depuis une interface similaire à celle de photoshop.

A vous maintenant de découvrir ces outils bon amusement et n’oubliez pas de faire usage des préfixes propriétaires … de tout les préfixes!

Rodleg

2 réflexions au sujet de « Générer des Css3 depuis Photoshop »

  1. Ping : 22 Générateurs de Css en ligne part 1 | Rod-Leg

  2. Ping : Exportation Css depuis Photoshop Cs6 | Rod-Leg

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s