Photoshopta icon yapmak
Tarih
13/03/2011 00:22
Konu Sahibi
sendegizli
Yorumlar
6
Okunma
4818
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
Onursal
M.... E.... Ö....
197
8
02/11/2008
100
İzmir
Yazılım Uzmanı
Ofis 2013 64 Bit
19/03/2017,11:14
Sponsor Reklam
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
21/02/2017,20:10
Bilgilendirme için teşekkürler Sn. sendegizli..
Cevapla

benremix
Uzman
Kullanici Avatari
Uzman
R.... S....
4.433
17/05/2009
365
Ankara
Ofis 2010
Dün,20:49
Sponsor Reklam
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
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
Sponsor Reklam
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.199 07/01/2012, 15:39 Ahmettemiz
Rainbow Photoshopta kafa değiştirmek FeyzaTkn 2 2.370 20/06/2011, 13:10 ~~KaG~~
Rainbow Photoshopta saç rengi değiştirmek sendegizli 1 2.189 15/06/2011, 22:26 ~~KaG~~
Rainbow Photoshopta su damlası efekti sendegizli 3 3.426 13/03/2011, 19:19 C*e*l*o*y*c*e
Rainbow Photoshopta Göz rengi değiştirmek sendegizli 1 1.886 11/03/2011, 05:17 benremix


Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2017 MyBB Group.
DMCA.com Protection Status