• Follow us on dribbble
  • Follow us on Twitter
  • Join me on Google Plus
  • Add me on Linkedin
  • RSS

  • Blog
  • Portfolio
  • Contact

Photoshop ile oval köşe yapımı

0 Comments/ in Web Tasarım / by orçun kılıç
03 Temmuz 2008

Oval Köşe Çalışma Örneği

Web 2.0′ın en büyük getirilerinden birisi de “Oval Köşeler” (Rounded Corners) oldu. Hemen hemen her site bu oval köşeli dörtgen şekilleri kullanmaya başladı. Birçok yerde Photoshop ile oval köşeli dörtgenlerin nasıl yapılacağına dair makaleler bulmak mümkün. Ancak ben bu yazımda Photoshop’a başladığım günden bu yana kullandığım stili sizinle paylaşacağım. Yazının devamında ekran görüntüleriyle birlikte bu işlemi göstereceğim. Gerçekten çok kolay ve zahmetsiz.Öncelikle Photoshop’ta 500*500px boyutunda bir doküman açın. Aşağıdaki resimde gördüğünüz gibi resolution’u da 72 olarak ayarlayın.

Daha sonra Layers penceresinde yeni bir layer oluşturun ve bu layerde herhangi bir işlem yapmadan Window >> Channels penceresini açın. Bu alanda yeni bir Channel ekleyin.

Artık yeni bir channel ekledik ve bundan sonra iş dörtgenimizi çizmeye kaldı. Bu alanda Rectangular Marquee Tool’u (M) kullanarak 450*100 px boyutlarında bir dörtgen çizin. Daha sonra renk dolgusunu (G) kullanarak dörtgeni beyaz renk ile doldurun. Zaten Channel alanında ana dolgu rengi olarak beyaz gelmektedir. Rengimizi doldurduktan sonra Filters >> Blur >> Gaussian Blur alanına gelerek ve burda Radius 5.0 değeri vererek filtreyi uygulayın.

Filtremizi uyguladıktan sonra yine Channel seçili iken Ctrl+L tuş kombinasyonunu kullanarak Levels alanına gelin. Bu alanda vereceğimiz değerler ile dörtgenimizin köşelirini yuvarlayacağız. Resimde gördüğünüz değerleri aynen uygulayın.

Evet artık oval köşeli dörtgenimiz oluştu. Aşağıdaki resimde ben örnek olarak bir tane oluşturdum.

Peki bu oval köşeli dörtgenleri nasıl kullanacağız. Bunu yapmakta en az köşeleri yuvarlamak kadar zor. Yazıda belirttiğim gibi sizde kullanacağınız her farklı dörtgen veya kare şekli için farklı Alpha kanalları oluşturun. Hepsini yukarıdaki örnekteki gibi yuvarlayın. Daha sonra Layers sekmesinde yeni bir Layer oluşturun ve Marquee tool ile bir dörtgen çizin. Sonrasında üst menüden Select >> Load Selection sekmesine gelerek burda oluşturmuş olduğunuz kanallardan birisini seçin. Marquee ile çizmiş olduğunuz dörtgenin Alpha kanalındaki şekil haline geldiğini göreceksiniz. Bundan sonra renk paletinden istediğiniz dolgu ve renk ile çiziminizi renklendirebilirsiniz.

Tags: photoshop
← Dönüşümlü banner sistemi
Google logosunun evreleri →
Related Posts
Photoshop ile Cd Yapımı
Photoshop Fırçaları ( Müzik )
Ayakkabı, Gözlük, Araba, Çiçek
35 Adet Photoshop Gradients
Comments

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Bir Cevap Yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Popular
  • Turkcell 3G Winn Modem FiyatlarıAğustos 5, 2009, 8:40 pm
  • Teknolojinin YararlarıKasım 1, 2008, 9:14 pm
  • Kısa Film Nasıl Çekilir? Kısa Film Çekme TeknikleriMart 2, 2009, 11:30 pm
  • 10 Muhteşem Modern Footer TasarımıEylül 4, 2009, 11:21 am
Recent
  • Sade ve Güzel Logo ÖrnekleriHaziran 10, 2013, 2:04 pm
  • Super Clean Web Tasarım ÖrnekleriAralık 12, 2012, 4:24 pm
  • Dikkat Çekici Ambalaj TasarımlarıAralık 10, 2012, 7:42 pm
  • Mobil Uygulama Web SiteleriAralık 10, 2012, 3:30 am
Comments
  • Sevgili arkadaslar, sanirim bir cogunuzda montaj icin program...Mart 2, 11:30 pm by ynsdnz
  • sihirli blog footer ı begendim. tasarımı çok hoşEylül 4, 11:21 am by bilgirehberim
  • videoyu izleyemedim çünkü açılmadı kısa çekmek istiyorum...Mart 2, 11:30 pm by isimsiz
  • Ben Ve 2 ,3 Arkadaşım Bu sektöre girmeye karar verdik....Mart 2, 11:30 pm by Mete
Tags
3d adsense ajax bedava font blog brush Css ders doku e-ticaret eklenti font fırça google gradient html icon ikon ikon setleri ilham alınası kartvizit Logo logo tasarım logo tasarımı menü photoshop plugin psd reklam rss tasarım tema textures tipografi Tutorial vector vektör web web 2.0 web design Web Tasarım Wordpress Yarışma yeni yıl çizim

Kategoriler

Portföy

  • Health Application DesignAralık 12, 2012, 10:43 am
  • Real Estate Logo DesignAralık 12, 2012, 10:42 am
  • Rexx CinemasAralık 11, 2012, 2:24 am

Latest Tweets

  • RT @CEMiLARAZ: güler misin ağlar mısın? http://t.co/4kn4dpgoYm
    11 Haziran 2013 - 21:47
  • RT @umitbektas: Bugun devletin tavrı çok net; bizi öldürmek istiyorlar! #geziparki
    11 Haziran 2013 - 21:47
  • Ayi yavrusunu severken öldürmüs
    11 Haziran 2013 - 21:42
© Copyright - ORCUN KILIC - Portfolio & Design Inspiration