Disain Glossy Web 2.0 nupp Photoshopis
Vaadates disaini mõned läikivaid Web 2.0 nuppe? Siin on lihtne Photoshopi juhendaja, mis annab teile samm-sammult, kuidas saada kena välimusega punane läikiv nupp.
1. etapp - aluse loomine
Tule üles uus lõuend ja reguleerige alltoodud pildi järgi järgmisi seadistusi (tähistatud kollase värviga). Ülejäänud peaksid olema vaikimisi. Võib-olla soovite ka vaikimisi kontrollida.
Loo uus kiht "Button"
Kihi "Nupp" all valige ümardatud ristküliku tööriist
Anna sellele 7px raadius
Joonista joonisele sarnane ristkülik.
2. samm - punane nupp
Paremklõps nupu Kihi valikute segamisel
Nihutage järgmisi seadeid
Drop Shadow
Sisemine vari
Kalde ja reljeef
Gradiant Overlay
Nupp peaks nägema midagi sellist
3. etapp - luua läikiv efekt
Loo uus kiht nimega „Klaas”
Valige tööriista Retangular marquee, veenduge, et valite "Button" kihi. Hoidke oma klahvi Ctrl ja klikkige kihi nupul”s kihi pisipilt. Nüüd peaks teie nupp olema esile tõstetud.
Nüüd vali nupp „Klaas”, hoidke all Alt klahvi, kus on valitud Retangular marquee tööriist. Joonista (lõigata) üle nuppude alumise poole nagu allpool olev pilt.
Täitke valitud ala valge värviga #ffffff, kasutades Paint Bucket Tooli
Reguleerige läbipaistmatust 18% -ni
Sul peaks olema selline läikiv nupp.
4. samm - mustri ülekate
Anname nupule mõned kerged mustrikatted. Ma kasutan varem loodud kohandatud stripe5px. Looge uus kiht nimega „Muster“ nupu „klaas“ ja „klaas” vahele ning jätkake segamisvalikutega.
Valige mustri ülekate, valige Stripe5px (või mõni teie loodud muster) ja klõpsake seejärel OK ja sulgege dialoog.
Veenduge, et olete ikka veel ristkülikukujulise tähistamise tööriista all
5. samm - teksti sisestamine
Visake mõni juhuslik tekst valge #ffffff värvi, kasutades järgmisi sätteid
Kasutage oma teksti kihis järgmisi segamisefekte.
Drop Shadow
6. etapp - lõplik väljund
Sa peaksid sellist pilti saama.
