Üst MenüForum kuralları Üst MenüGenel Haberler Üst MenüSoru Sorun Üst MenüForum Takımı Üst MenüReaL Para Üst MenüVİP Bölüm Üst MenüTurnuval Forum
OyunJet Bütün Oyunlar
Yeni Konu Gönder Yeni Yorum Gönder
 
Konuyu Oyla:
  • Toplam: 38 Oy - Ortalama: 1.95
  • 1
  • 2
  • 3
  • 4
  • 5
Photoshopta icon yapmak
Yazar Konu
Mistap Çevrimdışı
GameEditor
*
Emektar Üye

Yorum Sayısı: 841
Edilen Teşekkürler: 23
Alınan Teşekkürler:
63 mesajında 102 kere
Üyelik Tarihi: 16-01-2012

Rep Puanı: 578
ReaL Para: 820.61
Yorum: #1
Photoshopta icon yapmak
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]

Şefaf 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örenek 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.

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]

İsterseniz farklı örnekler deneyebilirsiniz.

[Resim: Stylish_Icons_25full.jpg]

Çok hoş duruyor değilmi arkadaşlar Gülümseme

Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
(Bu konu en son: 30-01-2012 tarihinde, saat: 11:56 düzenlenmiştir. Konuyu düzenleyen: Mistap.)
30-01-2012 11:55
kullanıcının tüm mesajlarını bul Teşekkür Et Alıntı ile Cevapla
Producer Çevrimdışı
RTR Games
*
Yeni Üye

Yorum Sayısı: 218
Edilen Teşekkürler: 2
Alınan Teşekkürler:
0 mesajında 0 kere
Üyelik Tarihi: 15-01-2012

Rep Puanı: 61
ReaL Para: 91.20
Yorum: #2
RE: Photoshopta icon yapmak
Evet çok hoş duruyor... Teşekkürler. Gülümseme
30-01-2012 15:20
kullanıcının web sitesini ziyaret et kullanıcının tüm mesajlarını bul Teşekkür Et Alıntı ile Cevapla
Mistap Çevrimdışı
GameEditor
*
Emektar Üye

Yorum Sayısı: 841
Edilen Teşekkürler: 23
Alınan Teşekkürler:
63 mesajında 102 kere
Üyelik Tarihi: 16-01-2012

Rep Puanı: 578
ReaL Para: 820.61
Yorum: #3
RE: Photoshopta icon yapmak
evet yarın denerim bugün flaşımla birlikte photoshop ve marcomedia flash gelito Gülümseme

Linkleri Görebilmeniz İçin Üye Olmanız Gerekiyor. Üye Olabilmek İçin Lütfen Buraya Tıklayınız.
30-01-2012 17:26
kullanıcının tüm mesajlarını bul Teşekkür Et Alıntı ile Cevapla
Yeni Konu Gönder Yeni Yorum Gönder


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  KubLySoftware İcon Çalışması KubLy 1 794 23-07-2013 18:07
Son Yorum: EYETRON
  [DERS] Photoshop'ta grafiti yapmak Mistap 5 1,638 22-05-2013 12:52
Son Yorum: Programci

Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Kurucu » Yönetici » Üst Yetkili » Yetkili » Platin Üye » Gold Üye » Silver Üye » Yeni Üye » Yasaklı Üye

Dost Linkler
İletişimReaLses Yukarı GitArşivRSS Beslemesi