Zone <infographie>
       

 Zone <infographie> est un site de références sur l'infographie et la création de sites web.

 Références sur l'infographie et la création de sites web

  Formats de fichiers
  Transparence
  Résolution
  Tonalité et palettes
  Couleurs, motifs
  Images cliquables
  GIFs animés
  HTML
  rgb-hexadécimal
 

  Techniques sur l'infographie et la création de sites web

  Création de motifs
 

 Liste de liens sur l'infographie et la création de sites web

  L'infographie et le web

 


  Création de motifs répétitifs (patterns)

Modifié le 22.06.2006

Création de motifs à partir de Illustrator.

Adobe Illustrator permet la création de motifs répétitifs avec lesquels on peut ensuite peindre n'importe quelle forme. Malheureusement ces motifs ne peuvent s'exporter vers Photoshop et donc servir à la création de tuiles ou motifs pour usage avec les fureteurs WWW.

On peut toutefois utiliser les principes sous-jacents à la création d'une tuile répétitive pour la création de la tuile/motif de base, exporter celle-ci vers Photoshop et sauvegarder ensuite le document au format GIF.

1.

Commencer par dessiner un carré d'environ 1 pouce, 11/2 pouces de côté.

2.

Commencer par dessiner le motif à l'aide de formes ou de lignes uniquement à l'intersection du côté gauche du carré. Sélectionner le carré et les éléments du motif.

3.

Faire une copie du carré et des éléments du motif en amenant le coin supérieur gauche au nivau du coin supérieur droit.

4.

Sélectionner le carré de droite et s'en débarrasser.

5.

Continuer à dessiner le motif à l'aide de formes ou de lignes à l'intersection du haut du carré cette fois.

6.

Faire une copie du carré et des éléments du motif en amenant le coin supérieur gauche au nivau du coin inférieur gauche.

7.

Sélectionner le carré du bas et s'en débarasser.

8.

Finir de remplir le carré avec les mêmes éléments. Faire attention à ce qu'aucun objet ne touche aux côtés du carré. Faire une copie du carré, la positionner exactement par-dessus l'original et l'envoyer sur le dessus complètement (Bring to front).

Faire un masque avec l'ensemble de façon à masquer les éléments du motif qui débordent du carré.


9.

Cliquer pour voir le résultat.

Importer le document Illustrator dans Photoshop. Sauvegarder au format GIF.

On peut appliquer cette technique à a une foule d'éléments graphique.


Haut

Création de motifs à partir de Photoshop.

Certains programmes complémentaires ou "Plug In" de Adobe Photoshop permettent une création automatisée de motifs répétitifs.

Corel KPT Effects (Kaïs Power Tools) possède un module pour générer des algorythmes permettant la création automatique de motifs répétitifs. Il permet de générer des motifs de 96 x 96 pixels, 128 x 128 pixels et plus.

Terrazo (Xaos Tools) Macintosh seulement

Technique simple de création de tuiles.

Le principe rappelle la technique utilisée dans Illustrator: partir d'une texture et la déplacer diagonalement tout en répétant en miroir de l'autre coté de l'image les pixels déplacés qui sont sortis du cadre de l'image.

1.

Commencer par dessiner une texture de base dans un carré de 96 x 96 pixels. Ici on a choisis de numériser une feuille de papier froissée, de la teinter et ensuite d'appliquer le filtre Gallery Effects Sprayed Strokes de la compagnie Adobe.

Ne pas choisir un motif avec de trop gros éléments qui une fois répétés dans le motif sont facilement reconnaissables.

2.

Déplacer ensuite la texture à l'aide du filtre Offset. Choisir la moitié des dimensions de l'image comme mesure; par exemple pour 96 pixels de large choisir 48 pixels et cliquer sur l'option Wrap Around pour permettre de répéter la texture dans le coin opposé.

3.
Cliquer pour voir le résultat.

Utiliser ensuite l'outil Tampon (Rubber Stamp) pour "nettoyer" la bordure au centre de l'image.


Haut

 

 

Publicité:

Dessin vectoriel

Un dessin vectoriel est une représentation composée d'objets géométriques (lignes, points, polygones, courbes, ...) ayant des attributs de forme, de position, de couleur etc. permettant de produire des images. Notons que « vectoriel » ne se réfère pas aux vecteurs mathématiques, mais qualifie principalement les données informatiques qui sont des instructions ou des attributs graphiques. Cependant, ces données sont souvent représentées sous forme de n-uplets qui peuvent faire penser à des vecteurs, par opposition à un dessin bitmap qui est basé sur les pixels



 


 
 

Zone <infographie>, une présentation d'Création de sites web au Québec, une compagnie du Québec qui offre des services en création de sites web.

Si vous avez des questions sur le contenu du site où si vous avez des besoins en infographie, création de sites web, ou référérencement de sites web, contactez le site Internet d'Orénoque interactif, ou écrivez-vous: Questions sur l'infographie et la création de sites web.


PARTENAIRES:
Top-Ten Guides: More Than Just Gift Ideas - Les Guides Top-Ten: plus que des idées de cadeaux