• 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 29.01.2010
  • at 11:39
  • by admin

How to Create Simple & Slick Blue Button - Photoshop Tutorial

Ez a bemutató fogunk az egyszerű és sima kék gombot. 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ó.



slik-red-button-heading

Step # 1

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

slik-red-button-step1a

Step # 2

Töltsük meg a szín a háttérben rétegben, az enyém színe # 3B3F46.
slik-red-button-step2a

Step # 3

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugár a 15px, width: 128px és magasság: 36px. Változtasd meg a háttérszín egy szép # 13AAB7 (kék).
slik-red-button-step2

Step # 4

Most arra van szükség, hogy adjunk néhány szép hatás, hogy a gombot.

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.

Első változás a keverési lehetőség Overlay. Tartsa a szög, 90o, mint a változó értékeit Opacity. Én úgy dönt, hogy állítsa be a Opacity 50%.

slik-red-button-step4a

Kattintson duplán a bal-szín-stop és adja meg a szín értékét # 000000, majd kattintson duplán a jobb-szín-stop és adja meg a szín értékét # FFFFFF.

slik-red-button-step4b

Inner Glow

Következő alkalmazzák a belső izzás réteg stílus. Első változás a keverési lehetőség Overlay, mint a változó értéke fényelnyelés és méret. Választom, hogy hozzanak az átlátszatlanság 55%-os és méret a 6px.

Változás a fény színe az alapértelmezett # FFFFFF

slik-red-button-step4c

Drop Shadow

Következő alkalmazzák a drop shadow réteg stílus. Első változás a keverési lehetőség a normális kerékvágásba. Tartsa a szög, 120o, mint a változó értéke Opacity és méret. Választom, hogy hozzanak az átlátszatlanság 55%-os és a méret 3px.

slik-red-button-step4d

Így kell kinéznie.

slik-red-button-step4

Step # 5

Hozzon létre egy új réteget, hogy a kiválasztási körül az eredeti gombra, akkor ezt a gazdaságot ctrl majd kattintson a réteg miniatűr.).

slik-red-button-step5

Töltsük meg a háttérszín fehér lesz.

Válasszuk ki a Rounded Rectangle Tool, válassza ki és törölje Az alsó részen a fehér réteg csak akkor történik, szükség lehet mérni a magasságát a gomb törlése előtt az alsó felét.

slik-red-button-step5a

Először meg kell változtatni a réteg mód lehetőséget Softlight, mint a változó értékeit fényelnyelés. Választom, hogy hozzanak az átlátszatlanság 20% -

Step # 6

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

Végső

slik-red-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 oktatóanyagok kapni tőlünk, kérjük, fontolja meg a feliratkozást a feedre az RSS, vagy e-mailben.

Kategória: Photoshop, Tutorials by admin

Promote Us

  • Add hozzá a Mixx!
Ace Hosting india

Tags: 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 hozzunk létre Web Button A Photoshop PSD + Download Free File
    • Hogyan lehet létrehozni egy egyszerű zöld gomb a Photoshop
    • How to Create folder icon 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 30, 2010 at 9:10 Said:

    Ezt a cikket megosztott favSHARE.net. Menj és szavazzon meg!
    favSHARE utolsó blog .. Make Money Online With Domain Vásárlás My ComLuv Profile

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
«15 Places To Download Free Twitter Icon Sets
Developer's Paradise helyszínei A hét január 30, 2010 »
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

  • Naptári

    Január 2010
    N T NYH T F. S S
    «December Február »
    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 (64)
    • Freebies (54) A
    • Graphic Design (12)
    • Photoshop (31) Az
    • Források (46)
    • Seo (1) A
    • Szerszámok (12)
    • Tutorials (42)
    • Tipográfia (6)
    • Web development (6)
    • Wordpress (6) A
    • Levéltári

    • Február 2010
    • 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

    • Hogyan teremt jó kinézetű forma nélküli asztali
    • 5 Lépéseket kell jobb CSS Part II
    • 21 Nagy, Bold Tipográfia Website Design
    • 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

        • 50 + Gyönyörű háttérképek Keressen több Romantikus th ...

          Saint Valentine's Day is ünnep február 14-én ünneplik a sok ember az egész világon. Az angol nyelvű országokban, ez az a nap, amelyen a hagyományos szerelmesek kifejthetik lo ...

          Február 1, 2010
        • 25 Ultimate Hasznos forma Tutorials CSS Ja, és ...

          Ebben a cikkben szerepelt csak sok jó kapcsolatot keres formák, így tudnia kell, hogy a kapcsolatfelvételi űrlapot jó néz ki. Most vessünk egy pillantást, hogyan hozhat létre kiváló és gyönyörűen megtervezett ...

          Február 1, 2010
        • Rainbow Colorful Glowing Text Effect Adobe P ...

          Az egyik új csapat tagja, amelyek tanúsítják, hogy ebben a csodálatos erőfeszítés bemutató, ahol információt lehet szerezni a "Rainbow Colorful Glowing Text Effect" az Adobe Photoshop CS3, a bemutató mi ...

          Január 29, 2010
        • 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
    • 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ó.