Photoshop ile Oval Köşe Yapımı

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.

Rastgele Yazılar
Photoshop ile Oval Köşe Yapımı yazısı için 10 yorum yapılmış...
Yorumunuzu Yazın
şeytan ayrıntılardadır kanka :)
[...] t-infection.com şu sıralar güzel makalelere yer veriyor. web 2.0′ın getirmiş olduğu yeniliklerden olan sticker ve oval köşelerin yapımını webthese, t-infection.com’da gayet güzel bir şekilde açıklamış. t-infection.com’daki anlatımlar sayesinde sizde kolayca bunları yapabileceksiniz. web 2.0 sticker (etiket) yapımı ve photoshop ile oval köşeler adlı yazıları okumanızı öneririm. ayrıca t-infection.com‘u sık kullanılanlarınıza eklemenizi öneririm. gayet güzel yazılar yazılıyor. [...]
Teşekürler.Roger Sanchez-Another Chance parçasını da indirdim.Çok güzelmiş.
Deniz, Hakkımda bölümünü okuduysan orda tam bir Trancer olduğumu göreceksin, Trance ve Techno dinleyen insanları hep severim :)
Volkan abi senin dinlediklerini bende dinliyorum.Dinlediklerim arasında bir de Tiesto var.
koseleri yuvarlamakla ilgili makaleni okudum peki bana varolan resmin koselerini nasil yuvarlayacagimi soylermisin??tesekkurler
Aslı photoshop programını bildiğini varsayarak anlatıyorum.
Photoshopta düzenlemek istediğin resmi aç, daha sonrasında resme Ctrl+a ve ctrl+c yaparak kopyala, sonra ctrl+n yaparak aynı boyutta bir doküman daha aç ve kopyaladığın resmi yapıştır. Resmi böylelikle yeni bir dokümana almış olacaksın.
Bundan sonra resmin üzerinde Marquee Toolu kullanarak bir dikdörtgen çiz. Daha doğrusu neresini yuvarlamak istiyorsun, resmin hangi aralığını alacaksın bunu marquee tool ile seç. Sonra yukarı menüden Select >> Modify >> Smooth alanını seç. Bu alanda 1den 10a kadar değerler verebilirsin. Verdiğin değer kadar dikdörtgenin köşeleri yuvarlanacaktır. Değerini ben 6 olarak veririm genelde. Daha sonra yine Ctrl+c ve ctrl+v kısayollarını kullanarak resmini yapıştır. Köşelerinin yuvarlak olduğunu göreceksin.
@webthese
teşekkürler, son yorumdaki tekniğe ihtiyacım vardı.
teşekkürler bu güzel anlatım için
teşekkürler.