• Namai
  • Apie
  • Straipsniai
  • Reklama
  • Kontaktai

: 91 11 9810018780 Paštas: info@aceinfowayindia.com / Skambinkite: 91 11 9810018780

  • Straipsnis Rašytiniai
  • dėl 02.12.2009
  • at 06:45
  • by admin

Kaip sukurti paprasta Žalioji Mygtuko Photoshop

Hey guys vieną Photoshop Tutorial. Šiame pavyzdyje aš rasti kaip sukurti paprasta Žalioji Mygtuko Photoshop. Tai labai paprasta ir gana veiksminga pamoka. Tikiuosi, jums patiks ši pamoka.

Galutinis rezultatas

Tai, ką mes šiandien atvyko daryti

green-button-final1

Žingsnis # 1

Atidaryti Photoshop ir sukurkite naują dokumentą, mano yra baltame fone 398px 550px ×.

Green-button-step1

Žingsnis # 2

Užpildykite fone sluoksnis spalvotas, mano spalva yra # 979.696.

green-button-step13

Žingsnis # 3

Pasirinkite Rounded Rectangle Tool ir sukurti mygtuką, mano Spindulys 5px, width: 219px ir aukštis: 40px..

green-button-step24

Dabar bus taikomi tam tikrą poveikį

Gradient Overlay

Styling mygtuką dukart paspauskite mygtuką sluoksnio thumbnail juostos sluoksnis, atverti Layer Style dialogo langas, mes taikyti Vertical Gradient poveikis mygtuką. Tada spauskite Spalva Gradient dėl Gradient galimybė atverti Spalva Gradient redaktorius teisė.

Green-Button

Dukart spustelėkite ant kairės-color-stop ir įveskite spalvos reikšmę # 55A646, tada dukart spustelėkite dešiniuoju pelės spalvotas langelio ir įveskite spalvos reikšmę # A5CE3F.

green-button-step4a

Drop Shadow

Kitas taikyti Drop Shadow sluoksnis stilius. Laikyti 120o kampu, nei keisti Opacity, atstumo ir dydžio vertes. I pasirinkti Nustatyti opacity 20%, atstumo 1px ir dydis ne 5tšk.

green-button-step4b

Inner Shadow

Kitas taikyti Inner Shadow sluoksnis stilius. Laikyti 120o kampu, nei keisti Opacity, Choke ir dydis vertybes. I pasirinkti Nustatyti opacity bent 27% ir Choke 100% ir dydis ne 2px.

Kitas pokytis Mišinių variantas normalus.

green-button-step4c

Bevel išspausti

Toliau mes taikyti Bevel išspausti, Pirmosios keitimas Stilius Vidinė Bevel ir technika sklandžiai, kaip keičiasi gylis, kryptis, dydis ir minkština vertybes. Pasirinkti nustatyti gylį, 100%, kryptimi aukštyn arba dydis ne 1px ir minkština ne 0px

Laikyti kampas 120o, aukštis virš jūros lygio 30o

Pažymėkite būdas: I pasirinkti Nustatyti opacity 0%.

Shadow būdas: I pasirinkti Nustatyti opacity 14%.

green-button-step4d

Šiaudas

Pagaliau bus taikomos Insultas. Pirmiausia keičiasi dydžio vertes. Pasirinkti nustatyti dydis ne 1px. Pakeitus ne Viduje pozicija

I pasirinkti Nustatyti opacity 50%.

Keisti spalvą nuo insulto nutylėjimą # 529.846

green-button-step4e

Turi atrodyti taip.

green-button-step4

Žingsnis # 4

Pasirinkite Horizontal Type Tool ir įveskite tekstą į priekį.

Mes taikyti kai kurias teksto efektą.

green-button-step5

Gradient Overlay

Dukart spustelėkite teksto sluoksnio thumbnail sluoksniai skydas atverti Layer Style dialogo lange. Pirmiausia, mes taikyti Gradient Overlay, mes taikyti Vertical Gradient poveikį jūsų tekstą. Tada spauskite Spalva Gradient dėl Gradient galimybė atverti Spalva Gradient redaktorius .. teisė

