• Mājas
  • Par
  • Raksti
  • Contact us

: 91 11 9810018780 Pastu: info@aceinfowayindia.com / Zvanīt: 91 11 9810018780

  • Pants Rakstiski
  • no 02.12.2009
  • at 06:45
  • by admin

Kā izveidot Simple Green Button Photoshop

Hey guys vienu Photoshop Tutorial. Šajā Tutorial es varētu jūs atrast Kā izveidot Simple Green Button in Photoshop. Tas ir ļoti vienkāršs un ļoti efektīvs pamācību. Ceru, ka jums patiks šī apmācība.

Galīgais rezultāts

Tas ir tas, ko mēs aizgājuši darīt šodien

green-button-final1

Step # 1

Open Photoshop un izveidot jaunu dokumentu, manī ir 550px x 398px ar baltu fonu.

Green-button-step1

Step # 2

Aizpildiet krāsu fona slāni, raktuve krāsa ir # 979.696.

green-button-step13

Step # 3

Izvēlieties Noapaļots taisnstūris rīku un izveidot pogu, mans rādiuss ir 5px, width: 219px un height: 40px..

green-button-step24

Tagad mēs piemērot kāda ietekme

Gradient Overlay

Stils pogas dubultklikšķi uz pogas slāņa sīktēla in Layers paneli, lai atvērtu Layer stili dialoglodziņā, mēs piemēros Vertical Gradient efekts jūsu poga. Tad noklikšķiniet uz Color Gradient par tiesībām Gradient iespēja atvērt Color Gradient Editor.

Green-Button

Double-click uz kreisās krāsu pieturas un ievadiet krāsu vērtību # 55A646, tad divreiz uzklikšķiniet uz labo krāsu pieturas un ievadiet krāsu vērtību # A5CE3F.

green-button-step4a

Drop Shadow

Nākamā piemēro Nomestēnojuma slānis stilā. Keep leņķis 120o, nevis mainot Dūmainības, attālums un lieluma vērtības. Es izvēlēties iestatīt Dūmainība 20%, attālums 1px un lielumu 5px.

green-button-step4b

Inner Shadow

Nākamā piemēro Inner Shadow slānis stilā. Keep leņķis 120o, nevis mainot Dūmainības, Choke un lieluma vērtības. Es izvēlēties iestatīt Dūmainība par 27% un Choke 100% un lielumu 2px.

Next Change Blending iespēju Normal.

green-button-step4c

Slīps Izkalt

Tālāk mēs attieksies slīps Izkalt, First maiņa stila Inner Bevel un tehnikas Gludā nekā mainās no dziļuma, virzienu, Size un mīkstina vērtības. Es izvēlos noteikt dziļumu, 100%, virzienā uz augšu, Size pie 1px un mīkstina ar 0px

Keep leņķis 120o, augstums pie 30o

Highlight veids: Es izvēlēties iestatīt Dūmainība 0% apmērā.

Shadow veids: Es izvēlēties iestatīt Dūmainība 14%.

green-button-step4d

Vēziens

Beidzot mums būs spēkā Stroke. Pirmais mainīgo lielumu vērtības. Es izvēlos noteikt lielumu 1px. Mainot Situācija Inside

Es izvēlēties iestatīt Dūmainība 50% apmērā.

Maina Stroke krāsu no noklusējuma # 529.846

green-button-step4e

Jāizskatās šādi.

green-button-step4

Step # 4

Izvēlieties Horizontal Type Tool un ierakstīt tekstu priekšpusē.

Mēs piemēro dažu efektu tekstam.

green-button-step5

Gradient Overlay

Dubultklikšķi uz teksta slāņa sīktēla in Layers paneli, lai atvērtu Layer Styles dialoglodziņu. Vispirms mēs attieksies Gradient Overlay, mēs piemēros Vertical Gradient efekts Jūsu tekstu. Tad noklikšķiniet uz Color Gradient par tiesībām Gradient iespēja atvērt Color Gradient Editor ..

green-button-step5a

Double-click uz kreisās krāsu pieturas un ievadiet krāsu vērtību # DDDCDC, tad divreiz uzklikšķiniet uz centra-color-stop un ievadiet krāsu vērtību # FFFFFF.

green-button-step5b

Drop Shadow

Beidzot mums būs spēkā Nomestēnojuma slānis stilā. Keep leņķis 120o, nevis mainot Dūmainības, attālums un lieluma vērtības. Es izvēlēties iestatīt Dūmainība 34%, attālums 1px un izmērs ir 1px.

