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

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

  • Cikket írta
  • on 02.12.2009
  • at 06:45
  • by admin

Hogyan lehet létrehozni egy egyszerű zöld gomb a Photoshop

Hé srácok még egy Photoshop bemutatója. A bemutató Megtalállak Hogyan lehet létrehozni egy egyszerű zöld gomb a Photoshop. Ez nagyon egyszerű és nagyon hatékony konzultáció. Remélem tetszeni fog ez a bemutató.

Végeredménye

Ez az, amit ma nem ment

green-button-final1

Step # 1

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

Green-button-step1

Step # 2

Töltsük meg a szín a háttérben rétegben, az enyém színe # 979.696.

green-button-step13

Step # 3

Válasszuk ki a Rounded Rectangle Tool és a Create gombra, az enyém sugár 5px, width: 219px és magasság: 40px..

green-button-step24

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.

Green-Button

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

green-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. Én úgy dönt, hogy beállíthatjuk, hogy a Opacity 20%, Távolság a 1px és méret a 5px.

green-button-step4b

Inner Shadow

Következő alkalmazni az Inner Shadow réteg stílus. Tartsa a szög, 120o, mint a változó értéke Opacity, Choke és méretét. Választom, hogy hozzanak az átlátszatlanság 27% Choke, és 100%-os és méret a 2px.

Következő Módosítsa a Blending opció a Normál.

green-button-step4c

Bevel Domborítás

Következő fogunk alkalmazni Bevel Domborítás, első megváltoztatása a Stílus és Inner Bevel Technique és a sima, mint a változó értékeit Depth, irány, méret és enyhül. Én úgy dönt, hogy állítsa be a mélység, a 100%, Direction at Up, Mérete 1px és enyhíteni a 0px

Tartsa a szög, 120o magassága 30o

Kiemelés mód: Én úgy dönt, hogy állítsa be a Opacitás 0%.

Shadow mód: Én úgy dönt, hogy állítsa be a Opacity 14%.

green-button-step4d

Ütés

Végül is alkalmazni fogja a 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. Megváltoztatja a Helyzet az Inside

Én úgy dönt, hogy állítsa be a Opacity 50%.

Változtassuk meg a Stroke színt az alapértelmezett a # 529.846

green-button-step4e

Ezt így kell kinéznie.

green-button-step4

Step # 4

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

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

green-button-step5

Gradient 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 Gradient Overlay, mi fog alkalmazni Vertical Gradient Effect a szöveg. Majd kattintson a Szín színátmenet a jobb oldalon a Gradient lehetőséget nyit a Szín Gradient Editor ..

green-button-step5a

Dupla kattintás a bal-szín-stop és adja meg a szín értéke # DDDCDC, majd kattintson duplán a középső-szín-stop és adja meg a szín értékét # FFFFFF.

green-button-step5b

Drop Shadow

Végül is alkalmazni fogja 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. Én úgy dönt, hogy állítsa be a Opacity 34%, Távolság a 1px és méret a 1px.

green-button-step5bc

Végeredménye

green-button-final1

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

Download File [240KB]

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 hozzunk létre Nice süllyesztés Text Button 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. designfollow says on: december 2, 2009 at 12:52 Said:

    jó tutorial, köszönöm.

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
«5 Lépéseket kell jobb CSS Part II

    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

      Untitled Document A
  • Naptári

    December 2009
    N T NYH T F. S S
    «November
    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
      • Í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ó.