»Hogyan hozzunk létre Web Button A Photoshop PSD + Download Free File
  • Otthon
  • Körülbelül
  • Cikkekben
  • Hirdessen
  • Írjon nekünk

: 91 11 9810018780 Mail to: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Cikket írta
  • on 16.01.2010
  • at 11:14
  • by admin

Hogyan hozzunk létre Web Button A Photoshop PSD + Download Free File

Ez a bemutató fogunk létrehozni Web Button. Ez nagyon egyszerű és nagyon hatásos bemutató, tehát minden, amire szüksége van az Adobe Photoshop létrehozni ezt a hatást. Remélem tetszeni fog ez a bemutató.



web-button-heading
downloadfile

Hogyan hozzunk létre webes Photoshop Button

Step # 1

Open photoshop és hozzon létre egy új dokumentumot, az enyém 550px × 125px, fehér háttérrel.
web-button-step1

Step # 2

Töltsük meg a szín a háttérben rétegben, az enyém színe # 3A3A3A. web-button-step2

Step # 3

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugár 7px, width: 156px és magasság: 38px..
web-button-step3

Step # 4

Most majd alkalmaz valamilyen hatása

Gradient Overlay

A stílus gomb duplán kattintson a gombra réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédablak, mi fog alkalmazni Vertical Gradient Effect az Ön Button. Majd kattintson a Szín színátmenet a jobb oldalon a Gradient lehetőséget nyit a Szín Gradient Editor.

web-button-step4

Kattintson duplán a bal-szín-stop és adja meg a szín értéke # 9E4C45, majd kattintson duplán a jobb-szín-stop és adja meg a szín értéke # EA8484.

web-button-step4a

Drop Shadow

Következő alkalmazzák a Drop Shadow réteg stílus. Tartsa a szög, 120o, mint a változó értéke Opacity, Távolság és méret. Választom, hogy hozzanak az átlátszatlanság 23%, Távolság a 1px és Mérete 9px.

web-button-step4b

Step # 5

Válasszuk a Vízszintes Type Tool és Type Szöveg elöl.

web-button-step5

Fogjuk alkalmazni némi hatása a szöveget.

Color Overlay

Dupla kattintás a szöveg réteg miniatűr a Rétegek panel megnyitása a Layer Styles párbeszédpanelen. Először azt kell alkalmazni color overlay, választom a szín # 0D0D0E

web-button-step5a

Drop Shadow

Végül is alkalmazni fogja a Drop Shadow, első változás a Blending opció a Normál. Változás a Shadow szín az alapértelmezett # FFFFFF. Tartsa a szög, 120o, mint a változó értéke Opacity, Távolság és méret. Választom, hogy hozzanak az átlátszatlanság-on 32%-kal, a távolság és a 1px Mérete 1px.

web-button-step5b

Final Preview

web-button-final

Tudassa velünk, hogy ez a bemutató, hogyan lehet még jobb? Ha talált más photoshop tutorial, amit szeretne megosztani velünk, nyugodtan ossza meg velünk a célba a comment.

Ha szeretne többet kapnak ihletet tőlünk, kérjük, fontolja meg a feliratkozást a feedre az RSS, vagy e-mailben.

Kategória: Freebies, Photoshop, Tutorials by admin

Promote Us

  • Add hozzá a Mixx!
Ace Hosting india

Tags: Freebies, Photoshop, Tutorials

Kapcsolódó cikkek:

Ha élvezettel olvasta ezt a cikket, kérlek nézd meg a többi kapcsolódó cikkek a következők:

    • Hogyan hozzunk létre Nice süllyesztés Text Button Photoshop
    • Hogyan lehet létrehozni egy egyszerű zöld gomb a Photoshop
    • Hogyan hozzunk létre Magasnyomó Typography Photoshop
    • Hogyan hozzunk létre Nice Easy 3D Text Effect in Photoshop
    • Hogyan lehet létrehozni a Nice Sleek Dark Button Photoshop
Untitled Document A

Egy Hozzászólások

  1. favSHARE says on: január 18, 2010 at 11:32 Said:

    Ezt a cikket megosztott favSHARE.net. Menj és szavazzon meg!

Submit a Comment

XHTML: Tudod használ ezek tags: href="" cím=""> <abbr title=""> <acronym title=""> <blockquote idéz=""> <cite> <code> < del datetime = ""> <em> <i> <q idéz=""> <strike> <strong>


