• Otthon
  • Körülbelül
  • Cikkekben
  • Írjon nekünk

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

  • Cikket írta
  • on 10.11.2009
  • at 12:37
  • by admin

Hogyan hozzunk létre Nice süllyesztés Text Button Photoshop

Ez a kezdet lavel tervezési konzultáció. Ebben a cikkben talál Hogyan csináljunk Nice süllyesztés Text Button a Photoshop. ez nagyon gyors és egyszerű grafikai tervezés tutorial.I remélem tetszeni fog ez a bemutató.

Final Preview

Ez az, amit ma nem ment

inset-button-tutorial-final

Step # 1

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

inset-button-tutorial-step1

Step # 2

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugara 6px.

inset-button-tutorial-step2

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, akkor alkalmazza a függőleges gradiant hatása az Ön Button. , Majd kattints a színes gradiens a jobb oldalon a Gradient lehetőséget, hogy nyissa meg a C olor Gradient Editor.

3d-bottom-layer

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

inset-button-tutorial-step2a

Drop Shadow

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

inset-button-tutorial-step2d

Így kell kinéznie.

inset-button-tutorial-step2Dropshadow

Ütés

Ezután fogja alkalmazni Stroke. Először is a változó értékének Size. Én úgy dönt, hogy beállíthatjuk, hogy a méret a 1px, Position on kívül. Választom, hogy hozzanak az átlátszatlanság 100%-os. Változtassuk meg a Stroke színt az alapértelmezett a # 666666

inset-button-tutorial-step2e

Így kell kinéznie.

inset-button-tutorial-step2Stroke

Step # 3

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

inset-button-tutorial-step3

Most majd alkalmaz valamilyen 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 ki a színt # 303.030

inset-button-tutorial-step3a

Inner Shadow

Következő alkalmazni az Inner Shadow réteg stílus. Legfontosabb részének tartja a szög, 41o, mint a változó értékeit fényelnyelés, Távolság és méret. Választom, hogy hozzanak az átlátszatlanság 75%-a távolság és a 1px Mérete 1px.

inset-button-tutorial-step3Innershadow

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, 90o, mint a változó értékei fényelnyelés és a távolságot. Választom, hogy hozzanak az átlátszatlanság 47%-os távolság a 1px.

inset-button-tutorial-step3c

Eredményt

inset-button-tutorial-final

Ha azt szeretné, hogy ellenőrizze a munkát, akkor töltse le a PSD fájlt a bemutató

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: Photoshop, Tutorials by admin

Promote Us

  • Add hozzá a Mixx!

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 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, I-Phone Mint Button a Photoshop
    • Hogyan lehet létrehozni a Nice Sleek Dark Button Photoshop
Untitled Document A

Egy Hozzászólások

  1. Sam Logan mondja időpontja: november 15, 2009 at 4:09 Said:

    Nagy hatással, nagyon hasznos és fantasztikusan néz ki, köszi a hasznos konzultáció.
    Sam Logan utolsó blog .. Nagyon cool Flash website? 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
«10 Awesome Free Hand Drawn Icon Sets
25 Awesome IPhone App Websites »
Untitled Document A

    Fizetnünk

  • Iratkozz fel a feedre
  • Iratkozzon fel e-mail
  • Kövesse velünk a Twitter
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként
  • Szponzorként

    • Keres

  • Naptári

    November 2009
    N T NYH T F. S S
    «Október 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
    • Oldalain

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

    • CSS (21) Az
    • Design / Inspiration (51)
    • Freebies (36) A
    • Graphic Design (10)
    • Photoshop (18) A
    • Források (33)
    • Seo (1) A
    • Szerszámok (9)
    • Tutorials (33)
    • Tipográfia (4) A
    • Web development (5)
    • Wordpress (6) A
    • Levéltári

    • 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
    • Hogyan teremt jó kinézetű forma nélküli asztali
    • Hogyan hozzunk létre Nice Scalable CSS alapú Breadcrumbs
    • 30 Websites maximális Orange
    • Hogyan hozzunk létre Magasnyomó Typography Photoshop
    • 5 Lépéseket kell jobb Css
    • Hozzon létre egy szép Box Icon Photoshop
    • 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ő
    • 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ó.