Project Parfait

Outil par (Alsacréations, Strasbourg)
Créé le (13420 lectures)
Tags : photoshop, Adobe

Project Parfait, est une expérimentation d'Adobe visant à proposer dans le navigateur une petite application (mais néanmoins très puissante) qui décompose les fichiers PSD envoyés, pour :

  • extraire les codes couleurs
  • extraire du code CSS
  • copier-coller le texte
  • exporter les calques dans des formats optimisés (gif, jpg, png)
  • obtenir les dimensions des éléments ou les distances entre calques

Project Parfait

Bref, c'est un outil relativement léger et pratique lorsqu'il s'agit de faire de la découpe/intégration de page HTML et CSS à partir de maquettes Photoshop, et qu'on n'a rien d'autre sous la main.

Par contre, il n'est pas encore idéal : en situation réelle, le code CSS produit est loin d'être... parfait (il est vrai qu'on ne peut pas faire de magie à partir d'une maquette graphique pure).

La fonction de calcul de distance entre deux calques est néanmoins bien conçue :

  1. sélection d'un calque
  2. maintenir shift enfoncé
  3. sélectionner un autre calque

L'outil sait si les 2 calques sont voisins, inclus l'un dans l'autre (ou partiellement) et donne les distances utiles dans chaque cas.

L'accès est gratuit, la seule contrainte est de posséder un compte Adobe.

Consultez aussi le sujet relatif sur le forum.

Merci à Felipe pour ses tests.

Commentaires

jaz_on a dit le

J'en avais entendu parler il y a quelques temps dans un tuto de grafikart.fr, mais je l'avais quelque peu oublié. Ça parait prometteur ! =)

TFraquet a dit le

Outil qui parait prometteur surtout pour un intégrateur comme moi :p Il est vrai que pour la génération de CSS ça peut être pratique mais bon extraire du CSS à partir d'une maquette photoshop me semble assez limité. Mais pour la découpe on pourrait gagner du temps j'ai hâte de voir la version finalisé, MERCI ADOBE.

Crameleon a dit le

J'ai utilisé pour la première fois cet outil et il est très sympathique : plus besoin d'avoir Photoshop sur son poste pour visualiser les psd.
Et ensuite, on peut facilement sélectionner les images souhaitées et les exporter.
Par contre, j'avoue ne pas avoir utilisé la partie de génération du css.

75lionel a dit le

un site gratuit ou il faut s enregistrer à la

75lionel a dit le

un site à lagratuit avec un mélange de csshat , de mais il faut