|
Créer des motifs avec Photoshop |
|
|
|
|
Tutoriels divers en vrac ! -
Réalisation de ressources avec Photoshop !
|
|
21-06-2006 |
 |
Ce tutoriel explique comment créer rapidement des motifs de fond pour une page WEB ou un module à l'aide de Photoshop.
 |
Un petit tutoriel fort instructif qui nous est proposé par Perceval de www.bdlire.info.
Si vous aimez la BD alors une petite visite sur son site s'impose. D'ailleurs son site propulsé par le CMS Open Source Joomla! propose un template au design qui mérite le détour...
|
|
 |
Une version avec The Gimp est envisagée. Si un utilisateur de ce logiciel souhaite le faire alors il est le bienvenue.
La traduction pour The Gimp est en cours !
Il reste les écrans à faire. Mais on va avancer un autre truc avant.
|
Sous Photoshop faites un nouveau document en indiquant une dimension de 4 pixels par 4 pixels et un fond transparent :
Zoomez ensuite sur l'image jusqu'à ce vous puissiez visualiser 8 carrés (4 carrés blancs et 4 carrés gris) horizontalement et verticalement.
Ensuite sélectionner l'outil rectangle en prenant soins de choisir au préalable une couleur de premier plan à votre convenance. Dans notre exemple, nous avons choisie un vert.
Tracez alors un carré en prenant soin de bien sélectionner la moitié de la hauteur de l'image. Vous pouvez déborder sur les cotés droit et gauche et en bas, par contre votre sélection doit être strict en hauteur et englobé uniquement 4 carrés :
Une fois satisfait de la sélection, relâchez pour la remplir avec la couleur (c'est automatique !!)
Puis vous faites un clic droit sur votre palette de calque et vous pixellisez le calque :
Faites mainternant Edition et Utilisé comme motif :
Puis donnez un nom et enregistrez.
Une fois votre motif enregistré, ouvrez un nouveau document ou faite une sélection de la partie de l’image où vous voulez utiliser le motif.
Faite Edition/Remplir/Choisissez votre motif et cliquez sur ok.
Vous pouvez utiliser n'importe quel symbole en forme de vague, de triangle, de croix, de diagonale, d'étoile ou autre pour créer vos motif et les réutiliser a l’infini...
Exemples de motifs :
 motif3.png  motif2.png |
 motif2transparent.png |
© Perceval de www.bdlire.info - Juin 2006
|
|
Dernière mise à jour : ( 19-12-2008 )
|