green-button-step5a

Dukart spustelėkite ant kairės-color-stop ir įveskite spalvos reikšmę # DDDCDC, tada dukart spustelėkite centras-color-stop ir įveskite spalvos reikšmę # FFFFFF.

green-button-step5b

Drop Shadow

Pagaliau mes taikyti Drop Shadow sluoksnis stilius. Laikyti 120o kampu, nei keisti Opacity, atstumo ir dydžio vertes. I pasirinkti Nustatyti opacity 34%, atstumo 1px ir dydis ne 1px.

green-button-step5bc

Galutinis rezultatas

green-button-final1

Jei norite patikrinti savo darbą, galite atsisiųsti PSD failo šį vadovėlį

Download File [240KB]

Jei norite gauti daugiau įkvėpimo iš mums, prašom, galite užsiprenumeruoti mūsų kanalo RSS arba el.

Filed under: Photoshop, Mokymas admin

Reklamuokite mus

  • Pridėti Mixx!
Ace Hostingas Indija

Tags: Photoshop, Tutorials

Susiję straipsniai:

Jei jums patiko skaityti šį straipsnį, apsilankykite kitų panašių dirbinių žemiau:

    • Kaip sukurti Nice Intarpas Tekstas Mygtuko Photoshop
    • Kaip sukurti Iškiliaspaudės spausdinimas Photoshop
    • Kaip sukurti Nice Easy 3D Text Effect Photoshop
    • Kaip sukurti I-PHONE, kaip Mygtuko Photoshop
    • Kaip sukurti Nice Sleek Dark Mygtuko Photoshop
Untitled Document

5 Komentarai

  1. designfollow sako apie: 2 gruodis 2009 at 12:52 Said:

    puiki pamoka, ačiū.

  2. FAQPAL sako apie: gruodis 4, 2009 at 2:24 Said:

    Paprasta, bet veiksminga galutinio rezultato, ačiū už akciją.
    FAQPAL paskutinį pranešimą dienoraštyje .. HTTP Headers for Dummies Mano ComLuv profilį

  3. Ben sako apie: gruodis 4, 2009 at 6:48 Said:

    puiki pamoka, ačiū.

  4. favSHARE sako apie: gruodis 4, 2009 at 11:10 Said:

    Šis straipsnis buvo dalijamasi favSHARE.net. Eik ir balsavimas it!
    favSHARE paskutinį pranešimą dienoraštyje .. 14 Top Šriftas ir Šrifto jungimai ištekliai Mano ComLuv profilį

  5. Web dizainas iš Liono Solutiosn sako apie: gruodis 19, 2009 at 10:45 Said:

    Būtų labai naudingas patarimas pradedantiesiems ;)

Pridėti komentarą

XHTML: Galite naudoti šiuos žodžius: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q Cite=""> <strike> <strong>