green-button-step5bc

Galīgais rezultāts

green-button-final1

Ja jūs vēlaties pārbaudīt savu darbu, jūs varat lejupielādēt PSD failu šo pamācību

Lejuplādēt failu [240KB]

Ja jūs vēlētos saņemt vairāk iedvesmu no mums, lūdzu, apsveriet abonēšanas mūsu barības pa RSS vai pa e-pastu.

Iesniegts saskaņā ar: Photoshop, konsultācijas by admin

Veicināt Us

  • Pievienot Mixx!

Tags: Photoshop, konsultācijas

Saistītie raksti:

ja jums patika lasīt šo rakstu, lūdzu, apskatiet citus saistītus rakstus zemāk:

    • Kā izveidot Nice Iebūvētās apkures Teksts pogu Photoshop
    • Kā izveidot burti Tipogrāfija Photoshop
    • Kā izveidot Nice Easy 3D Text Effect Photoshop
    • Kā izveidot I-Phone Like Photoshop Button
    • Kā izveidot Nice Sleek Dark pogu Photoshop
Untitled Document

One Komentāri

  1. designfollow saka on: 2 decembris, 2009 at 12:52 Said:

    liels apmācība, thank you.

Iesniegt komentāru

XHTML: Jūs varat izmantot šos tagus: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled rādīt vairāk
«5 Steps to Write Better CSS Part II
Untitled Document

    Abonēt

  • Abonēt mūsu barības
  • Subscribe by email
  • Follow us on Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Meklēt

      Untitled Document
  • Kalendārs

    Decembris 2009
    M T W T F S S
    «Nov
    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
    • Pages

      • Mājas
      • Par
      • Raksti
      • Contact us
    • Kategorijas

    • CSS (21)
    • Design / Inspiration (51)
    • Freebies (36)
    • Grafiskais dizains (10)
    • Photoshop (18)
    • Resursi (33)
    • SEO (1)
    • Instrumenti (9)
    • Tutorials (33)
    • Tipogrāfija (4)
    • Web izstrāde (5)
    • WordPress (6)
    • Arhīvs

    • Decembris 2009
    • Novembris 2009
    • Oktobris 2009
    • Septembris 2009
    • Augusts 2009
    • Jūlijs 2009
    • Jūnijs 2009
    • Maijs 2009
    • Recent Posts

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

    • Kā izveidot Nice Scalable CSS Based rīvmaize
    • 5 Steps to Write Better CSS Part II
    • Kā izveidot good looking formā bez galda
    • 30 Websites maksimāli Orange
    • Kā izveidot burti Tipogrāfija Photoshop
    • 5 Steps to Write Better Css
    • Create Beautiful Box Icon Photoshop
    • Tagu mākonis

    CSS Design Fonti Freebies Graphic Design Graphics Design Ikonas Inspiration Inspitation Photoshop Resources Tools Tutorials Tipogrāfija Web development WordPress

    • Draugi

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS triki
      • David Walsh
      • Fudgegraphics
      • Degvielas Your Creativity
      • Help Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Mani Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Six Revisions
      • Karote Graphics
      • Toxel
      • Vandelay Design
      • Mēs funkcija
      • Web Designer Depot
      • Web Designer Ledger
      • Web dizaineris Wall
      • You Designer
    • Tulkotājs

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

    Pārbaudiet UPrinting par YouTheDesigner.


    Vizītkartes Online

    Web Design Blog Directory

.
Untitled Document
Back to top

General

Šiem varbūt daži procenti
  • Par Kompāniju
  • Atsauksmes
  • Contact Details
  • Emuārs
  • Sociālie - Twitter, Flickr

Darbi

Piemēri agrāko projektu
  • Par Kompāniju
  • Atsauksmes
  • Contact Details
  • Emuārs
  • Sociālie - Twitter, Flickr

Pakalpojumi

Tas ir tas, kur pārdod šodien
  • Par Kompāniju
  • Atsauksmes
  • Contact Details
  • Emuārs
  • Sociālie - Twitter, Flickr

Contact Details

Vēlaties nolīgt mums? sākt šeit ...
  • Free Project Assesment
  • E-pasts - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indija īre Ace Infoway Indija jūsu nākamo konstrukcijas projekts. Ņemot vērā mūsu portfolio.