Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.

Photoshop Dersleri - Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı. ...

Cevapla
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
AnıL Karahan isimli Üye şimdilik offline konumundadır

AnıL Karahan

Grafiker / İzmir

Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.

Alt 08-04-2008 #1
Sponsorlu Bağlantılar

Merhaba arkadaşlar ;
Artık internette sık sık gördüğümüz Web 2.0 stilinde logolar , bannerlar aslında temelinde bir yansıma ve saydam bir şeritten ibaret. Adım adım bir RSS logosunu bu şekilde tasarlamanın mantığını burada göstereceğim siz de kendi logolarınıza bu adımları uygulayabilirsiniz.
Adobe Photoshop'ta 500 - 500 piksel beyaz arkaplanlı bir dosya açın.Köşeleri yuvarlanmış(rounded rectangle tool) ile radius 8 px iken shift tuşuna basılı alttaki gibi bir kare çizin ve renklerini de daha sonra Gradient seçip #BC0000 ve #DE0002 olarak verin.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Bu layerı daha sonra Duplicate Layer diyerek çoğaltın. Çoğalttığınız layerın adını cam olarak atayın ve üstte alın. Bu layerın Blending Options Overlay den rengini #FFFFFF olarak verelim ve opacity %50 getirelim. Daha sonra alttaki rengi elde etmeniz gerekte , square marquee tool ile alttaki gibi bir seçim yapın ve Delete tuşuna basarak o kısmı silin.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Şeklimize bir çeper görünümü eklemek için 1 piksel genişliğinde daha koyu bir kırmızı alttaki gibi ekledim.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Kenarlarına da beyaz çizgiler ekleyerek uclarından Marquee Tool -Feather 30 iken biraz silerek alttaki görseli elde edelim
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Şimdi RSS ikonu için gerekli beyaz şeritleri AutoShapes kısmından bularak ekleyelim. Daire ve parantezleri kullanın.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Görselimiz tamam şimdi yansımayı tamamlayacağız. Gaussian Blur 1 pks olarak alttaki gibi verelim.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Daha sonra görselin 1e 1 kopyasını aşağı basmak için Layerı duplicate edelim ve Flip Vertical diyelim
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Aynı şekilde Marquee tool ile feather 30 iken 2-3 kere delete tuşuna basalım.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Alttaki yansıma layerının Opacity sini çokaz düşürürseniz alttaki şekli elde edersiniz.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Bu örneği çeşitli renkler ve logolara alttaki gibi uygulayabilirsiniz.
Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 10-04-2008 #2
                             Sponsorlu Bağlantılar
Paylaşım için teşekkür ederiz.Bu tür butonlar hazırlamayı çok seviyorum.
Bu mesajdan alıntı yap
mavisland isimli Üye şimdilik offline konumundadır

mavisland

Webmaster / Konya

Standart
Alt 22-04-2008 #3
Anıl Karahan, verdiğin bilgiler için teşekkürler. Bu Gloss butonlar Web 2.0 ile iyice hayatımıza yerleşti. Ve seninde bunun yapımını dile getirmen güzel olmuş. Kolay gelsin.
Bu mesajdan alıntı yap
Standart
Alt 27-04-2008 #4
Şeklimize bir çeper görünümü eklemek için 1 piksel genişliğinde daha koyu bir kırmızı alttaki gibi ekledim

Bunu anlamadım yardımcı olabilir misiniz ?
Bu mesajdan alıntı yap
chaqal isimli Üye şimdilik offline konumundadır

chaqal

Bilg. Teknikeri / Rize

Standart
Alt 05-05-2008 #5
gaussion bluri hangi layera uyguluyoruz. daha açık anlatsaydın keşke...
Bu mesajdan alıntı yap
silmarillion isimli Üye şimdilik offline konumundadır

silmarillion

Grafiker / Yalova

Standart
Alt 05-05-2008 #6
Çok teşekkür ederim arkadaşım ve ellerine sağlık.Yeni bir teknik daha öğrendim sayende.

Ek : Şimdi denedim fakat 2 yeri anlamadım yarım kaldı.
1.si "Gradient seçip #BC0000 ve #DE0002 olarak verin." bu renkleri nasıl veriyoruz.2 rengi aynı anda girebileceğim bir yer bulamadım.
2.si Blending Options Overlay nerede?
Hevesim kursağımda kaldı : )
Bu mesajdan alıntı yap
foxmuld3r isimli Üye şimdilik offline konumundadır

foxmuld3r

Hiç Biri / Çorum

Standart
Alt 08-05-2008 #7
Ben bunu çok daha uzun bir yoldan yapıyordum Photoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı. nasıl düşünememişim. Teşekkürler
Bu mesajdan alıntı yap
Standart
Alt 18-06-2008 #8
Bu Stiller çok göze hoş gelior ya
güzel paylaşım emeğine sağlık
Bu mesajdan alıntı yap
ates_bey isimli Üye şimdilik offline konumundadır

ates_bey

Webmaster / Sivas

Standart
Alt 21-06-2008 #9
Harika bi site ve harika paylasımlar.emeğinize sağlık...
Bu mesajdan alıntı yap
toksager isimli Üye şimdilik offline konumundadır

toksager

Webmaster / Balıkesir

Standart
Alt 16-11-2008 #10
güzel paylaşım eline sağlıkPhotoshop Dersleri: Web 2.0 Stilinde RSS Logo Tasarımı.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
dersleri, logo, photoshop, rss, stilinde, tasarimi, tasarm, web

« psb | Parşomen »
Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Photoshop ile Çimden yazı yazmak. kasta095 Photoshop Dersleri 23 08-03-2013 02:11:57
Photoshop Dersleri: Photoshop la texture yapmak kasta095 Photoshop Dersleri 8 18-05-2012 14:07:16
En Kolay Photoshop Dersleri... graface Photoshop Dersleri 26 17-02-2010 08:52:50
photoshop dersleri nuray110 Photoshop Dersleri 13 08-08-2008 19:56:31
photoshop dersleri Bahtınur YILDIZ Photoshop 2 18-07-2007 18:11:49

Kapat
Şifremi Unuttum?