Comment créer un bouton arrondi avec Photoshop pour son site web ?

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Nous avions déjà vu dans une fiche précédente comment créer un bouton traditionnel pour son site web, à savoir carré ou rectangulaire. Pour créer un bouton rond ou ovale il faudra passer au stade de difficulté supérieure ! Il faut en effet savoir qu'une image JPEG a toujours des coins carrés, et lorsqu'elle semble avoir une autre forme, soit il a fallu "tricher", soit choisir un autre format d'enregistrement, comme le gif. Cette fiche vous expliquera les deux méthodes en détail.

Quelles sont les fournitures nécessaires ?

  • Photoshop

Étapes de réalisation

1.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Ouvrez un nouveau document dans Photoshop, et créez un nouveau calque dans le menu du même nom. A l'aide de l'outil ellipse de sélection, créez un cercle ou un ovale.

2.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Choisissez une couleur dans le nuancier et remplissez votre cercle de cette couleur avec l'outil Pot de peinture, en veillant que vous êtes bien dans le calque 1 et non dans l'arrière-plan (voir palette des calque sur la droite).

3.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Vous pouvez, si vous désirez décorer votre bouton, y appliquer un motif. Cliquez ensuite sur le petit "f" en bas de la palette des calque et choisissez Biseautage et estampage. Une fenêtre de dialogue s'ouvre.

4.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Choisissez les options qui vous plaisent le mieux en vous basant sur l'aperçu. Validez ensuite les transformations. Vous pouvez maintenant choisir votre format d'enregistrement.

5.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Le format GIF permet de garder des transparences dans les images. Supprimez le calque d'arrière-plan et enregistrez votre bouton en GIF.

6.

Comment créer un bouton arrondi avec Photoshop pour son site web ?

Si vous préférez profiter de la qualité JPG pour vos boutons, vous pouvez donner l'illusion que votre bouton est rond en remplissant l'extérieur du bouton de la couleur d'arrière-plan de votre site Internet.

Astuces et mises en garde

Astuce(s) :

Pensez à enregistrer votre travail en PSD pour pouvoir le modifier ultérieurement.

Sur le même thème

liliplume

Comment analyser un tableau ?

Un tableau se regarde mais se comprend également. Pour les étudiants en Histoire de l'Art ou les passionnés d'art, l'analyse d'un tableau permet de comprendre, l'œuvre, mais aussi le peintre et son époque. Voici donc un système pour analyser au mieu

Somb'

Comment écrire un manga ?

Écrire un manga est un peu différent d'écrire une bande dessinée car leurs spécificités ne sont pas tout à fait les mêmes. Ici, je ne vais pas tant parler des caractéristiques graphiques des mangas mais plutôt de celles du scénario.

Somb'

Comment faire une B.D ?

Une planche de bande dessinée se compose de plusieurs cases. Celles-ci doivent être traitées comme un tout et non pas individuellement. En effet, l'œil les verra d'abord ensemble avant de s'intéresser à chacune séparément. Il est donc important d

Chercher un article sur Comment fait-on