Hey guys un de plus Tutorial Photoshop. Dans ce tutoriel, je vais vous trouver Comment faire pour créer un simple bouton vert dans Photoshop. C'est très simple et très efficace tutoriel. J'espère que vous apprécierez ce didacticiel.

Résultat final

C'est ce que nous allés faire aujourd'hui

Étape # 1

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

Étape # 2

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

Étape # 3

Sélectionnez l'outil Rectangle arrondi et bouton de création, mine de Radius est 5px, width: 219px et height: 40px..

Maintenant nous allons appliquer un effet

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é.

Double-cliquez sur left-color-stop et entrez la valeur de la couleur # 55A646, puis double-cliquez sur right-color-stop et entrez la valeur de la couleur # A5CE3F.

Drop Shadow

Appliquez ensuite le style de calque Ombre portée. Garder l'angle à 120 °, que de changer les valeurs de l'opacité, distance et la taille. Je choisis de régler l'opacité à 20%, La distance à 1px et la taille à 5px.

Inner Shadow

Appliquez ensuite le style de la couche intérieure de l'Ombre. Garder l'angle à 120 °, que de changer les valeurs de l'opacité, Choke et Taille. Je choisis de régler l'opacité à 27% et Choke à 100% et la taille à 2px.

Suivant Modification de l'option de mélange à Normal.

Bevel Emboss

Prochaine, nous allons appliquer Bevel Emboss, changeant d'abord le style à Inner Bevel et Technique pour lisser, que de changer les valeurs de la profondeur, direction, la taille et ramollissent. Je choisis de régler la profondeur à 100%, Direction à Up, la taille à 1px et ramollir à 0px

Garder l'angle à 120 °, Altitude à 30o

Highlight Mode: Je choisis de régler l'opacité à 0%.

Mode Shadow: Je choisis de régler l'opacité à 14%.

Mouvement

Enfin, nous allons appliquer les accidents cérébrovasculaires. Changeant d'abord les valeurs de la taille. Je choisis pour définir la taille de 1px. Changer la position à l'intérieur

Je choisis de régler l'opacité à 50%.

Changer la couleur du trait de la valeur par défaut à # 529846

Devrait ressembler à ceci.

Étape # 4

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

Nous allons appliquer un effet pour le texte.

Gradient Overlay

Double-cliquez sur la vignette du calque de texte dans le panneau Infos pratiques, d'ouvrir les Styles de calques boîte de dialogue. Nous allons d'abord appliquer Gradient Overlay, nous allons appliquer un effet de gradient vertical pour votre texte. 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é ..

Double-cliquez sur left-color-stop et entrez la valeur de la couleur # DDDCDC, puis double-cliquez sur le centre-color-stop et entrez la valeur de couleur FFFFFF #.

Drop Shadow

Enfin, nous allons appliquer le style de calque Ombre portée. Garder l'angle à 120 °, que de changer les valeurs de l'opacité, distance et la taille. Je choisis de régler l'opacité à 34%, La distance à 1px et la taille à 1px.

Résultat final

Si vous souhaitez vérifier votre travail, vous mai télécharger le fichier PSD pour ce tutoriel

Télécharger le fichier [240KB]

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

Classé sous: Photoshop, Tutoriels par admin