• Hjem
  • Om
  • Artikler
  • Kontakt oss

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

  • Artikkel Skriftlig
  • on 14.10.2009
  • kl 10:31
  • by admin

Slik oppretter du en Nice Sleek Dark Knapp i Photoshop

Hei folkens én Photoshop Tutorial. I denne opplæringen skal jeg lære deg hvordan du oppretter en Nice Sleek Dark Knapp i Photoshop. Dette er meget enkel og svært effektiv opplæringen. Jeg håper du vil like denne opplæringen.

Final Forhåndsvisning

Dette er hva vi gjør i dag borte

final-sleek-dark-button

Step # 1

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

final-sleek-dark-button-step1

Step # 2

Fyll fargen i bakgrunnslaget, er min farge # 131313.

final-sleek-dark-button-step2

Step # 3

Velg Avrundet rektangel Tool og lage knapp, er min radius 5px, bredde: 219px og høyde: 40px.

final-sleek-dark-button-step3

Nå gjelder 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 Color Gradient Editor.

iphone-like-buttons-step3-b

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 0E0E0E, dobbeltklikk på venstre-sentrum-color-stopp og angi fargeverdi # 1C1C1C, dobbeltklikker du på høyre-sentrum-color-stopp og angi fargeverdi # 262626, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # 292929.

final-sleek-dark-button-step3a

Skal se slik ut.

final-sleek-dark-button-step3b

Outer Glow

Neste gjelder Ytre Glow laget stil. Endre Blend Mode til overlegg, enn å endre verdiene i størrelse. Jeg velger å angi størrelsen på 3px

Jeg velger å sette Opacity til 30%.

Endre Technique på Presis.

final-sleek-dark-button-step3c

Skal se slik ut.

final-sleek-dark-button-step3d

Step # 4

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

final-sleek-dark-button-step4

Step # 5

knappen laget område (Ctrl + Klikk på knappen Lag miniatyrbilde i Layers Panel).

final-sleek-dark-button-step5

Enn å opprette et nytt lag navn laget Blue gradient.

Styling Blue gradient dobbeltklikker på Blue gradient Layer miniatyrbilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en horisontal gradiant effekt for Button. Deretter klikker du på fargen gradient til høyre for Gradient muligheten til å åpne opp Color Gradient Editor.

Hold vinkelen på 180o

final-sleek-dark-button-step5ab

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # 047CA3, dobbeltklikk på sentrum-color-stopp og angi fargeverdi # 25C4F4, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # 047CA3.

final-sleek-dark-button-step5b

Skal se slik ut.

final-sleek-dark-button-step5a

Nå oppheve valget (Ctrl + D). Nå flytter markøren under knappen så dytte laget ned to piksler ved å trykke på ned-tasten (på tastaturet).

Result

final-sleek-dark-button

Last ned kildefilen

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

slanke-knappen (226 KB)

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 oppretter jeg-Telefon Like knapp i Photoshop
    • Hvordan Lage Nice innfelte Tekst Knapp i Photoshop
    • Hvordan Lage Letterpress typografi i Photoshop
    • Hvordan Lage Nice Easy 3D Tekst effekt 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
«Gratis Social Bookmarking Ikoner
Developer's Paradise Nettsteder av uken for 16 oktober 2009 »
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

    Oktober 2009
    M T W T F S S
    «Sep Nov »
    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 31
    • 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.