İstifadəçi dostu interfeys, yaxşı çəkilmiş qrafika, səhifədəki elementlərin düzgün düzülüşü - saytın ziyarətçi ilə qazandığı uğurun yarısı. Bir veb sayt üçün düymələr çəkmək, onlayn bir layihə üzərində işləmək üçün kiçik, lakin vacib bir hissədir.
Təlimat
Addım 1
Dəyirmi düyməni çəkməyə çalışın. Aşağıda verilmiş metod həm də loqotiplər və avatarlar yaratmaq üçün universaldır. Görməli olduğunuz hərəkətlərin sayına baxmayaraq, onu çəkmək çətin deyil.
Addım 2
Adobe Photoshop'u açın. "Ctrl + N" kombinasiyasına basaraq yeni bir sənəd yaradın. Görüntü parametrləri 300 * 300, qətnamə 72 ppi. Varsayılan fon və rəng rejimi müvafiq olaraq ağ və RGB-dir.
Addım 3
Düymə endirildikdə keyfiyyəti pisləşməməsi üçün vektorlarla çəkmək yaxşıdır. Oval alətini seçin, Shift düyməsini basıb mərkəzdən bir dairə çəkin.
Addım 4
İndi yaranan dairəyə bəzi effektlər tətbiq edin. "Layers" - "Layer Style" - "Blending Options" menyusuna gedin. Burada bir gradient tətbiq etməlisiniz.
Addım 5
Ardından, burada düyməni lazımi qabarıqlığı vermək üçün "Kabartma" nın yanındakı qutunu işarələyin və aşağıdakı parametrləri təyin edin: stil - kontur kabartma, metod - yumşaq kəsmə, dərinlik - 220%, ölçü - 1 piksel, yumşalma - 5 piksel, bucaq - qlobal işıqlandırma olmadan 135 °, hündürlük - 32, işıqlandırma rejimi - 30% qeyri-şəffaflıqla normal, kölgə rejimi - 25% qeyri-şəffaflıqla çarpın
Addım 6
Daha çox həcm vermək üçün burada qarışdırma parametrlərində "Kölgə" qutusunu işarələyin və aşağıdakı parametrləri təyin edin: qarışdırma rejimi - vurma, şəffaflıq - 40%, bucaq - 125o qlobal işıqlandırma istifadə edərək, ofset - 5 piksel, ölçü - 20 piksel.
Addım 7
Görülən hərəkətlərin nəticəsi şəkildə göstərildiyi kimi bir görüntü olacaqdır.
Addım 8
İndi yeni bir təbəqə yaradın, yenidən "Oval" seçin və ilk formadan daha kiçik radiuslu bir dairə çəkin. "Qarışdırma Seçimləri" ni açın, "İç Kölgə" nin yanındakı qutunu işarələyin və parametrləri təyin edin: Qarışdırma Modu - Yumşaq İşıq, Açı - 125o, Ofset - 0px, Kiçilmək - 45%, Ölçü - 21px.
Addım 9
Sonra, burada qarışdırma seçimlərində "Gradient overlay" düyməsini yoxlayın və şəkildəki kimi parametrlərlə bir gradient yaradın. Tamam düyməsini vurun
Addım 10
Ardından Qarışdırma Stilini Radial, Ölçeği% 124 olaraq təyin edin
Addım 11
İndi "Vuruş" qutusunu yoxlayın və aşağıdakı parametrləri təyin edin: ölçü - 5 piksel, mövqe - çöldə, qarışdırma rejimi - normal, qeyri-şəffaflıq - 100%, vuruş növü - qradiyent.
Addım 12
Bu hərəkətlər nəticəsində daha çox düyməyə bənzəyən bir şey əldə etməlisiniz. Qarışdırma seçimlərini yenidən aça və onlarla təcrübə edə bilərsiniz.
Addım 13
İndi düymələrin bir şüşə toxumasını alması üçün vurğulayıcı düymələri əlavə etməliyik. Bunu etmək üçün yenidən yeni bir qat yaradın, Oval Seçim alətini seçin, düymənin üstündə bir oval yaradın və Doldurma alətindən istifadə edərək ağ rənglə doldurun. Ctrl düyməsini basıb saxlayın, rəngli dairə ilə qatı vurun, seçimi tərs çevirin ("Seçim" - "İnversiya"). İndi Sil düyməsini basın. Oval dairənin ətrafı boyunca kəsilməlidir.
Addım 14
Layers panelində Normal seçimini Soft Light olaraq dəyişdirin, sonra vektor maskası simgesini vurun və Doldurma Aləti - Gradient seçin. Vurğunu aşağıdan yuxarıya doldurun. Düymə demək olar ki, hazırdır.
Addım 15
Düyməyə bir yazı əlavə edə bilərsiniz. Buna daxili, xarici parıltı, gradient və s. Kimi qarışıq effektləri də tətbiq edə bilərsiniz. Təcrübə etməkdən çəkinməyin, işinizdə nə qədər çox xəyal istifadə etsəniz, həm redaktorun özünə, həm də veb dizaynına daha sürətli yiyələnəcəksiniz.
