• Koti
  • Noin
  • Artiklojen
  • Ota yhteyttä

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

  • Artikkelista
  • on 10.11.2009
  • milloin 12:37
  • by Hallinnointi

How to Create Nizzan Upotettavat teksti Button Photoshop

Tämä on alku lavel design opetusohjelma. Tässä artikkelissa löydät How to Create Nizzan Upotettavat teksti Button Photoshop. Tämä on erittäin nopea ja helppokäyttöinen graafinen suunnittelu tutorial.I Toivottavasti nautit tässä opetusohjelmassa.

Lopullinen Esikuuntele

Tämä on meidän mennyt tehdä tänään

inset-button-tutorial-final

Vaihe # 1

Avaa Photoshop ja luoda uuden asiakirjan, minun on 550px × 356px valkoisella taustalla.

inset-button-tutorial-step1

Vaihe # 2

Valitse Rounded Rectangle Tool ja luoda painiketta, minun säde on 6px.

inset-button-tutorial-step2

Nyt meidän tulee soveltaa joitakin vaikutuksia

Gradient Overlay

Muotoilu-painiketta kaksoisnapsauta painiketta Layer pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa, voimme soveltaa vertikaalisiin gradiant vaikutus painikkeen. Sitten klikkaa väriä kaltevuus oikealla puolella Gradient mahdollisuus avata C olor Gradient Editor.

3d-bottom-layer

Kaksoisnapsauta vasemmassa-väri-stop ja anna väriarvo # 848484, kaksoisnapsauta sitten oikeanpuoleisessa-väri-stop ja anna väriarvo # C4C4C4.

inset-button-tutorial-step2a

Drop Shadow

Seuraava soveltaa Drop Shadow kerros tyyliin. Pidä kulma 120o, kuin muuttaa arvoja opasiteetti Etäisyys ja koko. Valitsen asettaa Opacity on 47%, kantamalla 2px ja koko on 4px.

inset-button-tutorial-step2d

Pitäisi näyttää tältä.

inset-button-tutorial-step2Dropshadow

Halvaus

Seuraavaksi sovelletaan Stroke. Ensimmäinen muuttaa arvoja Koko. Valitsen asettaa koko on 1px, Tilanne ulkopuolella. Valitsen asettaa Opacity 100%. Muuta Stroke väri oletuksena # 666666

inset-button-tutorial-step2e

Pitäisi näyttää tältä.

inset-button-tutorial-step2Stroke

Vaihe # 3

Valitse Horizontal Type työkalu ja kirjoita teksti edessä.

inset-button-tutorial-step3

Nyt meidän tulee soveltaa joitakin vaikutuksia tekstiä.

Color Overlay

Kaksoisnapsauta teksti kerros pikkukuvan Tasot-paneelin avata Layer Tyylit-valintaikkunassa. Ensin sovelletaan väriä päällekkäin, valitsen värin # 303030

inset-button-tutorial-step3a

Inner Shadow

Seuraava soveltaa Inner Shadow kerros tyyliin. Tärkein osa pitää kulma 41o, kuin muuttaa arvoja opasiteetti Etäisyys ja koko. Valitsen asettaa Opacity on 75% ja etäisyys 1px ja koko on 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Lopuksi voimme soveltaa Drop Shadow, ensimmäinen muutos Yhdistäminen vaihtoehto Normaali. Muuta Shadow Väri oletuksena # FFFFFF. Pidä kulma on 90 astetta, kuin muuttaa arvoja opasiteetti ja etäisyys. Valitsen asettaa Opacity on 47% ja etäisyys 1px.

inset-button-tutorial-step3c

Tulos

inset-button-tutorial-final

Jos haluat tarkistaa työtä, voit ladata sen PSD-tiedostona tästä opetusohjelma

Jos haluat saada lisää inspiraatiota meille, ota huomioon tilaamalla myös syötteen RSS-tai sähköpostitse.

Filed under: Photoshop, Tutorials by admin

Edistää Us

  • Lisää Mixx!

Tunnisteet: Photoshop, Tutorials

Aiheeseen liittyviä artikkeleita:

