accueil90.GIF (1783 octets)

Photoshop(5) : Création de boutons en série

10/01/2007

Dossier réalisé par Jean Paul Louvet

Technique : Effets sur les calques                  Fonctions utilisée : Outil texte

  1. - Définir la taille
  2. - Positionner le texte
  3. - Définir la couleur du  fond
  4. - Effets spéciaux
  5. - Enregistrement
  6. - Des boutons à la chaîne
sommaireb-100.gif (2129 octets)retourb-100.gif (1950 octets)liensb-100.gif (1870 octets)

 

1 - Définir la taille.
Définir au préalable le texte de tous vos boutons et commencez par le texte le plus long.
Il faut ensuite définir la taille de vos boutons (la même pour toute la série !) ; à titre indicatif, 100 pixels de large sur 40 de haut. Mais il y a différents paramètres à prendre en compte :

 

2 - Positionner le texte

Ajoutez maintenant le texte le nouveau fichier :


img3.jpg (25622 octets)

 

3 - Définir la couleur du fond du bouton

4 - Effets spéciaux

 

5 - Enregistrement

Choisissez la commande Fichier > Enregistrer, donnez un nom à votre fichier et enregistrez-le en tant au format Photoshop (PSD). Vous disposez ainsi d'une version modifiable de votre bouton.

(Pour enregistrer ensuite une version "Web" de votre bouton, la procédure diffère selon votre version de Photoshop):

Photoshop 5

Pour un enregistrement au format JPEG :

  1. Choisissez la commande Fichier > Enregistrer une copie.
  2. Choisissez cette fois le format d'enregistrement JPEG et cliquez sur Enregistrer.
  3. Entrez les paramètres voulus dans la boîte de dialogue Options JPEG, puis cliquez sur OK.

Pour un enregistrement au format GIF :

  1. Choisissez Fichier > Exportation > Export GIF 89a.
  2. Dans la boîte de dialogue qui apparaît, cliquez sur Aperçu pour avoir un aperçu de votre image.
  3. Affectez un nom et... enregistrez.

Photoshop 5.5

  1. Choisissez Fichier > Enregistrer pour le Web.
  2. Définissez les paramètres dans la boîte de dialogue qui apparaît.
  3. Enregistrez !

6 - Des boutons en série

bouton100.GIF (2122 octets)

  1. Dans la palette Calques, double-cliquez sur le calque du texte. La boîte de dialogue Texte apparaît.
  2. Remplacez le texte existant par celui d'un autre bouton. Le texte est automatiquement correctement positionné sur le bouton. Cliquez sur OK.
  3. Enregistrez le bouton au format GIF ou JPEG en suivant les instructions de la page précédente.
  4. Répétez ces trois étapes pour chacun des boutons à créer.