Saytların dizaynında üç ölçülü naviqasiya elementləri tez-tez istifadə olunur. Bu cür düymələr Photoshop qrafika redaktorunda, kölgələr və qradiyent dolğusundan istifadə edərək səsi simulyasiya etməklə edilə bilər.
Zəruri
Photoshop proqramı
Təlimat
Addım 1
Fayl menyusundan Yeni seçimindən istifadə edərək qrafik redaktorda yeni bir sənəd yaradın. Düyməyə sığacaq yeni sənədin ölçüsünü seçin və arxa planı şəffaf edin.
Addım 2
Dəyirmi Düzbucaqlı Aləti aktivləşdirin. Bir az yuvarlaqlaşdırılmış bir düymə istəsəniz, Alət Seçimləri çubuğunda Radiusu bir millimetrə qoyun. Seçilmiş aləti istifadə edərək yuvarlaq bir düzbucaqlı çəkin. Yaranan forma düymə üçün əsas olacaqdır.
Addım 3
Qatı sağa vurun və Rasterize Layer seçimini seçin. Seçimi Seç menyusundan Seçimi Yüklə seçimi ilə yükləyin.
Addım 4
Düyməni iki rəngli bir qradiyentlə doldurmaq üçün Qradiyent alətindən istifadə edin, qradiyent palitrasındakı əvvəlcədən hazırlanmış rənglərdən uyğun bir birləşmə seçin. Qradiyent tərzi xətti olmalıdır, əsas menyunun altındakı Xətti Qradiyent düyməsini vuraraq seçin. Doldurduqdan sonra düymənin yuxarı hissəsi aşağıdan daha yüngül olmalıdır.
Addım 5
Qata bir üslub tətbiq edin. Bunu etmək üçün kontekst menyusundan Qarışdırma Seçimləri seçimini istifadə edin. Drop Shadow nişanını seçin və Angle parametri üçün yüz iyirmi dərəcə dəyərini daxil edin. Ölçü parametrini üç pikselə qoyun.
Addım 6
İç Kölgə nişanında Bucaq parametri üçün eyni dəyəri, Ölçüsü üçün dəyəri beş piksel olaraq təyin edin. Enter düyməsini basaraq stili tətbiq edin.
Addım 7
Düymə üçün kölgə salın. Bunu etmək üçün Yeni bir qat yaradın düyməsini vurun və yeni qatın seçilmiş sahəsini qara rənglə doldurun. Bunun üçün Boya Kovası Alətini seçin. Ctrl + D ilə seçimini ləğv edin.
Addım 8
Qara düzbucaqlıya Filter menyusunun Blur qrupundan bir Gaussian Blur filtri tətbiq edin. Radiusu dörd pikselə qoyun. Kölgə qatını düymə qatının altına sürükləyin və kölgəni üç-dörd piksel yuxarı qaldırın. Bunu etmək üçün Taşıma Alətini aktivləşdirin və kölgəni kursor düymələri ilə hərəkət etdirin. Bu təbəqənin şəffaflığını yüzdə altmışa endirin.
Addım 9
Düymə ilə aktiv qatı düzəldin və ondan bir seçim yükləyin. Seçim menyusunun Dəyişdir qrupundan Müqavilə seçimindən istifadə edərək seçimi iki piksel azaldır.
Addım 10
Yeni bir təbəqə yaradın və nəticədə seçilən hissəni ağdan düyməyə qədər bir şəffafdan xətti bir gradientlə doldurun. Seçimi ləğv edin. Düzəliş menyusundan Pulsuz Dönüşüm seçimindən istifadə edərək, qradiyentin əhatə etdiyi sahəni şaquli olaraq azaldın. Dönüşümü Enter düyməsinə tətbiq edin.
Addım 11
Qradiyent qatının Qarışıq rejimini Yerləşdirməyə dəyişdirin. Bu, Stillər palitrasının sol tərəfindəki açılan siyahıdan bir rejim seçərək edilə bilər. Qatın Şəffaflığını yüzdə altmışa endirin.
Addım 12
Üfüqi Tip Alətindən istifadə edərək düymənin üstündə olması lazım olan mətni yazın.
Addım 13
Bütün qatları Ctrl düyməsini basıb saxlayaraq seçərək Layer menyusundan Group Layers seçimindən istifadə edərək bir qovluğa yığın. Düyməni Fayl menyusundan Saxla seçimindən istifadə edərək bir psd sənədinə yazın.
