Tuto vidéo : créer vos propres textures (seamless)

Ce tutoriel vous permettra de créer vos propres textures dîtes « seamless« , c’est-à-dire sans soudure ni couture à partir de vos photos ou de votre visuel préféré.
Les éléments suivants seront abordés dans cette leçon :
- Recadrage et création de calque à partir du menu contextuel
- Utilisation des masques et paramétrage fin avec l’utilisation de l’outil pinceau
- Création d’un motif utilisable directement dans Photoshop ou sur votre site web.

Cette mini-formation est avant tout destinée aux utilisateurs de Photoshop (quel que soit leur version), mais vous pourrez aisément reproduire cette recette sur le logiciel libre GIMP (je vous promets de mettre alors à jour cet article).

Ce principe de tuilage est également applicable sur Illustrator. Très prochainement un tuto lui sera également dédié.

Pour utiliser une texture sur votre site, il vous suffit d’exporter sa structure minimale (l’espace dans lequel vous avez créé votre motif) et d’appliquer une règle CSS à votre background, de préférence sur votre body par exemple (désolé de parler geek).

body {
background: url(image/TextureSeamless.jpg) repeat;
}

Vous trouverez dans les éléments à télécharger un exemple d’utilisation de la texture pour un site internet sous la forme d’un fichier CSS (ou feuille de style en cascade) qui sera aisément transformable.

Toujours pas convaincu ?
Il ne vous reste plus qu’à vous adresser à un des nombreux (et pour certains géniaux) site de fabrication de motif (pattern)

http://www.k10k.net/pixelpatterns/
>téléchargez de nombreux motifs.

http://www.tartanmaker.com/
>un générateur de tartan très complet.

http://www.theinspirationgallery.com/
>les patterns sont ici d’inspiration vintage avec une possibilité immédiate des les pré-visualiser.

http://www.bgpatterns.com/
>un générateur très ludique et hautement paramétrable

Billets associés

Jaquettes DVD Elephorm – Collection MAO

Un commentaire

1. Aldrenor dit :

   5 janvier 2012 à 15 h 55 min

   Merci pour ce tutoriel très pratique !

   Répondre