Decoupage d'image ? - Web design - Graphisme
Marsh Posté le 10-09-2002 à 23:34:04
tu as essayé de decouper mais avec image ready plutot que photoshop?
Marsh Posté le 10-09-2002 à 23:37:26
c'est plus approprier pour le web
Marsh Posté le 10-09-2002 à 23:39:35
Ah donc ca irai mieux je pense
Mais deja que photoshop je sais pas faire grand chose
Marsh Posté le 10-09-2002 à 23:41:58
perso pour les decoupages je suis habituer a fireworks mais je pense k'image ready doit etre similaire
Marsh Posté le 10-09-2002 à 23:42:15
Je presise que j'ai fais le decoupage avec l'option recadrage ya peut ete un truc plus aproprier non
Marsh Posté le 10-09-2002 à 23:45:03
parappa a fait un petit tuto sur la découpe avec image eady, il y a quelques jours de ça.
regarde dans le QG tutos, dernière page! le lien est en haut à droite du forum
Marsh Posté le 10-09-2002 à 23:48:59
arf oula , faut utiliser les reperes puis l'outil rectangle avec photoshop et l'outil tranche avec image ready
Marsh Posté le 10-09-2002 à 23:50:46
frenzy a écrit a écrit : parappa a fait un petit tuto sur la découpe avec image eady, il y a quelques jours de ça. regarde dans le QG tutos, dernière page! le lien est en haut à droite du forum |
il est bien son tuto
Marsh Posté le 10-09-2002 à 23:59:05
Super le ctrl+r
Maintenant j'ai la "grille" je vais pouvoir faire un truc plus precis
MeRCi a tous
Marsh Posté le 11-09-2002 à 00:09:22
regarde la .... vers la fin de la page
http://forum.hardware.fr/forum2.ph [...] h=&subcat=
Marsh Posté le 11-09-2002 à 09:32:40
Heu... C'est si dur que ça de poser quelques règles avec photoshop et de découper après ... (en sélectionnant les bouts et en faisant "recadrant" ). Ensuite, on écrit gentiment son tableau (ou ses divs) à la main. Oh que c'est dûr !! Mon Dieu...
Je vois pas pourquoi y aurait besoin d'un autre soft pour ça (si ce n'est pour faire du html pourri... )
Marsh Posté le 11-09-2002 à 10:57:16
LexTuhor a écrit a écrit : Heu... C'est si dur que ça de poser quelques règles avec photoshop et de découper après ... (en sélectionnant les bouts et en faisant "recadrant" ). Ensuite, on écrit gentiment son tableau (ou ses divs) à la main. Oh que c'est dûr !! Mon Dieu... Je vois pas pourquoi y aurait besoin d'un autre soft pour ça (si ce n'est pour faire du html pourri... ) |
c'est vrai que le code d'image ready est un peu pourrave, moi je démonte toujours (souvent on va dire) et je refais le tablo, parce qu'il calle tout a vec un spacer, donc tu te retrouve avec 30 ligne de code dont tu pourrais te passer, par contre l'avantage c'est de pouvoir générer tes rollovers (le code est bien meilleur que celui de dreamweaver)
Marsh Posté le 11-09-2002 à 11:16:21
Non, c'est pareil, le code est pourri lui aussi. ça passe pas avec le validateur du w3c à cause du problème de la balise name qui n'est plus supportée... De plus pour assurer une certaine compatibilité avec les navigateurs en dessous des versions 3 d'IE et 4 de Netscape, ils rajouent plein de code.
Si ça t'intéresse d'avoir des rollovers compatibles avec tous les navigateurs présents + w3c, xhtml 1.1 compliant :
voici :
(tu remarqueras, que c'est 10 fois moins lourd que ce que pond image-ready ou photoshop... )
<head>
<script type="text/javascript"><!--
image1 = new Image(30,30);
image1.src = "image.png";
image2 = new Image(30,30);
image2.src = "image-dessus.png";
function rollover(x, y)
{
document.images[x].src=eval(y+'.src';
}
</script>
</head>
et dans le body :
<a onmousedown="rollover('image1', 'image1'" onmouseover="rollover('image1', 'image2'" onmouseout="rollover('image1', 'image1'" href="page1.htm"><img class="bordboutons" id="image1" src="image.png" alt="description du bouton" /></a>
Marsh Posté le 11-09-2002 à 12:05:23
LexTuhor a écrit a écrit : Non, c'est pareil, le code est pourri lui aussi. ça passe pas avec le validateur du w3c à cause du problème de la balise name qui n'est plus supportée... De plus pour assurer une certaine compatibilité avec les navigateurs en dessous des versions 3 d'IE et 4 de Netscape, ils rajouent plein de code. Si ça t'intéresse d'avoir des rollovers compatibles avec tous les navigateurs présents + w3c, xhtml 1.1 compliant : voici : (tu remarqueras, que c'est 10 fois moins lourd que ce que pond image-ready ou photoshop... ) <head> <script type="text/javascript"><!-- image1 = new Image(30,30); image1.src = "image.png"; image2 = new Image(30,30); image2.src = "image-dessus.png"; function rollover(x, y) { document.images[x].src=eval(y+'.src'; } </script> </head> et dans le body : <a onmousedown="rollover('image1', 'image1'" onmouseover="rollover('image1', 'image2'" onmouseout="rollover('image1', 'image1'" href="page1.htm"><img class="bordboutons" id="image1" src="image.png" alt="description du bouton" /></a> |
ok merci, je vaais tester! t'as pas un script de preloader pdt qu'on y est
Marsh Posté le 11-09-2002 à 12:06:44
Code :
|
C'est pas justement ça qui préloade les images
Marsh Posté le 11-09-2002 à 12:11:13
Oui, mais ça suffit pas, il faut le mettre dans une fonction comme ça :
function preload()
{
image1 = new Image(30,30);
image1.src = "image.png";
image2 = new Image(30,30);
image2.src = "image-dessus.png";
}
et ensuite :
<body onload="preload()">
Marsh Posté le 10-09-2002 à 23:32:04
Voila je dois decouper une image pour une page web (separe par des frames) mais je ne sais pas comment faire pour pouvoir la decouper au pixel pres
J'ai essayé avec photoshop mais c'est de la peut pres donc on voit clairement que l'image est decaller donc maldecouper
Quel est le moyen de faire un decoupage propre ?
MeRCi