CommentLuv Enabled rodyti daugiau
«5 žingsniai Rašyti Geresnis CSS II dalis
Developer's Paradise sklypai savaitės 4 gruodis 2009 »
Untitled Document

    Prenumeruoti

  • Subscribe to our feed
  • Prenumeruoti elektroniniu paštu
  • Sekite mūsų Twitter

    • Ieškoti

      Untitled Document
  • Kalendorius

    Gruodis 2009
    M T W T F S S
    «Lap
    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
    • Puslapiai

      • Namai
      • Apie
      • Straipsniai
      • Reklama
      • Kontaktai
    • Kategorijos

    • Css (23)
    • Dizainas / Įkvėpimas (59)
    • Nemokamai (39)
    • Grafinis dizainas (12)
    • Photoshop (21)
    • Ištekliai (35)
    • SEO (1)
    • Įrankiai (9)
    • Pamokos (37)
    • Tipografija (6)
    • Web development (6)
    • WordPress (6)
    • Archyvas

    • Gruodis 2009
    • Lapkritis 2009
    • Spalis 2009
    • Rugsėjis 2009
    • Rugpjūtis 2009
    • Liepa 2009
    • Birželis 2009
    • Gegužė 2009
    • Recent Posts

    • Css
    • Dizainas / Inspiration
    • Nemokamai
    • Grafinis dizainas
    • Photoshop
    • Populiarios Žinutės

    • Kaip sukurti Nice Scalable CSS Breadcrumbs
    • 5 žingsniai Rašyti geresnio CSS II dalis
    • Kaip sukurti gerą ieškote forma be lentelė
    • 30 tinklalapių su Didžiausias Orange
    • 21 Big, Bold spausdinimas Website Design
    • 20 Stunning pavyzdys Infographics Jūsų Įkvėpimas
    • 5 žingsniai Rašyti geresnio Css
    • Tag cloud

    CSS dizainas Šriftai Nemokamai grafinis dizainas grafinis dizainas Ikona Įkvėpimas Inspitation Photoshop Resources Įrankiai Pamokos spausdinimas Web development WordPress

    • Draugai

      • Abduzeedo
      • Alist Be
      • Bittbox
      • CrazyLeaf Dizainas
      • CSS gudrybės
      • David Walsh
      • Fudgegraphics
      • Kuro Jūsų Kūryba
      • Pagalba kūrėjams
      • Momentiniai Shift
      • Line25
      • Mirificampress
      • Mano Rašalo Dienoraštis
      • Noupe
      • PSDFan
      • PSDtuts
      • Dalintis Brain
      • Šeši Pataisymai
      • Šaukštas Grafika
      • Toxel
      • Vandelay Dizainas
      • Mes funkcija
      • Web dizaineris Depot
      • Web dizaineris Ledger
      • Web dizaineris Wall
      • Jūs Dizaineris
    • Community News

        • Google ląstai makeover

          "Kas nori nuolat sėkmės reikia keisti nuolat", ir ji tampa vis labiau akivaizdu, kad "Google" laikosi šios minties mokyklos. Online Marketing Blog'as atskaitomybės ...

          11 gruodis 2009
        • Kaip sukurti paprasta Žalioji Mygtuko Photoshop

          Jo yra labai paprasta ir gana veiksminga pamoka. Tikiuosi, jums patiks ši pamoka.

          9 gruodis 2009
        • 11 Laisvas grunge šriftai dizaineriai

          Į šią pastabą rasite 11 Laisvas grunge šriftai dizaineriai. Tai nemokama šriftus puikiai kankinančių savo dizainą. Tikiuosi, jums bus jums patiks šis.

          9 gruodis 2009
        • 21 Big, Bold spausdinimas Website Design

          turėti bent šiuos 21 Beautiful Big, Bold spausdinimas Website Design išvaizdą ir praneškite mums savo mintis, pastabas.

          9 gruodis 2009
    • Pridėti naujienos

      Jūs galite pateikti nuorodų, naudodami formą, ir jie paprastai turi būti patvirtintas per kelias valandas.






      Kraunasi ...

    • Vertėjas

      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
  • RĖMĖJAI

    Check out UPrinting dėl YouTheDesigner.


    Vizitinės kortelės internete

    Web Design Blog Directory

.
Untitled Document
Atgal į viršų

Bendra

Tai gal kai palūkanų
  • Apie įmonę
  • Atsiliepimai
  • Kontaktinė informacija
  • Internetinis dienoraštis
  • Socialinė - Twitter, Flickr

Kūriniai

Pavyzdžiai ankstesnių projektų
  • Apie įmonę
  • Atsiliepimai
  • Kontaktinė informacija
  • Internetinis dienoraštis
  • Socialinė - Twitter, Flickr

Paslaugos

Tai, kas, kur parduoda šiandien
  • Apie įmonę
  • Atsiliepimai
  • Kontaktinė informacija
  • Internetinis dienoraštis
  • Socialinė - Twitter, Flickr

Kontaktinė informacija

Norite išsinuomoti mus? pradėti čia ...
  • Laisvas Projekto Vertinimas
  • Paštas - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Visos teisės saugomos, Ace Infoway Indija nuoma Ace Infoway Indija dėl kito dizaino projektą. Peržiūrėkite mūsų portfelio.