Sitelerin tasarımında genellikle üç boyutlu gezinme öğeleri kullanılır. Bu düğmeler, gölgeler ve degrade dolgu kullanılarak hacmi simüle eden grafik düzenleyici Photoshop'ta yapılabilir.
Gerekli
Photoshop programı
Talimatlar
Aşama 1
Dosya menüsündeki Yeni seçeneğini kullanarak bir grafik düzenleyicide yeni bir belge oluşturun. Düğmeye sığacak yeni belgenin boyutunu seçin ve arka planı saydam yapın.
Adım 2
Yuvarlatılmış Dikdörtgen Aracını etkinleştirin. Hafifçe yuvarlatılmış bir düğme istiyorsanız, Araç Seçenekleri çubuğunda Yarıçapı bir milimetreye ayarlayın. Seçili aracı kullanarak yuvarlak bir dikdörtgen çizin. Ortaya çıkan şekil, düğmenin temeli olacaktır.
Aşama 3
Katmana sağ tıklayın ve Katmanı Rasterleştir seçeneğini seçin. Seçim menüsünden Seçimi Yükle seçeneği ile seçimi yükleyin.
4. Adım
Degrade paletindeki hazır ayarlardan uygun bir renk kombinasyonu seçerek düğmeyi iki renkli bir degradeyle doldurmak için Degrade Aracı'nı kullanın. Gradyan stili doğrusal olmalıdır, ana menü altındaki Doğrusal Gradyan düğmesine tıklayarak seçin. Doldurduktan sonra düğmenin üst kısmı alttan daha hafif olmalıdır.
Adım 5
Katmana bir stil uygulayın. Bunu yapmak için içerik menüsünden Karıştırma Seçenekleri seçeneğini kullanın. Alt Gölge sekmesini seçin ve Açı parametresi için yüz yirmi derecelik bir değer girin. Boyut parametresini üç piksele ayarlayın.
6. Adım
İç Gölge sekmesinde, Açı parametresi için aynı değeri ayarlayın ve Boyut için değeri beş piksele ayarlayın. Enter tuşuna basarak stili uygulayın.
7. Adım
Düğme için bir gölge yapın. Bunu yapmak için Yeni katman oluştur düğmesine tıklayın ve yeni katmanın seçilen alanını siyahla doldurun. Bunun için Paint Bucket Tool'u seçin. Ctrl + D ile seçimi kaldırın.
8. Adım
Filtre menüsünün Bulanıklaştır grubundan bir Gauss Bulanıklığı filtresini siyah dikdörtgene uygulayın. Yarıçapı dört piksele ayarlayın. Gölge katmanını düğme katmanının altına sürükleyin ve gölgeyi üç ila dört piksel yukarı kaldırın. Bunu yapmak için Move Tool'u etkinleştirin ve imleç düğmeleriyle gölgeyi hareket ettirin. Bu katmanın Opaklığını yüzde altmışa düşürün.
9. Adım
Buton ile aktif katmanı yapın ve ondan bir seçim yükleyin. Seçim menüsünün Değiştir grubundaki Sözleşme seçeneğini kullanarak seçimi iki piksel azaltın.
Adım 10
Yeni bir katman oluşturun ve elde edilen seçimi, beyaz kısım düğmenin altında olacak şekilde beyazdan şeffafa doğrusal bir gradyanla doldurun. Seçimin seçimini kaldırın. Düzen menüsünden Serbest Dönüştür seçeneğini kullanarak degradenin kapsadığı alanı dikey olarak küçültün. Dönüşümü Enter tuşuyla uygulayın.
11. Adım
Degrade katmanının Karışım Modunu Kaplama olarak değiştirin. Bu, Stiller paletinin sol tarafındaki açılır listeden bir mod seçerek yapılabilir. Katmanın Opaklığını yüzde altmışa düşürün.
Adım 1/2
Yatay Yazım Aracını kullanarak buton üzerinde olması gereken metni yazınız.
Adım 13
Katman menüsündeki Katmanları Grupla seçeneğini kullanarak, Ctrl tuşunu basılı tutarken seçerek tüm katmanları bir klasörde toplayın. Dosya menüsündeki Kaydet seçeneğini kullanarak düğmeyi bir psd dosyasına kaydedin.
