Decoupage d'image ?

Decoupage d'image ? - Web design - Graphisme

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

Reply

Marsh Posté le 10-09-2002 à 23:32:04   

Reply

Marsh Posté le 10-09-2002 à 23:34:04    

tu as essayé de decouper mais avec image ready plutot que photoshop?


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-09-2002 à 23:36:50    

Euh non pkoi c'est plus facile ?

Reply

Marsh Posté le 10-09-2002 à 23:37:26    

c'est plus approprier pour le web


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

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  :o

Reply

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


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-09-2002 à 23:42:15    

Je presise que j'ai fais le decoupage avec l'option recadrage  :heink: ya peut ete un truc plus aproprier non  :??:

Reply

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

Reply

Marsh Posté le 10-09-2002 à 23:48:32    

Tu parles donc de celui la  :)

Reply

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


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 10-09-2002 à 23:48:59   

Reply

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 :jap:


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

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  :love:  
 
MeRCi a tous  :jap:

Reply

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=


---------------
icite ca shoot : albphoto.fr   //   la ca bricole : albworkshop.fr  //  A VENDRE Canon ST-E2
Reply

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...  :sarcastic: )
 

Reply

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...  :sarcastic: )
 
 




 
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)

Reply

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...  :sarcastic: )
 
 
<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>


Message édité par LexTuhor le 11-09-2002 à 11:18:37
Reply

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...  :sarcastic: )
 
 
<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 :D

Reply

Marsh Posté le 11-09-2002 à 12:06:44    

Code :
  1. image1 = new Image(30,30); 
  2. image1.src = "image.png";
  3. image2 = new Image(30,30); 
  4. image2.src = "image-dessus.png";


 
C'est pas justement ça qui préloade les images  :??:

Reply

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()">
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed