Comment Faire Des Boutons Pour Un Site Web Dans Photoshop

Table des matières:

Comment Faire Des Boutons Pour Un Site Web Dans Photoshop
Comment Faire Des Boutons Pour Un Site Web Dans Photoshop

Vidéo: Comment Faire Des Boutons Pour Un Site Web Dans Photoshop

Vidéo: Comment Faire Des Boutons Pour Un Site Web Dans Photoshop
Vidéo: Tutorial Photoshop CS6 - 02 Boutons Vectoriels pour le Web 2024, Peut
Anonim

Une navigation facile est la clé pour rendre un site Web confortable à visiter et attrayant à la fois pour le propriétaire et les visiteurs en ligne. Les éléments de menu et de navigation doivent être clairs, agréables et concis, et c'est une bonne idée de créer des boutons attrayants pour votre site Web dans l'éditeur graphique Adobe Photoshop. Ce n'est pas difficile à faire.

Comment faire des boutons pour un site Web dans Photoshop
Comment faire des boutons pour un site Web dans Photoshop

Instructions

Étape 1

Créez un nouveau document et sélectionnez l'outil Rectangle arrondi dans la barre d'outils. Dessinez un rectangle arrondi étroit, puis sélectionnez l'outil de sélection elliptique dans la boîte à outils et dessinez un cercle sur le côté gauche du rectangle qui chevauche ses bords et le dépasse.

Étape 2

Cliquez avec le bouton droit sur le calque rectangle et sélectionnez l'option Rasteriser le calque, puis au centre de la sélection, cliquez à nouveau et sélectionnez l'option Calque via Couper dans le menu contextuel pour copier la sélection dans un nouveau calque.

Étape 3

Ouvrez le menu des paramètres de calque et dans l'onglet Ombre portée, définissez le mode de fusion sur Normal, l'opacité sur 23 % et la distance sur 3 pixels. Dans l'onglet Superposition des couleurs, définissez la couleur souhaitée avec le mode de fusion Normal et la transparence à 100 %. Vous devriez avoir une image en deux couleurs.

Étape 4

Sélectionnez à nouveau l'outil de sélection elliptique dans la boîte à outils et tracez un cercle à l'intérieur de la sélection de couleur de gauche. Cliquez sur Supprimer. Après cela, transférez la sélection sur un nouveau calque et remplissez-le de n'importe quelle couleur.

Étape 5

Ouvrez à nouveau le menu Style de calque et ajustez l'onglet Superposition de dégradé dans toutes les couleurs qui conviennent à la palette de couleurs de votre site. Définissez le style radial sur le dégradé. Ensuite, dans l'onglet Contour, définissez l'épaisseur du contour sur 2 pixels, la position extérieure du tracé et l'opacité sur 30 %. Sélectionnez un remplissage dégradé pour le trait. Cliquez sur OK.

Étape 6

Dans la boîte à outils, sélectionnez un pinceau de couleur blanche, ajustez-le pour qu'il soit doux et que le diamètre du pinceau soit de 10 pixels. En haut à droite du cercle que vous avez peint, dessinez un point pour dessiner un point culminant.

Étape 7

Sélectionnez ensuite le calque avec la partie principale du bouton et dans le menu Style de calque, définissez le paramètre Inner Shadow avec le mode de fusion multiplié et l'opacité de 33%. Définissez un dégradé linéaire avec une opacité de 25 %. Votre bouton est prêt, il ne reste plus qu'à y ajouter une inscription.

Conseillé: