• Početna stranica
  • O
  • Članci
  • Kontaktirajte nas

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

  • Članak je napisao
  • on 02.12.2009
  • u 06:45
  • by admin

Kako to Stvoriti Simple Green Dugme u Photoshopu

Hey guys još jednu Photoshop Tutorial. In this tutorial ću vam pronaći Kako to Stvoriti Simple Green Dugme u Photoshopu. Ovo je vrlo jednostavan i vrlo učinkovit udžbenik. Nadam se da ćete uživati ovaj udžbenik.

Final Result

To je ono što mi otišao do danas

green-button-final1

Korak # 1

Otvorite Photoshop i napravite novi dokument, moje je 550px × 398px s bijelom pozadinom.

Green-button-step1

Korak # 2

Ispunite boja u pozadini sloju, moja boja je # 979.696.

green-button-step13

Korak # 3

Odaberite Zaobljeni pravokutnik Alat i stvoriti gumb, moje je Radius 5px, width: 219px a visina: 40px..

green-button-step24

Sada ćemo primijeniti neki efekt

Gradient Overlay

Styling Button duplo-kliknite na gumb Layer's sličice u Layers panel za otvaranje dijaloškog okvira Stilovi Layer, mi ćemo primijeniti Utjecaj vertikalne Gradient za svoj gumb. Zatim kliknite na Color Gradient na pravo Gradient mogućnost otvoriti Boja Gradient Editor.

Green-Button

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # 55A646 boju, a zatim dvokliknite na pravo-boja-stop i unesite vrijednost # A5CE3F boju.

green-button-step4a

Drop Shadow

Sljedeća primjenjuju sloj Drop Shadow stil. Držite Angle na 120o, nego mijenjanje vrijednosti Ispuna, Udaljenost i veličina. Ja izabrati za postavljanje neprozirnosti na 20%, Udaljenost pri 1px Veličina i na 5px.

green-button-step4b

Inner Shadow

Sljedeća primjenjuju Inner Shadow stil sloj. Držite Angle na 120o, nego mijenjanje vrijednosti Ispuna, gušiti i Veličina. Ja izabrati za postavljanje neprozirnosti na 27% i gušiti na 100% i Size na 2px.

Next Change Blending opciju Normal.

green-button-step4c

Konični Emboss

Dalje ćemo primijeniti konični Emboss, Prva Mijenjanje stila na unutrašnjem konični i tehniku kako bi Gladak, nego mijenjanje vrijednosti Dubina, smjer, veličina i omekšavaju. Biram postaviti dubina na 100%, režiju na Gore, Veličina po 1px i omekšavaju na 0px

Držite Angle na 120o, Nadmorska visina na 30o

Označite način: ja izabrati za postavljanje neprozirnosti na 0%.

Shadow način: ja izabrati za postavljanje neprozirnosti na 14%.

green-button-step4d

Udar

Na kraju ćemo primijeniti Stroke. Prva promjena vrijednosti veličina. Biram postaviti Veličina at 1px. Mijenjanje pozicija na Inside

Ja izabrati za postavljanje neprozirnosti na 50%.

Promjena boje od Stroke zadani # 529.846

green-button-step4e

Bi trebao izgledati ovako.

green-button-step4

Korak # 4

Odaberite Horizontal Type Tool i upišite tekst na pročelju.

Mi ćemo primijeniti neki efekt za tekst.

green-button-step5

Gradient Overlay

Dvaput kliknite na tekst sloj je umanjena sličica u Layers panel za otvaranje dijaloškog okvira Stilovi Layer. Prvo ćemo primijeniti Gradient Overlay, mi ćemo primijeniti Utjecaj vertikalne Gradient za svoj tekst. Zatim kliknite na Color Gradient na pravo Gradient mogućnost otvoriti Boja Gradient Editor ..

green-button-step5a

Dvaput kliknite na slijeva-boja-stop i unesite vrijednost # DDDCDC boju, a zatim dvokliknite na centar-boja-stop i unesite vrijednost # FFFFFF boju.

green-button-step5b

Drop Shadow

Na kraju ćemo primijeniti sloj Drop Shadow stil. Držite Angle na 120o, nego mijenjanje vrijednosti Ispuna, Udaljenost i veličina. Ja izabrati za postavljanje neprozirnosti na 34%, Udaljenost pri 1px Veličina i na 1px.

green-button-step5bc

Final Result

green-button-final1

Ako želite provjeriti svoj posao, vi svibanj skinuti PSD file za ovaj udžbenik

Download File [240KB]

ako želite dobiti više inspiracije od nas, molimo vas da razmislite o Prijavom na naš feed RSS ili putem e-pošte.

Varalica pod: Photoshop, Tutoriali by admin

Promote Us

  • Dodaj u Mixx!

Tags: Photoshop, Tutoriali

Vezani članci:

Ako ste uživali čitajući ovaj članak, molimo vas da provjerite drugih srodnih članaka u nastavku:

    • Kako to Stvoriti Nice umetak Tekst Dugme u Photoshopu
    • Kako to Stvoriti tiskani tipografija u Photoshop
    • Kako to Stvoriti Nice Jednostavan 3D tekstni efekt u Photoshop
    • Kako to Stvoriti I-Phone Poput Dugme u Photoshopu
    • Kako to Stvoriti Nice Sleek Tamni Dugme u Photoshopu
