Hero Patterns – Des motifs pour backgrounds au format SVG

Source: Hero Patterns

Hero Patterns est une collection de motifs pour backgrounds élégants et minimalistes entièrement réalisés en SVG.

Pour l’utiliser directement sur un site internet, il vous suffit de sélectionner le motif qui vous intéresse, de modifier la couleur des motifs et du fond d’écran puis d’exporter le tout en copier-collant le code css généré.

Pour l’utiliser dans Sketch, téléchargez le SVG en cliquant sur « Download Unstyled SVG ». Ouvrez ensuite le fichier dans Sketch puis exportez le au format PNG. Créez ensuite une forme puis sous « Fills » cliquez sur la première couleur puis « Pattern Fill » (le bouton avec une icône de fleur). Sélectionner l’image PNG du motif puis appliquer « Tile » grâce au sélecteur. Votre motif se répétera ainsi à l’infini sur votre fond.