ÖNEMLİ

  • Forumumuzda bilgi alışverişinde bulunabilmeniz için Üye olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
  • Eğer daha önceden üye olduysanız lütfen kullanıcı adınız ve şifreniz ile Giriş yapınız.
 Konu Araçları | Seçenekler: | Gösterim Stili
Tarih
13/03/2011 00:22
Konu Sahibi
sendegizli
Yorumlar
6
Okunma
5488
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 5
  • 4
  • 3
  • 2
  • 1

Derecelendirme: 0/5 - 0 oy

sendegizli

Aktif Üye
Kullanici Avatari
Aktif Üye
A.... Ç....
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

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

resim

resim

Böyle bir sonuç almalısınız:
resim

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

resim

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

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

resim

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

resim

resim

resim

Ş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

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

resim

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

resim

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

resim

Dropshadow efekti uyguluyoruz

resim

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

resim

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

resim

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

resim

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

resim

Şeklimiz üç boyutlu oldu.

resim

Ş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

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

resim

Birkez de filter / blur / motionblur efekti uyguluyoruz

resim

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

resim



Alıntıdır


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

schworse

Java Gui Uzmani
Kullanici Avatari
Destek
M.... E.... Ö....
197
8
02/11/2008
100
İzmir
Yazılım Uzmanı
Ofis 2013 64 Bit
17/08/2017,19:06
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.


Cevapla

ercansahin

BlackEagle
Kullanici Avatari
Uzman
E.... Ş....
3.739
14/11/2008
Ankara
Ofis 2010 32 Bit
07/09/2017,13:09
Bilgilendirme için teşekkürler Sn. sendegizli..


Cevapla

benremix

Uzman
Kullanici Avatari
Uzman
R.... S....
4.437
17/05/2009
365
Ankara
Şirket Sahibi
Ofis 2010 64 Bit
Dün,20:01
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


Cevapla

Puletin


Kullanici Avatari
Altın Üye
1.715
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...
Cevapla

~~KaG~~

Kıdemli Üye
Kullanici Avatari
Aktif Üye
K.... A....
477
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


Cevapla


Konuyu Okuyanlar: 1 Ziyaretçi

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

Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2017 MyBB Group.
Forum use Krzysztof "Supryk" Supryczynski addons.