CommentLuv Enabled show more
«27 Awesome Példa Vintage Website Designs
10 Awesome Image Optimization Szerszámok »
Untitled Document A

    Fizetnünk

  • Iratkozz fel a feedre
  • Iratkozzon fel e-mail
  • Kövesse velünk a Twitter
  • WooThemes - Ha van egy Woo, van egy megoldás!
  • DreamTemplate - Web Sablonok

    • Keres

      Untitled Document A
  • Naptári

    Január 2010
    N T NYH T F. S S
    «December
    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
    • Oldalain

      • Otthon
      • Körülbelül
      • Cikkekben
      • Hirdessen
      • Írjon nekünk
    • Kategóriákban

    • CSS (24) Az
    • Design / Inspiration (63)
    • Freebies (52) A
    • Graphic Design (12)
    • Photoshop (29) Az
    • Források (45)
    • Seo (1) A
    • Szerszámok (11)
    • Tutorials (41)
    • Tipográfia (6)
    • Web development (6)
    • Wordpress (6) A
    • Levéltári

    • Január 2010
    • December 2009
    • November 2009
    • Október 2009
    • Szeptember 2009
    • Augusztus 2009
    • Július 2009
    • Június 2009
    • Május 2009
    • Recent Posts

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

    • 5 Lépéseket kell jobb CSS Part II
    • 21 Nagy, Bold Tipográfia Website Design
    • Hogyan teremt jó kinézetű forma nélküli asztali
    • Hogyan hozzunk létre Nice Scalable CSS alapú Breadcrumbs
    • 20 Stunning Példa Infographics For Your Inspiráció
    • 33 "Hello" Oldalak Példa For Your Inspiráció
    • 30 Websites maximális Orange
    • Címke felhő

    CSS Design betűtípusok Freebies Grafikai tervezés Grafikai ikonok Inspiration Inspitation Photoshop Resources Tools Tutorials Tipográfia webes fejlesztés Wordpress

    • Barátok

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css trükkök
      • David Walsh
      • Fudgegraphics
      • Üzemanyag Your Creativity
      • Segítség Developer
      • Shift billentyût Azonnali
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Mi funkció
      • Web Designer Depot -
      • Web Designer Ledger
      • Web Designer Wall
      • Ön a tervező
    • Community News

        • 55 + Lenyűgöző Mac motiváltan Háttérképek

          Ma a pompás MAC motivált Hi-Res wallpapers, mert hozzászokik az Apple és szeretek használni háttérképek, mint mi is megosztjuk Tisztelt látogatók és az olvasók, amelyek valóban b ...

          Január 26, 2010
        • Készítsen Lady Madarak Rovarok bemutatója Adobe Illu ...

          Lady madarak, van-e bármilyen más rovar, hogy szimbolizálja a jólét és a természet frissessége többet? Találja ezeket a kedves, hogy szinte bárhol és ők soha nem okoz semmit, de cheers. ...

          Január 25, 2010
        • 45 Free iPhone Games Most Wanted

          Én megosztása az egyik legrégebbi hobbi, ami játék, de ma ebben a modern világban vagyunk feltűnő néhány csodálatos és legkeresettebb ingyenes játékok iPhone, iPhone, mint online multimédiás okostelefonok ...

          Január 23, 2010
        • 27 vidám dolgokat akarunk, volt photoshopal

          Ebben a cikkben, nézzük meg az ilyen "fotó manipuláció", amely feltétlenül fog ütni, hogy vicces csont öné.

          Január 18, 2010
        • Google-hoz kap egy Makeover

          "Aki vágyak állandó siker kell állandóan változnak", és ez egyre inkább nyilvánvaló, hogy a Google csatlakozik ehhez a felfogás. Az Online Marketing Blog van jelentésekor ...

          December 11, 2009
        • Hogyan lehet létrehozni egy egyszerű zöld gomb a Photoshop

          a nagyon egyszerű és nagyon hatékony konzultáció. Remélem tetszeni fog ez a bemutató.

          December 9, 2009
        • 11 Free Grunge betűtípusok a tervezők

          A hozzászólásban találja 11 Free Grunge betűtípusok a tervezők. Ezek az ingyenes betűtípusok tökéletes nyomasztó a minták. Remélem, élvezni fogod ezt.

          December 9, 2009
    • Hírek Add

      Küldje el az alábbi linkekre formanyomtatványon, és ezek általában jóvá kell hagynia néhány órán belül.






      Loading ...

    • Fordító

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

    Check out UPrinting a YouTheDesigner.


    Névjegykártyák Online

    Web Design Blog Directory

.
Untitled Document A
Vissza a lap tetejére

Általánosságban

Ezek talán néhány érdeke
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Alkotások

Példák a korábbi projektek
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Szolgáltatásokra

Ez az, amit ma, ha értékesítési
  • Cégünk mintegy
  • Ajándéklevél
  • Contact Details
  • Blog
  • Társadalmi - Twitter, a Flickr

Contact Details

Want to hire minket? kezdéshez itt ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Minden jog fenntartva, Ace Infoway india Hire Ace Infoway india itt a következő tervezési projekt számára. Tekintse meg portfólió.