Photoshopta icon yapmak
Tarih
13/03/2011 00:22
Konu Sahibi
sendegizli
Yorumlar
6
Okunma
4626
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


İzmir
Java Gui Uzmani
Kullanici Avatari
Aktif Üye
M.... E.... Ö....
197
8
02/11/2008
100
İzmir
Ofis 2013 64 Bit
04/04/2016,17:27
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.733
14/11/2008
Ankara
Ofis 2010 32 Bit
Dün,15:47
Bilgilendirme için teşekkürler Sn. sendegizli..
Cevapla


benremix
Uzman
Kullanici Avatari
Uzman
R.... S....
4.431
17/05/2009
365
Ankara
Ofis 2010
02/12/2016,21:35
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
Uzman
Kullanici Avatari
Uzman
1.716
01/11/2008
416
Ülke Dışı
Ofis 2003
29/10/2016,20:35
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.067 07/01/2012, 15:39 Ahmettemiz
Rainbow Photoshopta kafa değiştirmek FeyzaTkn 2 2.247 20/06/2011, 13:10 ~~KaG~~
Rainbow Photoshopta saç rengi değiştirmek sendegizli 1 2.105 15/06/2011, 22:26 ~~KaG~~
Rainbow Photoshopta su damlası efekti sendegizli 3 3.320 13/03/2011, 19:19 C*e*l*o*y*c*e
Rainbow Photoshopta Göz rengi değiştirmek sendegizli 1 1.762 11/03/2011, 05:17 benremix


Türkçe Çeviri: MCTR, Forum Yazılımı: MyBB, © 2002-2016 MyBB Group.
DMCA.com Protection Status
© Desing by XSTYLED| Develops by ozanakkaya