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. |
 |
|