Dans ce tutoriel, nous allons créer de simple et de nappe bouton bleu. C'est très simple et très efficace tutoriel, vous n'avez besoin que Adobe Photoshop pour créer cet effet. J'espère que vous apprécierez ce didacticiel.

Étape # 1

Ouvrir Photoshop et créer un nouveau document, le mien est 550px × 125px avec un fond blanc.

Étape # 2

Remplir la couleur dans la couche de fond, la couleur le mien est # 3B3F46.

Étape # 3

Sélectionnez l'outil Rectangle arrondi et bouton de création, mine de Radius est 15px, width: 128px et height: 36px. Changez votre couleur de premier plan à un gentil # 13AAB7 (Blue).

Étape # 4

Maintenant, nous devons ajouter quelques jolis effets de la touche.

Gradient Overlay

Styling le double-cliquez sur le bouton sur la vignette du calque bouton dans le panneau Infos pratiques pour ouvrir les Styles de calques boîte de dialogue, nous allons appliquer un effet de gradient vertical de votre bouton. Puis cliquez sur le dégradé de couleurs sur la droite de l'option de dégradé pour ouvrir les couleurs Éditeur de dégradé.

D'abord changer l'option de fusion pour des surimpressions. Garder l'angle à 90 °, que de changer les valeurs d'opacité. Je choisis de régler l'opacité à 50%.

Double-cliquez sur left-color-stop et entrez la valeur de la couleur # 000000, puis double-cliquez sur right-color-stop et entrez la valeur de couleur FFFFFF #.

Inner Glow

Appliquez ensuite le style Inner Glow couche. D'abord changer l'option de fusion pour Overlay, que de changer les valeurs de l'opacité et la taille. Je choisis de régler l'opacité à 55% et la taille à 6px.

Changer la couleur lueur de la valeur par défaut à # FFFFFF

Drop Shadow

Appliquez ensuite le style ombre portée couche. D'abord changer l'option de fusion sur Normal. Garder l'angle à 120 °, que de changer les valeurs de l'opacité et la taille. Je choisis de régler l'opacité à 55% et la taille à 3px.

Devrait ressembler à ceci.

Étape # 5

Créez un autre nouveau calque, faites une sélection autour de votre bouton d'origine, vous pouvez le faire en maintenant Ctrl enfoncée, puis en cliquant sur la vignette du calque.).

Remplir la couleur de premier plan à White.

Sélectionnez l'outil Rectangle arrondi, sélectionner et supprimer la moitié inférieure de la couche blanche que vous venez de faire, vous pourriez avoir besoin pour mesurer la hauteur de votre bouton avant de supprimer la moitié inférieure.

Vous devez d'abord modifier l'option de mode de calque à Softlight, que de changer les valeurs d'opacité. Je choisis de régler l'opacité à 20%

Étape # 6

Sélectionnez Horizontal Type Tool et tapez du texte sur le devant.

Final

Faites nous savoir comment que ce tutoriel peut être plus mieux? Si vous avez trouvé un tutoriel photoshop autres que vous voulez partager avec nous, n'hésitez pas à nous le faire savoir en laissant tomber dans un commentaire.

Si vous souhaitez recevoir d'autres didacticiels de nous, s'il vous plaît inscrivez-vous à notre flux par RSS ou par e-mail.

Classé sous: Photoshop, Tutoriels par admin