Voici un petit tutoriel très simple pour créer un bouton de navigation pour un site Internet, le style global tire un peu sur la vague Apple et est très apprécié pour la thématique high tech.

Rapide et simple, cet article s’adresse à tous, même au strict dèbutant de Photoshop.

De plus je vous propose le fichier source Photoshop qui vous permettra d’utiliser ces boutons sans vous soucier du côté créatif

ETAPE 1

J’ouvre le logiciel Photoshop et je crée un nouveau document sur fond blanc. Sur celui-ci, je vais créer un rectangle arondi, pour cela j’utilise l’outil des formes personnalisées « rectangle arrondi ».

ETAPE 2

J’ajoute sur ce rectangle un style de calque dégradé, pour cela je vais dans le menu calque > style de calque > incrustation de dégradé.

Voici la configuration du dégradé utilisé dans mon exemple :

ETAPE 3

Avec l’outil texte, j’ajoute mon texte : dans mon exemple j’utilise la police de caractères Verdana en taille 10px (sans aliasing).

ETAPE 4

Puis avec l’outil des formes personnalisées ellipse, je crée un rond sur la partie droite de mon bouton, j’y applique comme à l’étape 2 une incrustation de dégradé (style de calque).

Voici la configuration de ce dégradé :

ETAPE 5

Puis toujours avec cet outil des formes personnalisées je crée un petit triangle pour aider la navigation des internautes. J’utilise pour son remplissage une couleur correspondant à la couleur du bouton (rectangle arrondi) ici du noir.

Et voila, notre bouton est terminé.

ETAPE 6

Vous pouvez sans problème décliner le bouton créé en une gamme complète de couleurs.

Bonne chance à tous pour la réalisation, si vous rencontrez un problème, merci de poster vos questions dans les commentaires (forum) ci-dessous.

Merci à tous d’avoir lu ce nouvel article