Project Parfait (beta) FAQ. Overview Using Project Parfait Support and Known Issues What is Project Parfait, and what does it do?
Project Parfait is an experimental service for designers and developers, who turn Photoshop comps into code-based designs. It lets you quickly and easily extract what you need from a PSD comp. Project Parfait lets you do the following directly in your browser: Extract color, gradient and font info from a PSDCopy text and CSSGet accurate measurements between elementsExport production-ready optimized images.
Project Parfait: Un outil Adobe pour faciliter l'intégration d'un PSD. Project Parfait est un nouvel outil proposé par Adobe permettant de faciliter la découpe et l'intégration web d'un PSD.
Voilà un outil qui devrait plaire à tous les intégrateurs et développeurs web ! Adobe a mis au point un outil permettant de lire et décomposer un PSD afin de faciliter son intégration. Pour commencer, uploadez le PSD souhaité. Il sera lu par l'outil et tous les calques bien décomposés. En cliquant sur chaque partie du design, vous obtiendrez diverses informations, comme: La dimension de l'élémentLa position de l'élémentLa police utiliséeLe CSS liéLes couleurs principales utiliséesLes éventuels dégradés En un clic, vous pourrez copier le CSS d'un élément ou récupérer le texte brut pour le copier coller dans votre page HTML, pratique !
La zone des calques vous permet de naviguer facilement à travers la composition et de télécharger les images nécessaires ... ou même cacher certaines parties comme vous pourriez le faire sur Photoshop. Qu'en pensez-vous ? Site Officiel. Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web. Hi!
Welcome to the Project Parfait beta. If you turn Photoshop comps into code-based designs, Project Parfait is for you. It lets you do the following right in your browser: Extract color, gradient and font info from a PSD Copy text and CSS Get accurate measurements between elements Save web-optimized images Let us know what you think on our user forums and check out our FAQ if you have more questions. Thanks for checking out Project Parfait!
Cheers,The Parfait Team Note: This is a pre-release version service that does not represent the final product and may contain bugs that may cause system or other failure and data loss. Project Parfait. 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 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 : sélection d'un calque maintenir shift enfoncé sélectionner un autre calque Consultez aussi le sujet relatif sur le forum. Adobe Projet Parfait : extraire le CSS de votre PSD. Adobe signe un bel outil qui promet de rendre de bons services aux webmasters en permettant d’extraire le code CSS d’un fichier PSD dans le navigateur.
Dans le navigateur… C’est à dire que la version actuelle (beta) est gratuite et ne nécessite pas de posséder Photoshop pour l’utiliser. On peut imaginer que le webmaster a reçu la maquette d’une page en PSD qu’il lui suffit d’uploader sur Project Parfait pour en extraire le CSS. L’interface intuitive donne un résultat très bon même s’il faut remanier le code CSS qui vous fournit les détails sur la police, les tailles, les couleurs, les ombres, avec les préfixes vendeurs. Vous pouvez visualiser les distances entre les objets par un shift + clic. Il est possible de détailler les calques et de les sauvegarder (individuellement), en les optimisant, en PNG, JPG et SVG. Facilitez vos intégrations en HTML & CSS avec Adobe : Project Parfait. Découvrez le petit nouveau de Adobe avec le service en ligne Project Parfait qui va vous changer vos habitudes pour la conception de vos intégrations.
Un outil gratuit en ligne, parfait ! Le service est actuellement en Beta, mais il est déjà très prometteur et va vous permettre de gagner du temps pour vos intégrations en HTML & CSS à l'aide de son interface. Pour l'utiliser il vous faudra un compte sur Adobe qui est gratuit et créé en 30 secondes, ensuite vous pourrez uploader vos différents PSD pour gérer le découpage et les différentes caractéristiques CSS avec : - Les tailles, couleurs et les différents critères autour des fonts - Gérer vos éléments avec la taille et la couleur - Découper et enregistrer vos assets Nous avons testé le service avec un de nos psd pour voir le potentiel.
L'outil se prend très vite en main, vous pouvez gérer plusieurs psd, ensuite il suffit de survoler les éléments pour obtenir les informations souhaitées. Un service à garder près de soi.