Photoshop: exporter psd en html/css [Résolu/Fermé]
A voir également:
- Psd to html
- Photoshop html - Meilleures réponses
- Photoshop export html - Meilleures réponses
- Export psd to html ✓ - Forum - CSS
- Redirect php to html - Conseils pratiques - PHP
- Bookmarks json to html ✓ - Forum - Windows
- Psd en html - Forum - Graphisme
- & to html - Articles
6 réponses
info_l3
- Messages postés
- 32
- Date d'inscription
- mercredi 29 octobre 2008
- Statut
- Membre
- Dernière intervention
- 12 septembre 2009
Salut.
Bon avec photoshop tu peux exporter ton design en html pour pouvoir ensuite coder "par dessus", et ce design sera une sorte de fond pour ton site.
Pour l'exporter ce design, il faut d'abord le découper. Tu utilises l'outil tranche, etc...
Ensuite, pour l'exporter, tu peux choisir soit sous forme de tableau, soit sous forme de <div> et css.
1/ Tu ouvres ton psd avec photoshop
2/ Va dans fichier/Enregistrer pour le Web
3/Dans la nouvelle fenêtre qui s'est ouverte, tout à droite, en dessous des trois boutons "Enregistrer, Annuler, Terminer", tu as un champ paramètres. (c'est une liste déroulante).
A droite de cette liste déroulante, il y a une petite flèche doublée, comme ceci >>
Clique dessus, et ensuite tu choisis "Modifier les paramètres de sortie"
4/En dessous de la liste déroulante paramètre, il y a une autre liste déroulante, dans celle ci tu choisis "Tranches".
5/ Dans la section "Sortie de la tranche", tu cliquez sur le bouton radio "Générer la css"
Ensuite, tu as 3 choix pour la liste déroulante "Référence".
Si tu choisis "par ID", ta page html sera comme ceci:
<head>
<style>
#banniere{
height:776px;
.......
}
</style>
</head>
<body>
<div id="banniere">
ton image de banniere...
</div>
</body>
Par contre, si tu choisis "par Insertion", ta page sera comme ceci:
<head>
</head>
<body>
<div style="height:776px; ...">
ton image de banniere..
</div>
</body>
Et "par catégorie", je me rappelle plus mais tu peux tester, salut!
Bon avec photoshop tu peux exporter ton design en html pour pouvoir ensuite coder "par dessus", et ce design sera une sorte de fond pour ton site.
Pour l'exporter ce design, il faut d'abord le découper. Tu utilises l'outil tranche, etc...
Ensuite, pour l'exporter, tu peux choisir soit sous forme de tableau, soit sous forme de <div> et css.
1/ Tu ouvres ton psd avec photoshop
2/ Va dans fichier/Enregistrer pour le Web
3/Dans la nouvelle fenêtre qui s'est ouverte, tout à droite, en dessous des trois boutons "Enregistrer, Annuler, Terminer", tu as un champ paramètres. (c'est une liste déroulante).
A droite de cette liste déroulante, il y a une petite flèche doublée, comme ceci >>
Clique dessus, et ensuite tu choisis "Modifier les paramètres de sortie"
4/En dessous de la liste déroulante paramètre, il y a une autre liste déroulante, dans celle ci tu choisis "Tranches".
5/ Dans la section "Sortie de la tranche", tu cliquez sur le bouton radio "Générer la css"
Ensuite, tu as 3 choix pour la liste déroulante "Référence".
Si tu choisis "par ID", ta page html sera comme ceci:
<head>
<style>
#banniere{
height:776px;
.......
}
</style>
</head>
<body>
<div id="banniere">
ton image de banniere...
</div>
</body>
Par contre, si tu choisis "par Insertion", ta page sera comme ceci:
<head>
</head>
<body>
<div style="height:776px; ...">
ton image de banniere..
</div>
</body>
Et "par catégorie", je me rappelle plus mais tu peux tester, salut!
IpIpIpIpOne
- Messages postés
- 436
- Date d'inscription
- mercredi 18 février 2009
- Statut
- Membre
- Dernière intervention
- 24 mai 2009
Ya moyen de faire ça avec photoshop ? Si oui, le résultat (niveau codage) ne doit pas être bien fameux !
info_l3
- Messages postés
- 32
- Date d'inscription
- mercredi 29 octobre 2008
- Statut
- Membre
- Dernière intervention
- 12 septembre 2009
Salut,
ta question est toujours d'actualité?
Je sais comment faire si tu veux...
Salut!
ta question est toujours d'actualité?
Je sais comment faire si tu veux...
Salut!
Grand merci pour ce tutoriel et encore bon courage.