Générateur : BGPattern

21 septembre 2009

Cela faisait longtemps que je ne vous avais pas présenté un générateur très utile pour faciliter la création de votre webdesign. C’est réparé, aujourd’hui je vous propose : bgPatterns. Ce générateur de background, ou plutôt de pattern (motif en français) est très très simple d’utilisation, comme vous allez pouvoir le découvrir sur les quelques screenshots qui vont suivre: bgpattern1

Une fois rendu sur le générateur de pattern, vous devez sélectionner, dans l’ordre que vous voulez, la couleur du motif (que vous pouvez choisir avant ou après, peu importe l’ordre) ainsi que la couleur du fond du motif.

bgpattern2

Lors du choix du motif, vous pourrez définir sa taille, la texture que vous voulez, sa répartition dans le dessin à reproduire, et son opacité. Vous pouvez aussi le faire tourner pour le mettre dans l’angle que vous voulez.

bgpattern3

Une fois que vous avez défini et appliqué tous les critères que vous avez choisi pour la création et l’élaboration de votre motif, il vous suffit de cliquer sur “apply background” pour le voir s’afficher en mode répétition (repeat). A tout moment vous pouvez revenir sur vos critères afin de les modifier.

bgpattern4

Votre création vous plait ? vous pouvez la télécharger en cliquant sur “download image” et l’utiliser sur votre site ou blog, en l’intégrant dans votre CSS, de façon à ce qu’elle se répète :

body { background:url(votremotif.jpg) repeat; }