Jos olet nauttinut lukea tämä artikkeli, tutustu muita aiheeseen liittyviä artikkeleita alla:

    • How to Create kohopaino Typografia Photoshop
    • How to Create Nizzan Helppo 3D Text Effect in Photoshop
    • How to Create I-Phone Kuten Button Photoshop
    • How to Create a Nice Tyylikäs Dark Button Photoshop
    • Miten luoda tasaisesti kiiltävä Teksti vaikutus Photoshop
Untitled Asiakirjan

Lähetä kommentti

XHTML: Voit käyttää näitä koodeja: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled Näytä lisää
«10 Awesome FreeHand Piirretty Ikonit
25 Awesome iPhone App Websites »
Untitled Asiakirjan

    Tilattava

  • Tilaa rehu
  • Tilaa sähköpostitse
  • Follow us on Twitter
  • Toimeksiantajan
  • Toimeksiantajan
  • Toimeksiantajan
  • Toimeksiantajan
  • Toimeksiantajan
  • Toimeksiantajan

    • Haku

      Untitled Asiakirjan
  • Kalenterikuukauden

    Marraskuu 2009
    Miljoonaa T Läntistä T Seen S S
    'Lokakuu
    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
    • Sivujen

      • Koti
      • Noin
      • Artiklojen
      • Ota yhteyttä
    • Kategoriat

    • CSS (19)
    • Design / Inspiration (49)
    • Freebies (32)
    • Graafinen suunnittelu (10)
    • Photoshop (17)
    • Resurssit (30)
    • SEO (1)
    • Tools (7)
    • Tutorials (31)
    • Typografiaan (4)
    • Web development (5)
    • Wordpress (6)
    • Arkistojen

    • Marraskuu 2009
    • Lokakuu 2009
    • Syyskuu 2009
    • Elokuu 2009
    • Heinäkuu 2009
    • Kesäkuu 2009
    • Toukokuu 2009
    • Uusimmat viestit

    • Css
    • Design / Inspiration
    • Ilmaisohjelmia
    • Graafinen suunnittelu
    • Photoshopissa
    • Popular Posts

    • Miten luoda hyvännäköisiä muodossa ilman taulukko
    • 30 Websites Suurin Orange
    • How to Create kohopaino Typografia Photoshop
    • How to Create Nizzan Skaalautuva CSS perusteella Breadcrumbs
    • 5 Steps to Write Better Css
    • Luo Kaunis Box Icon Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tunnistetta Cloud

    CSS Design Fontti Freebies Graphic Design Graphics Design kuvakkeet Inspiraatio Inspitation Photoshop Resources Tools Oppaat Typografia Web kehityksen Wordpress

    • Ystävät

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Polttoaine luovuutesi
      • Ohje Developer
      • Pika Shift
      • Line25
      • Mirificampress
      • Oma Ink blogi
      • Noupe
      • PSDFan
      • PSDtuts
      • Jaa Brain
      • Kuusi Revisions
      • Lusikka Graphics
      • Toxel
      • Vandelay Design
      • Toimimme
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Olet Designer
    • Kääntäjänä

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

    Check out UPrinting on YouTheDesigner.


    Käyntikortit Online

    Web Design Blog Directory

.
Untitled Asiakirjan
Takaisin alkuun

Yleiset

Nämä ehkä joidenkin etujen
  • Yhtiöstä
  • Innostunutta
  • Yhteystietosi
  • Blogi
  • Sosiaalinen - Twitter, Flickr

Works

Mainontaamme
  • Yhtiöstä
  • Innostunutta
  • Yhteystietosi
  • Blogi
  • Sosiaalinen - Twitter, Flickr

Palveluita

Juuri kun myyntiin tänään
  • Yhtiöstä
  • Innostunutta
  • Yhteystietosi
  • Blogi
  • Sosiaalinen - Twitter, Flickr

Yhteystietosi

Haluatko vuokrata meille? Aloita tästä ...
  • Free Project Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Kaikki oikeudet pidätetään, Ace Infoway Intia vuokraus Ace Infoway Intia teidän seuraavan suunnitteluohjelman. Tutustu Portfolio.