Créer un bouton Web professionnel personnalisé dans Photoshop CS6

Si tu sais Photoshop Vous saurez que ce puissant éditeur vous permet de créer et d'utiliser une myriade d'effets, d'ombrages, de couleurs, de chemins … cela se traduit par un large éventail de possibilités pour pouvoir modifier le contenu d'images ou de calques individuels.

Grâce aux possibilités offertes par les outils d'Adobe Photoshop, l'idée que nous pouvons créer quelque chose nous-mêmes à partir de zéro est incluse. Photoshop est déjà livré avec des éléments chargés mais nous pouvons les personnaliser ou les inventer. Si vous avez un site Web ou similaire, le tutoriel d'aujourd'hui peut être utile.

Dans ce tutoriel, nous verrons deux façons de concevoir votre propre bouton, en créant manuellement votre propre style, ou automatiquement avec des styles prédéfinis.

1. Créez un bouton professionnel avec un style personnalisé dans Photoshop


Avec cette méthode, nous allons créer un style manuellement avec notre propre style.

Étape 1
La première chose à faire est de créer une forme de rectangle arrondi qui deviendra notre bouton. Pour ce faire, nous allons dans la fenêtre des outils et sélectionnons la forme Rectangle arrondi.

Étape 2
Dans le calque de la forme créée, nous cliquons dessus et sélectionnons Options de fusion.

Étape 3
Nous introduisons maintenant quelques valeurs similaires à celles que vous voyez dans l'image. D'abord dans l'effet de Biseau et relief.

AGRANDIR

Étape 4
Entrez les valeurs que vous voyez ci-dessous dans Ombre portée

AGRANDIR

Étape 5
Comme vous pouvez le voir, nous aurions déjà créé notre bouton. A noter que la couleur principale est modifiée comme de toute autre manière en double cliquant sur le calque.

Étape 6
Pour garder notre style, rendez-vous sur Options de fusion comme dans les étapes 3 et 4. Sélectionnez maintenant l'option de Nouveau style sous Ok et Annuler. Cochez les cases pour enregistrer les effets, donnez un nom et enregistrez votre nouveau style.

Étape 7
Si vous allez maintenant dans l'onglet styles, vous verrez qu'il existe votre style personnalisé à appliquer à n'importe quelle forme à partir de maintenant.

2. Créez un bouton professionnel avec un style prédéfini dans Photoshop


Si vous n'avez pas le temps de créer un style manuellement, Photoshop inclut déjà des styles prédéfinis qui peuvent être facilement appliqués à nos formes.

Étape 1
La fenêtre Styles apparaît généralement par défaut mais au cas où elle n'apparaîtrait pas, allez dans Fenêtre - Styles et cliquez dessus pour activer la fenêtre.

Étape 2
Maintenant, dans la fenêtre Styles, cliquez sur le menu à trois bandes qui apparaît.

Étape 3
Sélectionnez l'option Styles Web, puis ajoutez.

Étape 4
Il ne vous reste plus qu'à sélectionner le style que vous aimez le plus et l'appliquer à votre forme. Vous pouvez ajouter n'importe quelle catégorie de vues à l'étape précédente.

Si vous êtes bloqué dans une étape, voici le didacticiel vidéo pour voir comment concevoir votre bouton professionnel manuellement et automatiquement.

Les styles dans Photoshop sont vraiment utiles à appliquer dans nos conceptions car cela nous évite d'avoir à le configurer à chaque fois que nous voulons appliquer le même effet. De cette façon, nous aurons toujours un style personnel enregistré.

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave