Kullanıcı dostu bir arayüz, iyi çizilmiş grafikler, sayfadaki öğelerin doğru düzenlenmesi - sitenin ziyaretçi ile başarısının yarısı. Bir web sitesi için çizim düğmeleri, çevrimiçi bir proje üzerinde çalışmanın küçük ama önemli bir parçasıdır.
Talimatlar
Aşama 1
Yuvarlak bir düğme çizmeyi deneyin. Aşağıda verilen yöntem, logolar ve avatarlar oluşturmak için de evrenseldir. Gerçekleştirmeniz gereken eylemlerin sayısına rağmen, çizim yapmak zor değil.
Adım 2
Adobe Photoshop'u açın. "Ctrl + N" kombinasyonuna basarak yeni bir belge oluşturun. Görüntü parametreleri 300 * 300, çözünürlük 72 ppi. Varsayılan arka plan ve renk modu sırasıyla beyaz ve RGB'dir.
Aşama 3
Vektörlerle çizmek en iyisidir, böylece düğme küçüldüğünde kalitesi bozulmaz. Oval aracını seçin, Shift tuşunu basılı tutun ve merkezden bir daire çizin.
4. Adım
Şimdi ortaya çıkan daireye bazı efektler uygulayın. "Katmanlar" - "Katman Stili" - "Karıştırma Seçenekleri" menüsüne gidin. Burada bir degrade uygulamanız gerekecek.
Adım 5
Ardından, burada, düğmeye gerekli şişkinliği vermek için "Kabartma"nın yanındaki kutuyu işaretleyin ve aşağıdaki parametreleri ayarlayın: stil - anahat kabartma, yöntem - yumuşak kesim, derinlik - % 220, boyut - 1 piksel, yumuşatma - 5 piksel, açı - genel aydınlatma olmadan 135®, yükseklik - 32, vurgu modu - %30 opaklıkla normal, gölge modu - %25 opaklıkla çarpın
6. Adım
Daha da fazla hacim vermek için, burada karıştırma parametrelerinde "Gölge" kutusunu işaretleyin ve aşağıdaki parametreleri ayarlayın: karıştırma modu - çarpma, şeffaflık - %40, açı - küresel aydınlatma kullanarak 125o, ofset - 5 piksel, boyut - 20 piksel.
7. Adım
Gerçekleştirilen eylemlerin sonucu, şekilde gösterildiği gibi bir görüntü olacaktır.
8. Adım
Şimdi yeni bir katman oluşturun, tekrar "Oval" seçeneğini seçin ve ilk şekilden daha küçük yarıçaplı bir daire çizin. "Karıştırma Seçenekleri"ni açın, "İç Gölge"nin yanındaki kutuyu işaretleyin ve parametreleri ayarlayın: Karıştırma Modu - Yumuşak Işık, Açı - 125o, Ofset - 0px, Shrink - %45, Boyut - 21px.
9. Adım
Ardından, burada, karıştırma seçeneklerinde, "Degrade bindirme" seçeneğini işaretleyin ve resimdeki gibi parametrelerle bir degrade oluşturun. Tamam'ı tıklayın
Adım 10
Ardından, Karıştırma Stilini Radyal olarak ayarlayın, Ölçeklendirin %124
11. Adım
Şimdi "Kontur" kutusunu işaretleyin ve aşağıdaki parametreleri ayarlayın: boyut - 5 piksel, konum - dış, karıştırma modu - normal, opaklık - %100, kontur türü - gradyan.
Adım 1/2
Bu eylemlerin bir sonucu olarak, daha çok bir düğmeye benzeyen bir şey almalısınız. Karıştırma seçeneklerini yeniden açabilir ve bunlarla denemeler yapabilirsiniz.
Adım 13
Şimdi, düğmenin cam bir doku alması için vurgulama düğmelerini eklememiz gerekiyor. Bunu yapmak için tekrar yeni bir katman oluşturun, Oval Seçim aracını seçin, düğmenin üzerinde bir oval oluşturun ve Dolgu aracını kullanarak beyazla doldurun. Ctrl tuşunu basılı tutun, renkli daireli katmana tıklayın, seçimi ters çevirin ("Seçim" - "Ters Çevirme"). Şimdi Sil'e basın. Oval, dairenin çevresi etrafında kesilmelidir.
Adım 14
Katmanlar panelinde Normal seçeneğini Yumuşak Işık olarak değiştirin, ardından vektör maskesi simgesine tıklayın ve Dolgu Aracı - Gradyan'ı seçin. Vurguyu aşağıdan yukarıya doğru doldurun. Düğme neredeyse hazır.
Adım 15
Düğmeye bir yazıt ekleyebilirsiniz. Ayrıca buna iç, dış ışıma, degrade vb. gibi karıştırma efektleri de uygulayabilirsiniz. Denemekten korkmayın, işinizde ne kadar çok hayal gücü kullanırsanız, hem editörün kendisine hem de web tasarımına o kadar hızlı hakim olursunuz.
