Astuce Un en-tête pour vos pages web - Retouche photo

Catégorie : Retouche photo

Nous allons, pas à pas, créer des styles de boutons personnalisés, et les appliquer à différents éléments, pour réaliser une interface personnalisée pour votre site web.

1. Créez une forme vectorielle

	Dans les paramètres de l'outil plume (P), choisissez le bouton le plus à gauche "Calque de forme".
	Créez alors le tracé, en cliquant simplement pour créer des sommets et en cliquant / glissant pour créer des courbes. (L'outil plume utilise un système de tracé appelé "courbes de Béziers")

2. Le titre

	Saisissez le texte de votre titre avec l'outil texte (T).
	Déformez le texte en cliquant sur le bouton "Créer un texte déformé", dans la barre de propriétés. Dans la fenêtre de dialogue qui s'ouvre alors, choisissez la déformation qui convient le plus à la forme que vous avez créée.
	Dans la palette des Styles (si elle n'est pas ouverte, allez dans Fenêtre > Styles), cliquez sur la petite flèche en haut à droite, et choisissez "Boutons de verre". Dans la boîte de dialogue, choisissez "Ajouter". Vous venez d'ajouter des styles à votre palette de styles. Ajoutez également les styles "Effets de texte 2".
	Vérifiez dans la palette des calques que votre calque de texte est bien sélectionné, et cliquez sur un style dans la palette des Styles (ici "Double lueur turquoise")

3. Le bouton

	Créez un calque de forme avec l'outil Ellipse (U).
	Appliquez-lui un Style "Verre bleu".
	Le style que vous avez choisi applique en fait une série d'effets au calque. Ces effets s'affichent en dessous du calque dans la palette des Calques. Vous pouvez modifier les effets individuellement en double-cliquant dessus, et en modifiant les paramètres. Ici, on modifie les effets en remplaçant à chaque fois la couleur de l'effet par celle de la forme vectorielle du fond.
	Enregistrez les modifications que vous avez apportées au Style, en cliquant sur le bouton "nouveau" de la palette des Styles. Nommez. Cliquez "OK"

4. Créez d'autres boutons

	Créez plusieurs calques, avec des formes vectorielles ou des formes créées au pinceau...
	Appliquez-leur le style que vous venez de créer. Vous obtenez une série de boutons de formes différentes, mais de style semblable.

Il ne vous reste plus qu'à découper votre nouvelle interface, pour en faire une page HTML, ce qui fera l'objet d'une prochaine astuce.

Micro Application