Konu Araçları | Konu Seçenekleri | Gösterim Stili
Tarih
13/03/2011 00:22
Konu Sahibi
sendegizli
Yorumlar
6
Okunma
6101
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
sendegizli

sendegizli

Aktif Üye
4918
At.... Çı....
 38
 32
 82
 30/03/2009
129
 Ordu
 
 Ofis 2007
 06/12/2015,23:06
Rainbow 
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.

[Resim: Stylish_Icons_01.jpg]

Katman aşağıdaki değerlerde gradient ve stroke uyguluyoruz.

[Resim: Stylish_Icons_02.jpg]

[Resim: Stylish_Icons_03.jpg]

Böyle bir sonuç almalısınız:
[Resim: Stylish_Icons_04.jpg]

Şeffaf görünüm için aşağıda göründüğü gibi bir seçip yapın.

[Resim: Stylish_Icons_05.jpg]

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.

[Resim: Stylish_Icons_06.jpg]

Select / deselect diyerek seçimi iptal ediyoruz. Elips aracı ile #5ebf1a renginde bir elips çiziyoruz

[Resim: Stylish_Icons_07.jpg]

Sonra bu şeklin katman Inner Glow ve Stroke gibi katman stilleri uygulayabilirsiniz

[Resim: Stylish_Icons_08.jpg]

[Resim: Stylish_Icons_09.jpg]

[Resim: Stylish_Icons_10.jpg]

Ş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.

[Resim: Stylish_Icons_11.jpg]

Sonra seçimi tersine çevirip dodge tool ile üst kısma uyguluyoruz renk değişimlerini görene kadar

[Resim: Stylish_Icons_12.jpg]

Burn tool aracının değerlerini (Fırça: 100px, Menzil: Midtones, Pozlama:% 30) olarak ayarlayarak seçili alana kontras uyguluyoruz.

[Resim: Stylish_Icons_13.jpg]

Butonumuz nerdeyse bitti şimdi custom shape aracı ile aşağıdaki şekli bulup uyguluyoruz.

[Resim: Stylish_Icons_14.jpg]

Dropshadow efekti uyguluyoruz

[Resim: Stylish_Icons_15.jpg]

Sonuç aşağıdaki gibi olmalıdır

[Resim: Stylish_Icons_16.jpg]

Şeklimize Perspektif uyugulamak için edit / transform / distort uyguluyoruz

[Resim: Stylish_Icons_17.jpg]

ikon katmanımızı ctrl+j ile çoğaltıyoruz.

[Resim: Stylish_Icons_18.jpg]

Alttaki katman için aşağıdaki color overly efektini uyguluyoruz

[Resim: Stylish_Icons_19.jpg]

Şeklimiz üç boyutlu oldu.

[Resim: Stylish_Icons_20.jpg]

Ş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.

[Resim: Stylish_Icons_21.jpg]

Seçimi kaldırıp katmanımıza Filter / Blur/ Gaussian Blur efekti ile gölgeye benzemesini sağlıyoruz.

[Resim: Stylish_Icons_22.jpg]

Birkez de filter / blur / motionblur efekti uyguluyoruz

[Resim: Stylish_Icons_23.jpg]

Sonuç aşağıda ki gibi olmalıdır:

[Resim: Stylish_Icons_24.jpg]



Alıntıdır



Yerin seni çektiği kadar ağırsın...

schworse

schworse

Onursal Üye
141
Me.... Em.... ÖZ....
 41
 8
 197
 02/11/2008
100
 İzmir
 Yazılım Uzmanı
 Ofis 2013 64 Bit
 11/02/2018,20:32
Sn. sendegizli;

Buton çok önemli kesinlikle haklısınız, çok güzel anlatmışsınız. Paylaşımınız için teşekkürler.



...........
ercansahin

ercansahin

Uzman
2272
Er.... ŞA....
 44
 69
 3.757
 14/11/2008
 Bursa
 
 Ofis 2010 32 Bit
 16/05/2019,20:28
Bilgilendirme için teşekkürler Sn. sendegizli..



benremix

benremix

Onursal Üye
6766
Ra.... So....
 52
 127
 4.444
 17/05/2009
365
 Ankara
 Şirket Sahibi
 Ofis 2010 64 Bit
 13/07/2019,22:36
Bu güzel anlatım ve paylaşım için teşekkürler.
Saygılar....



Bilgi paylaşıldıkça çoğalır....
Her engel, yaşam koşullarınızı daha iyileştirecek bir fırsattır.


Access için her zaman lazım olacak konu başlıkları listesi



...........
Puletin

Puletin

Onursal Üye
100
 Belirtilmemiş
 40
 1.717
 01/11/2008
416
 -
 
 Ofis 2003
 24/12/2016,00:18
Güzel bir örnek olmuş sayın sendegizli Teşekkürler


Kaplumbağa ya dikkat et...
Sadece  başını çıkartıp risk aldığında ilerleyebiliyor...

~~KaG~~

~~KaG~~

Aktif Üye
29911
Ku.... Ağ....
 25
 56
 478
 06/01/2011
47
 Karabük
 
 Ofis 2003
 28/11/2014,11:50
Anlatım İçin Teşekkürler... Bundan Sonra Kendi Butonlarımı Yapacam Img-grin



...........

Konuyu Okuyanlar: 1 Ziyaretçi

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Rainbow Photoshopta Rötuş sendegizli 5 4.324 07/01/2012, 15:39
Son Yorum: Ahmettemiz
Rainbow Photoshopta kafa değiştirmek FeyzaTkn 2 3.232 20/06/2011, 13:10
Son Yorum: ~~KaG~~
Rainbow Photoshopta saç rengi değiştirmek sendegizli 1 2.790 15/06/2011, 22:26
Son Yorum: ~~KaG~~
Rainbow Photoshopta su damlası efekti sendegizli 3 4.229 13/03/2011, 19:19
Son Yorum: C*e*l*o*y*c*e
Rainbow Photoshopta Göz rengi değiştirmek sendegizli 1 2.481 11/03/2011, 05:17
Son Yorum: benremix

Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2019 MyBB Group.