• Hjem
  • Om
  • Artikler
  • Kontakt oss

: 91 11 9810018780 Post til: info@aceinfowayindia.com / Ring: 91 11 9810018780

  • Artikkel Skriftlig
  • on 10.11.2009
  • kl 12:37
  • by admin

Hvordan Lage Nice innfelte Tekst Knapp i Photoshop

Dette er en begynnelse lavel design opplæringen. I denne artikkelen finner du Opprette Nice innfelte Tekst Knapp i Photoshop. dette er veldig rask og enkel grafisk design tutorial.I håper du vil like denne opplæringen.

Final Forhåndsvisning

Dette er hva vi gjør i dag borte

inset-button-tutorial-final

Step # 1

Åpne Photoshop og opprette et nytt dokument, er min 550px × 356px med en hvit bakgrunn.

inset-button-tutorial-step1

Step # 2

Velg Avrundet rektangel Tool og lage knapp, min radius 6px.

inset-button-tutorial-step2

Nå vil vi bruke noen effekt

Gradient Overlay

Styling knappen dobbel-klikk på knappen Lag miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en vertikal gradiant effekt for Button. Deretter klikker du på fargen gradient til høyre for Gradient muligheten til å åpne opp C olor Gradient Editor.

3d-bottom-layer

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 848484, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # C4C4C4.

inset-button-tutorial-step2a

Drop Shadow

Neste anvende Drop Shadow laget stil. Hold vinkelen på 120o, enn å endre verdiene i Opacity, avstand og størrelse. Jeg velger å sette Opacity på 47%, Avstand til 2px og størrelse på 4px.

inset-button-tutorial-step2d

Skal se slik ut.

inset-button-tutorial-step2Dropshadow

Slag

Neste vi vil bruke Stroke. Først skiftende verdier Size. Jeg velger å angi størrelsen på 1px, stilling ved Outside. Jeg velger å sette Opacity til 100%. Endre Strek farge fra standard til # 666666

inset-button-tutorial-step2e

Skal se slik ut.

inset-button-tutorial-step2Stroke

Step # 3

Velg Horizontal Type Tool og skriv inn tekst på forsiden.

inset-button-tutorial-step3

Nå vil vi bruke noen effekt for tekst.

Color Overlay

Dobbeltklikk på tekstlaget miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen. Først vil vi bruke fargen overlegg, jeg velge farge # 303030

inset-button-tutorial-step3a

Inner Shadow

Neste gjelder Indre Shadow laget stil. Viktigste delen holde vinkelen på 41o, enn å endre verdiene i Opacity, avstand og størrelse. Jeg velger å sette Opacity til 75% og distanse på 1px og størrelse på 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Til slutt vil vi bruke Drop Shadow, først endre Blending alternativet til Normal. Endre skyggefargen fra standard til # FFFFFF. Hold vinkelen på 90o, enn å endre verdiene for dekkevne og Avstand. Jeg velger å sette Opacity til 47% og distanse på 1px.

inset-button-tutorial-step3c

Result

inset-button-tutorial-final

Hvis du vil kontrollere arbeidet ditt, kan du laste ned PSD-filen for denne opplæringen

Hvis du ønsker å motta mer inspirasjon fra oss, kan du vurdere å abonnere på vårt feed via RSS eller via e-post.

Arkivert under: Photoshop, Tutorials av admin

Fremme oss

  • Legge til Mixx!

Tags: Photoshop, Tutorials

Relaterte artikler:

Hvis du likte å lese denne artikkelen, kan du sjekke ut andre relaterte artiklene nedenfor:

    • Hvordan Lage Letterpress typografi i Photoshop
    • Hvordan Lage Nice Easy 3D Tekst effekt i Photoshop
    • Hvordan oppretter jeg-Telefon Like knapp i Photoshop
    • Slik oppretter du en Nice Sleek Dark Knapp i Photoshop
    • Hvordan Lage Smooth Glossy Tekst effekt i Photoshop
Untitled Document

Send en kommentar

XHTML: Du kan bruke disse kodene: href="" title="Og <abbr title="Og <acronym title="Og <b> <blockquote anføre=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled Vis mer
«10 Awesome Free Hand Drawn Icon Sets
25 Awesome iPhone App Websites »
Untitled Document

    Abonner

  • Abonner på vårt feed
  • Abonner på e-post
  • Følg oss på Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Søke

      Untitled Document
  • Kalender

    November 2009
    M T W T F S S
    «Okt
    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

      • Hjem
      • Om
      • Artikler
      • Kontakt oss
    • Kategorier

    • Css (19)
    • Design / Inspirasjon (49)
    • Freebies (32)
    • Grafisk design (10)
    • Photoshop (17)
    • Ressurser (30)
    • Seo (1)
    • Tools (7)
    • Tutorials (31)
    • Typografi (4)
    • Web utvikling (5)
    • Wordpress (6)
    • Archives

    • November 2009
    • Oktober 2009
    • September 2009
    • August 2009
    • Juli 2009
    • Juni 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Design / Inspirasjon
    • Freebies
    • Grafisk design
    • Photoshop
    • Populære innlegg

    • Hvordan skape gode jakt form uten tabell
    • 30 Websites med Maksimal Orange
    • Hvordan Lage Letterpress typografi i Photoshop
    • Hvordan Lage Nice Scalable CSS Basert Brødsmuler
    • 5 trinn til å skrive bedre Css
    • Opprett en Vakre Box Icon i Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    CSS Design Skrifter Freebies Grafisk Design Grafisk design ikoner Inspirasjon Inspitation Photoshop Resources Verktøy Guider typografi webutvikling Wordpress

    • Venner

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css triks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hjelp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Min Ink Blogg
      • Noupe
      • PSDFan
      • PSDTUTS
      • Del Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Vi fungerer
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Du The Designer
    • Translator

      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
  • SPONSORER

    Sjekk ut UPrinting på YouTheDesigner.


    Visittkort Online

    Web Design Blog Directory

.
Untitled Document
Tilbake til toppen

Generelt

Disse kanskje en viss interesse
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Works

Eksempler på tidligere prosjekter
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Tjenester

Dette er hva der selger i dag
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Contact Details

Vil du leie oss? komme i gang her ...
  • Gratis Project Assesment
  • Email - info@aceinfowayindia.com
  • Tlf: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Hire Ace Infoway India for neste design prosjekt. Se vår portefølje.