Créer des boutons (facilement) pour votre site web 02

08 On procède de la même façon pour le calque texte on peut ajouter une lueur interne, externe etc...

09 Voila, il ne reste plus qu'à les enregistrer d'abord au format PSD ("format Photoshop" qui permet de conserver chaque calque indépendant pour pouvoir intervenir à nouveau, faire d'autres boutons...) puis, aplatir les calques de chaque document et les enregistrer pour le web.

Voici comment créer d'autres boutons à partir du premier avec les mêmes caractéristiques,
en créant par la même occasion, un nouveau style de calque.

10 Pour faire un second bouton, par exemple "FORUM", qui reprend exactement les mêmes caractéristiques que le bouton "ACCUEIL", on le duplique avant d'aplatir. On procède de la façon suivante : avec l'outil Texte, sélectionnez le mot ACCUEIL, et écrivez à la place : FORUM ou ce que vous voulez mettre sur votre bouton. Les effets de style de calque s'appliqueront automatiquement sur le nouveau mot écrit !
- On peut aussi enregistrer le style (les paramètres de biseautage etc...) que l'on a créé pour ce texte, ou pour le fond du bouton ainsi que pour chaque nouveau style que l'on crée avec Style de calque...

11 Pour enregistrer le nouveau style, sélectionnez d'abord le calque sur lequel vous avez appliqué des effets (ici ACCUEIL). Puis ouvrez la palette Style : Fenêtre/Styles. Positionnez le curseur de la souris à la suite des autres styles existant à un endroit ou il n'y a rien. Le curseur se transforme en pot de peinture, indiquant que vous pouvez cliquez pour créer un style... Cliquez !

12 Une fenêtre s'ouvre alors pour vous permettre d'enregistrer en nommant ce Nouveau style. Donnez lui un nom et faites ok...


13 Voila le nouveau style est créer ! Faites la même chose pour le fond du bouton et pour chaque nouveau style. Il ne restera plus qu'à cliquer dessus pour l'appliquer à un calque. Dans notre cas, tous les boutons auront les mêmes effets de style.



Avant d'appliquer le style

14 Voici comment appliquer le nouveau style : on sélectionne le calque et on clique dans la palette Styles sur le style que l'on a créé - On voit que tous les effets s'appliquent instantannément !


13 On fait la même chose pour le fond du bouton ! On pourra ainsi faire autant de boutons que l'on souhaite qui auront la même taille et les mêmes effets de style ! Bien entendu, vous pouvez aussi appliquer des styles déja existant dans Photoshop !

Ci-dessous, d'autres exemples de rollover...


suite ...
1 ... 2

Retour tutos divers
Accueil