Forum Aski - Türkiye'nin En Eğlenceli Forumu

Web sitelerinde iconlar çok önemlidir. Kullanıcılar ilk önce yazılardan çok görsellere bakmaktadır. Şık bir tasarımda butonlardan sonra ikonlar ile kullanıcı kullanışlılığını arttırmak için bazı çalışmalar yapmak gerekmektedir. Bu dersimizde de photoshopta ikonlar nasıl yapılır onu öğreneceğiz.
İlk önce 500 x 300 px ölçülerinde bir dosya açıp arka plan rengini beyaz ile doldurunuz ve yeni bir katman oluşturup elips aracı ile bir daire çiziniz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Katman aşağıdaki değerlerde gradient ve stroke uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Böyle bir sonuç almalısınız:

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Şefaf görünüm için aşağıda göründüğü gibi bir seçip yapın.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Alttaki katmana ctrl tuşu ile tıklayarak seçim oluşturup select menüsünden select inverse diyerek seçimi tersine çeviriyoruz ve en son çizdeğimiz elipsi aktif hale getirerek delete komutu ile siliyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Select / deselect diyerek seçimi iptal ediyoruz. Elips aracı ile #5ebf1a renginde bir elips çiziyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Sonra bu şeklin katman Inner Glow ve Stroke gibi katman stilleri uygulayabilirsiniz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Şeklimizi Rasterize ediyoruz ve aşağıda göründüğü şekilde elips aracı ile bir elips oluşturup, Dodge Tool ile (Fırça: 100 px, Menzil: Midtones, Pozlama:% 20) değerlerine getirip yeşil alana uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Sonra seçimi tersine çevirip dodge tool ile üst kısma uyguluyoruz renk değişimlerini görenek kadar.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Burn tool aracının değerlerini (Fırça: 100px, Menzil: Midtones, Pozlama:% 30) olarak ayarlayarak seçili alana kontras uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Butonumuz nerdeyse bitti şimdi custom shape aracı ile aşağıdaki şekli bulup uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Dropshadow efekti uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Sonuç aşağıdaki gibi olmalıdır.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Şeklimize Perspektif uyugulamak için edit / transform / distort uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
ikon katmanımızı ctrl+j ile çoğaltıyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Alttaki katman için aşağıdaki color overly efektini uyguluyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Şeklimiz üç boyutlu oldu.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Şimdi İkonumuza bir gölge ekleyelim, bunun için bir alt katmana elips seçim aracı ile seçip içini siyah renk ile dolduruyoruz.

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Seçimi kaldırıp katmanımıza Filter / Blur/ Gaussian Blur efekti ile gölgeye benzemesini sağlıyoruz.
[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Birkez de filter / blur / motionblur efekti uyguluyoruz.
[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
Sonuç aşağıda ki gibi olmalıdır:

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]
İsterseniz farklı örnekler deneyebilirsiniz.

alıntıdır