• Accueil
  • À propos de
  • Articles
  • Contactez-nous

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Téléphone: 91 11 9810018780

  • Article rédigé
  • le 10/11/2009
  • à 12h37
  • par admin

Comment faire pour créer Nice retraits de texte du bouton dans Photoshop

C'est un début de conception Lavel tutoriel. Dans cet article vous trouverez comment créer de jolis retraits de texte du bouton dans Photoshop. tutorial.I design c'est très rapide et facile graphique espérons que vous apprécierez ce didacticiel.

Final Preview

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

inset-button-tutorial-final

Étape # 1

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

inset-button-tutorial-step1

Étape # 2

Sélectionnez l'outil Rectangle arrondi et bouton de création, de rayon mine est 6px.

inset-button-tutorial-step2

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 dégradé vertical pour votre bouton. Cliquez ensuite sur le gradient de couleur sur la droite de l'option de dégradé pour ouvrir le olor C Gradient Editor.

3d-bottom-layer

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

inset-button-tutorial-step2a

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é à 47%, à distance au 2px et la taille à 4px.

inset-button-tutorial-step2d

Devrait ressembler à ceci.

inset-button-tutorial-step2Dropshadow

Mouvement

Prochaine, nous allons appliquer les accidents cérébrovasculaires. Changeant d'abord les valeurs de la taille. Je choisis pour définir la taille à 1px, Position à l'extérieur. Je choisis de régler l'Opacité à 100%. Changer la couleur du trait de la valeur par défaut à # 666666

inset-button-tutorial-step2e

Devrait ressembler à ceci.

inset-button-tutorial-step2Stroke

Étape # 3

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

inset-button-tutorial-step3

Maintenant nous allons appliquer un effet pour le texte.

Incrustation couleur

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 de superposition de couleurs, je choisis la couleur # 303030

inset-button-tutorial-step3a

Inner Shadow

Appliquez ensuite le style de la couche intérieure de l'Ombre. Partie la plus importante à garder l'angle 41o, que de changer les valeurs de l'opacité, distance et la taille. Je choisis de régler l'opacité à 75% et à distance à 1px et la taille à 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Enfin nous allons appliquer l'ombre portée, d'abord modifier l'option de mélange à Normal. Changer la couleur de l'ombre de celle par défaut à # FFFFFF. Garder l'angle à 90 °, que de changer les valeurs d'opacité et de distance. Je choisis de régler l'opacité à 47% et à distance à 1px.

inset-button-tutorial-step3c

Résultat

inset-button-tutorial-final

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

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

Nous promouvoir

  • Ajouter à Mixx!

Tags: Photoshop, Tutos

Articles connexes:

Si vous avez apprécié la lecture de cet article, s'il vous plaît consulter d'autres articles connexes ci-dessous:

    • Comment faire pour créer Typographie Typographie dans Photoshop
    • Comment faire pour créer Nice 3D facile effet de texte dans Photoshop
    • Comment faire pour créer I-Phone tels que le bouton dans Photoshop
    • Comment créer un Nice Sleek Dark Button dans Photoshop
    • Comment faire pour créer Smooth effet brillant texte dans Photoshop
Untitled Document

Soumettre un commentaire

XHTML: Vous pouvez utiliser ces tags: fete_christel <abbr titre=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <<q cite=""> <strike> <strong>


CommentLuv Enabled Afficher
«10 Awesome Free Hand Drawn Icon Sets
Untitled Document

    S'abonner

  • Abonnez-vous à notre flux
  • Abonnez-vous par e-mail
  • Suivez-nous sur Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Recherche

      Untitled Document
  • Calendrier

    Novembre 2009
    M T W T F S S
    «Oct
    1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 29
    30
    • Pages

      • Accueil
      • À propos de
      • Articles
      • Contactez-nous
    • Catégories

    • Css (19)
    • Conception / Inspiration (48)
    • Freebies (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Ressources (30)
    • Seo (1)
    • Outils (7)
    • Tutoriels (31)
    • Typographie (4)
    • Développement web (5)
    • Wordpress (6)
    • Archives

    • Novembre 2009
    • Octobre 2009
    • Septembre 2009
    • Août 2009
    • Juillet 2009
    • Juin 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Conception / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Comment créer de bons soins formulaire sans table
    • Maximum 30 Sites Web avec Orange
    • Comment faire pour créer Nice Scalable CSS Based Breadcrumbs
    • 5 étapes pour mieux rédiger Css
    • Comment faire pour créer Typographie Typographie dans Photoshop
    • Créer un Beautiful Box icône dans Photoshop
    • 6 Awesome outils d'édition photo en ligne
    • Tag cloud

    CSS Design Fonts Freebies Graphic Design Graphics Design Icônes Inspiration Inspitation Photoshop Ressources Outils Tutoriaux Typographie développement Web Wordpress

    • Amis

      • Abduzeedo
      • Alist Apart
      • BittBox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Aide pour les développeurs
      • Instant Shift
      • Line25
      • Mirificampress
      • Mon encre blog
      • Noupe
      • PSDFan
      • PsdTuts
      • Partager Brain
      • Six révisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nous fonctionnons
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • Traducteur

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONSORS

    Départ UPrinting sur YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Haut de page

Général

Il s'agit peut-être d'un certain intérêt
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Travaux

Exemples de projets passés
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Services

C'est ce que où la vente aujourd'hui
  • About Our Company
  • Témoignages
  • Contact details
  • Blog
  • Social - Twitter, Flickr

Contact details

Veulent nous embaucher? Pour commencer ici ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tél: 91 11 9810018780

Copyright © 2009, Tous droits réservés, Ace Inforoute Inde Location Ace Inforoute Inde pour votre prochain projet de conception. Voir notre portfolio.