|
? Boutons Rollover sont les images que vous voyez lorsque vous passez la souris sur plusieurs boutons de la page Web. D'autres états de bouton peuvent avoir leurs propres images , y compris les États cliqué et désactivé . Faire des boutons de renversement dans Photoshop distingue votre programme ou une page Web à partir d'autres médias. Il vous permet également de créer des boutons avec des formes interactives qui se rapportent à la fonction de votre application. Pour un jeu qui représente dragons, par exemple , vous pouvez créer un bouton dont l'apparence normale est l'oeil fermé d'un dragon, et dont le retournement apparence est l'œil de dragon ouvert . Instructions
1 Cliquez sur commande "Nouveau " du menu "Fichier " , puis cliquez sur l'option " Web " dans le contrôle de liste déroulante "Preset" .
2 Cliquez sur l'icône de la palette d'outils en forme de rectangle arrondi pour exécuter l'outil " rectangle arrondi ", puis cliquez sur le nuancier ci-dessus la toile. Cliquez sur une couleur que vous souhaitez pour le bouton de la palette qui s'affiche.
3 Cliquez vers le côté gauche de la toile, puis glissez vers la droite pour définir le bouton. Relâchez le bouton pour compléter la forme du bouton. Cliquez sur l'élément "Styles " dans le menu "Windows " pour afficher une palette de styles de boutons prédéfinis.
4 Passez votre souris sur la galerie des icônes de style , puis cliquez sur l'un des styles dont le nom contient «normal». Par exemple, cliquez sur le style " biseauté normal" . Le terme «normal » indique que le style est pour activé , l'état de non- survol du bouton.
5 Cliquez sur l'icône "T" dans la palette d'outils pour exécuter l'outil "Texte" , puis faites glisser sur la touche pour définir une zone de texte . Tapez le texte que vous voulez pour le bouton dans la zone de texte, puis cliquez sur l'icône du point de contrôle, situé au-dessus de la toile de finaliser le texte de la zone de texte .
6 Cliquez sur la commande «Fusionner visible» le menu "Layers" de fusionner le texte et les effets en une seule image . Cliquez sur la commande " Dupliquer" dans le menu «Calque» pour dupliquer le bouton pour l'état de renversement.
7 Utilisez les instructions de l'étape 4 pour appliquer un style de bouton pour le bouton en double. Cependant, sur un style dont le nom inclut « survol » au lieu de «normal». Par exemple , cliquez sur le style " mouseover biseauté " . Ce sera l' apparence du bouton lorsque l'utilisateur passe la souris dessus
8 Suivez les instructions à partir de l'étape 4 pour appliquer un style de bouton pour le bouton en double. Cependant, sur un style dont le nom inclut « mousedown » au lieu de «normal». Par exemple, cliquez sur le style " mousedown biseauté " . Ce sera l'apparence du bouton lorsque la souris est sur elle et d'être cliqué.
9 Cliquez sur " Enregistrer pour le Web " de commande, puis cliquez sur le « 4 -up " onglet du menu "Fichier " pour afficher quatre images montrant différentes qualités d'image pour le bouton que vous avez sélectionné . Cliquez sur une image dont la qualité vous trouvez acceptable , et dont le texte sous l'image inclut le type de fichier " GIF ". Les boutons sont généralement au format GIF, en grande partie parce qu'ils exigent généralement peu de mémoire sur le disque .
10 Cliquez sur "Enregistrer" pour ouvrir la boîte de dialogue «Enregistrer optimisé " . Tapez un nom dans la zone de texte "Nom" qui indique que l'image est le bouton de substitution , pas celui normal. Par exemple, " rollover.gif . " De type Cliquez sur "Enregistrer " pour enregistrer le bouton de substitution .
11 Utilisez les instructions de l'étape 8 pour cacher le calque du bouton de substitution et de révéler le calque du bouton normal. Suivez les instructions du étapes 9 et 10 pour enregistrer le bouton normal avec un nom comme " normal.gif " ou " enabled.gif . "
|
