texture

texture - Web design - Graphisme

Marsh Posté le 22-06-2004 à 16:06:38    

Comment on fait pour faire une texture de ce style (fond)?http://www.arcademode.com
 
Il existe pas des tutoriaux?


Message édité par kameha le 22-06-2004 à 16:16:16
Reply

Marsh Posté le 22-06-2004 à 16:06:38   

Reply

Marsh Posté le 22-06-2004 à 16:22:08    

kameha a écrit :

Comment on fait pour faire une texture de ce style (fond)?http://www.arcademode.com
 
Il existe pas des tutoriaux?


 
tu aprle de faire une texture mozaique?


---------------
E6600+, P5LD2-VM DH, 2x1go GEIL c4, NSK3300
Reply

Marsh Posté le 22-06-2004 à 16:22:25    

oui

Reply

Marsh Posté le 23-06-2004 à 02:08:03    

Il suffit de créer un dessin qui se répète sous fireworks ou photoshop par exemple et de l'intégrer à ton body grâce à une feuile de style (CSS) comme ceci (à placer en <head> et </head> ) :

Code :
  1. <style type="text/css">
  2. body {
  3. background-image: url(motif.gif);
  4. background-repeat: repeat;
  5. background-color: #432F26;
  6. padding: 0;
  7. margin: 0;
  8. }
  9. </style>


 
Tu auras ainsi un motif en fond de page qui se répète. A noter que l'on peut appliquer cette technique à d'autre éléments de la page avec d'autres déclarations CSS.


Message édité par seb63 le 23-06-2004 à 02:09:49
Reply

Marsh Posté le 23-06-2004 à 09:11:06    

ma question s'orientait plus vers photoshop justement. Comment créer des motifs genre tapisserie.
Parceque prendre une image, l'exporter, la répéter en fond, ça, je sais faire...

Reply

Marsh Posté le 23-06-2004 à 09:12:57    

lien mort la

Reply

Marsh Posté le 23-06-2004 à 15:26:39    

Le principe est simple, tu crées un petit document (30x30px), tu dessines un motif au centre en laissant des marges.
 
A gauche, de du motif central, tu places la moitié droite de ce dernier.
A droite, tu places la moitié gauche.  
En bas, tu places la moitié supérieure.
En haut, tu palces la moitié inférieure.  
 
Ou alors tu places un motif au centre et tu laisses des marges tout autour.
 
http://www.3e-type.com/images/background.png
http://www.3e-type.com/images/fond.png


Message édité par seb63 le 23-06-2004 à 15:27:13
Reply

Sujets relatifs:

Leave a Replay

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