Découper une interface
Salut tout le monde,
ça fait un certain temps que je découpe mes interfaces web assez à l'arrache je dois dire.

En effet, sous photoshop lorsque l'on découpé un psd, les styles de calques se ré applique directement lorsque l'image est redimensionnée, ce qui fait que bien souvent pour découper une interface je jongle entre le jpg qualité supérieur du psd et le psd lui même.

J'aimerai savoir comment vous vous faites pour découper vos interfaces, s'il y avait des tutos ou autre.
Je sais que logiquement c'est imageready qui fait ça, mais je ne m'habitue pas à son système de tranche, car lorsque je ne veux qu'un seul élément celui m'en exporte toujours 3 ou 4 minimum, jamais dans le bon format (j'arrive pas à trouver le png-24 avec transparence) et en plus il me génère un fichier html à la con dont je n'ai nullement besoin.

------------------- ------

Autre question, je suis actuellement en train de découper une interface (à l'arrache) et un problème se pose à moi.

Sur cette interface, j'ai besoin de découper le cadre du bas pour l'appliquer en tant que background. Or, il y a un style de calque appliqué à ce cadre, en effet, on voit nettement plusieurs couleurs sous forme de dégradés. Je ne sais donc pas comment faire pour utiliser ce cadre en background étirable sans ruiner le dégrader.

----------------- --------

Dernière question : avec vous une autre méthode pour exporter une image avec un dégradé transparent progressif que le png-24 qui n'est pas intereprété correctement par IE ?
Je pense notamment à mes deux cadres que je veux découper sans prendre le fond blanc strillés avec et qui possède une ombre externe de quelques pixels.

Voilà, merci d'avance :).

Vive l'artisanat: deux calques, un avec l'interface applatie, et l'autre avec opacité a 40%, et des rectangles de couleurs. puis selection copier coller nouvel image et export pour le web. ensuite la mise à jour se fait simplement avec deux fichiers images, celui qui sert de prototype avec tous les calques, et celui avec deux calques.

Pour les fonds en mosaiqués, un calque supplémentaire pour selectionner l'éléments générateur.

Ensuite pour les problèmes de conceptions graphique, il faut la revoir ou passer par des plugins ^_^*

En faqit le découpage d'interface c'est pas le problème, le problème c'est la compatibilité entre les différents navigateur et les css.

Et pour mon problème de cadre avec le dégradé (c'est les CSS qui m'embêtent là) ?

Sinon oOo, j'ai vraiment pas compris ta première méthode :/

Elle est pourtant très simple, faudrait illustrer mes propos... Bonne chance :D

pour l'intégration, on vire les textes non image en masquant les calques.

on aplatit tout, et on découpe, a l'ancienne.

Et pour mon cadre avec dégradé ? :D

Si c'est étirable selon les résolutions, t'as l'air dans la merde si tu veux pas de png ^^

Je veux que se soit étirable sur le haut, le png je m'en fou.

 Les dégradés verticaux sont difficilement gérable (à part pour le fond, tu découpe 1px de large sur npx de long), il est plus simple d'appliquer un dégradé horizontal sur cette forme et là export 1px de haut sur la largeur de ton interface.

Pour la transparence des png sous IE (ce qu'il faut pas faire qd même !!!):

Ca sert a quoi exactement ton code tyler ??

Ca joue sur l'interpretation des PNG par IE ??

yes ça permet à IE de gérer la transparance des PNG