Untitled Document

4 Comments

  1. designfollow kaže on: 2. prosinca 2009 at 1252: pm Said:

    velik udžbenik, hvala.

  2. FAQPAL on kaže: 4. prosinca 2009 at 224: am Said:

    Jednostavan, ali učinkovit kraju rezultat, hvala za dijeljenje.
    FAQPAL's last blog .. HTTP zaglavlja za lutke Moj profil ComLuv

  3. Ben on kaže: 4. prosinca 2009 at 6:48 Said:

    velik udžbenik, hvala.

  4. favSHARE on kaže: 4. prosinca 2009 at 1110: pm Said:

    Ovaj članak je udio na favSHARE.net. Idite i glas!
    favSHARE's last blog .. 14 Top pismo i Font Kombinacije resursi Moj profil ComLuv

Submit Comment

XHTML: Možete koristiti ove oznake: <href naslov=""> <abbr <acronym <blockquote pozvati=""> <cite> <code> < del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled prikaži više
«5 Steps to Write Better CSS II dio
Developer's Paradise Sites "tjedan za 4. prosinca 2009»
Untitled Document

    Pretplatite se

  • Pretplatite se na naš feed
  • Pretplati se putem e-pošte
  • Pratite nas na cvrkut
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor
  • Sponzor

    • Pretraživanje

      Untitled Document
  • Kalendar

    Prosinac 2009
    M T W T F S S
    «Stu
    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

      • Početna stranica
      • O
      • Članci
      • Kontaktirajte nas
    • Kategorije

    • Css (22)
    • Design / Inspiration (53)
    • Freebies (37)
    • Grafički dizajn (10)
    • Photoshop (18)
    • Resources (34)
    • Seo (1)
    • Alati (9)
    • Tutoriali (34)
    • Tipografija (6)
    • Web development (6)
    • Wordpress (6)
    • Archives

    • Prosinac 2009
    • Studeni 2009
    • Listopad 2009
    • Rujan 2009
    • Kolovoz 2009
    • Srpanj 2009
    • Lipanj 2009
    • Svibanj 2009
    • Recent Posts

    • Css
    • Design / Inspiracija
    • Freebies
    • Grafički dizajn
    • Photoshop
    • Popularni postovi

    • Kako to Stvoriti Nice CSS Based Scalable krušne mrvice
    • 5 Steps to Write Better CSS II dio
    • Kako stvoriti lijep oblik bez tablice
    • 30 stranice s Maksimalna Orange
    • 5 Steps to Write Better Css
    • Kako to Stvoriti tiskani tipografija u Photoshop
    • Create Beautiful Box ikonu u Photoshop
    • Tag cloud

    Css dizajn Fontovi Freebies Grafički dizajn Grafički dizajn ikona Inspiracija Inspitation Photoshop Resursi Tools Tutorials Tipografija Web development Wordpress

    • Prijatelji

      • Abduzeedo
      • Nagnut brod Apart
      • Bittbox
      • CrazyLeaf Design
      • Css trikovi
      • David Walsh
      • Fudgegraphics
      • Gorivo svoju kreativnost
      • Pomoć Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dionički Brain
      • Šest Revisions
      • Žlica Graphics
      • Toxel
      • Vandelay Design
      • Mi funkcija
      • Web dizajner Depot
      • Web dizajner Ledger
      • Web dizajner Zid
      • You Designer
    • Community News

        • Kako to Stvoriti Simple Green Dugme u Photoshopu

          njegov je vrlo jednostavan i vrlo učinkovit udžbenik. Nadam se da ćete uživati ovaj udžbenik.

          9. prosinac 2009
        • 11 slobodan Grunge Fontovi za dizajnere

          U ovaj post ćete naći 11 slobodan Grunge Fontovi za dizajnere. Ove free fontovi su savršeni za uznemiravajuće Vašim nacrtima. Nadam se da ćete uživati u ovom.

          9. prosinac 2009
        • 21 Veliki, Podebljano tipografija Website Design

          imaju pogled na tih 21 prekrasan veliki, Podebljano Tipografija Web dizajn i javite nam svoje dojmove u komentar.

          9. prosinac 2009
    • Dodaj vijesti

      Možete poslati svoje veze koristeći formu ispod i oni će obično biti odobren u roku od nekoliko sati.






      Loading ...

    • Prevoditelj

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

    Check out UPrinting na YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Povratak na vrh

General

Ti možda nekih interesa
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Works

Primjeri projekata prošlosti
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Usluge

To je ono gdje se i danas prodaje
  • About Our Company
  • Testimonials
  • Kontakt detalji
  • Blog
  • Social - Twitter, Flickr

Kontakt detalji

Želite li nam se zaposliti? početak ovdje ...
  • Free projekta Procjena
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indija Najam Ace Infoway Indija dizajn za Vaš sljedeći projekt. Pogledajte naš portfolio.