Table des matières:
- 1Choisissez Édition → Insérer → Nouveau bouton.
- 2Choisissez l'outil de dessin de votre choix et créez une forme sur le document.
- 3Dans l'inspecteur des propriétés, spécifiez la largeur et la hauteur de votre bouton ainsi que tous les autres paramètres, tels que la couleur du trait et la couleur de remplissage.
- 4Centrez le bouton.
- 5Sélectionnez l'outil Texte. Dans l'inspecteur des propriétés, spécifiez les paramètres du texte du bouton.
- 6Tapez le texte souhaité sur le bouton. Sélectionnez le texte et le graphique du bouton, puis choisissez Fenêtre → Aligner.
- 7Alignez le texte sur le bouton en cliquant sur les icônes souhaitées.
- 8Choisir Sélectionner → Sélectionner tout.
- 9Choisissez Fenêtre → Etats.
- 10Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Mac) sur l'état 1 pour afficher le menu contextuel, puis choisissez Copier dans les états.
- 11Sélectionnez le bouton d'option État suivant, puis cliquez sur OK.
- 12Sélectionnez État 2, puis modifiez ou modifiez le graphique copié à partir de l'état 1.
- 13Cliquez sur le bouton Retour pour revenir à la fenêtre principale.
Vidéo: PS - Apprendre Photoshop comme un pro en seulement 8 heures, par Thierry Dambermont 2025
Un bouton à deux états est le bouton Fireworks par défaut. Vous créez les graphiques et le texte pour State 1, qui correspond à ce que le visualiseur voit lors du chargement initial de la page. Ensuite, vous modifiez les mêmes graphiques pour State 2, , ce que voit l'utilisateur lorsque vous passez le curseur sur le bouton. Les différents graphiques sont un cadeau mort que quelque chose se passera quand le bouton est cliqué.
Avant de pouvoir créer un bouton dans Fireworks, déterminez la taille pour le créer. Lorsque vous décidez de créer un site Web, vous faites une sorte de planification. Quelle que soit la méthode utilisée, vous savez combien de zone vous avez déléguée à la navigation.
Si vous n'avez que quelques liens, vous pouvez utiliser un menu de navigation horizontal. Si vous avez beaucoup de liens, vous avez besoin d'un menu vertical. Après avoir rencontré et créé une maquette pour votre client, vous devez connaître le titre de chaque bouton. Votre bouton devrait être légèrement plus grand que le titre le plus long. Avec tout ce que vous avez compris, vous êtes prêt à créer un bouton à deux états comme suit:
1Choisissez Édition → Insérer → Nouveau bouton.
L'éditeur de boutons apparaît, avec (hélas) seulement des directives pour mettre les boutons graphiques. Votre mission, si vous décidez de l'accepter, est de remplir le symbole du bouton avec une forme et un texte.
2Choisissez l'outil de dessin de votre choix et créez une forme sur le document.
Le choix logique est l'outil Rectangle. Si vous créez un bouton de forme ovale, vous pouvez choisir l'outil Rectangle, puis utiliser le paramètre Arrondi dans l'inspecteur des propriétés pour arrondir les coins du rectangle.
3Dans l'inspecteur des propriétés, spécifiez la largeur et la hauteur de votre bouton ainsi que tous les autres paramètres, tels que la couleur du trait et la couleur de remplissage.
La figure montre un bouton en construction.
4Centrez le bouton.
Pour centrer le bouton, faites glisser le bouton vers le centre du document jusqu'à ce que vous voyiez un réticule vertical et horizontal apparaître au centre du graphique.
5Sélectionnez l'outil Texte. Dans l'inspecteur des propriétés, spécifiez les paramètres du texte du bouton.
Verdana et Arial sont deux bons choix pour la police. Choisissez une couleur qui est harmonieuse avec votre conception. La taille de la police dépend de la taille de votre bouton.
6Tapez le texte souhaité sur le bouton. Sélectionnez le texte et le graphique du bouton, puis choisissez Fenêtre → Aligner.
Le panneau d'alignement apparaît.
7Alignez le texte sur le bouton en cliquant sur les icônes souhaitées.
Dans la plupart des cas, vous devez aligner le texte sur le centre du bouton, ce que vous pouvez également faire en sélectionnant le texte à l'aide de l'outil Pointeur et en le faisant glisser vers le centre du document jusqu'à l'apparition d'un réticule vertical et horizontal..Toutefois, vous souhaiterez peut-être aligner le texte à gauche, à droite, en haut ou en bas de la forme. Pour atteindre ce résultat, utilisez le panneau Aligner.
8Choisir Sélectionner → Sélectionner tout.
Si vous êtes comme nous et aimez les raccourcis clavier, appuyez simplement sur Ctrl + A (Windows) ou Apple + A (Mac) à la place. En sélectionnant tout, il est facile de copier les graphiques et le texte dans un autre état.
9Choisissez Fenêtre → Etats.
Le panneau Etats s'ouvre dans le menu fixe Panneau.
10Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Mac) sur l'état 1 pour afficher le menu contextuel, puis choisissez Copier dans les états.
La boîte de dialogue Copier dans les états s'ouvre. Par défaut, Tous les États est sélectionné.
11Sélectionnez le bouton d'option État suivant, puis cliquez sur OK.
Vous avez une copie carbone de la forme et du texte dans l'état 2, qui est le graphique que les utilisateurs voient lorsqu'ils mettent leur souris sur le bouton.
12Sélectionnez État 2, puis modifiez ou modifiez le graphique copié à partir de l'état 1.
Bien sûr, vous pouvez choisir une forme différente, mais ce n'est pas pratique pour un bouton de menu de navigation conventionnel. Vous modifiez le bouton en changeant sa couleur et / ou le texte. Pour un site conventionnel, changez la couleur du texte.
13Cliquez sur le bouton Retour pour revenir à la fenêtre principale.
Le bouton est ajouté à votre conception.
