Web 2.0 logo Yapımı

Question

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.

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.


Şeklimize bir çeper görünümü eklemek için 1 piksel genişliğinde daha koyu bir kırmızı alttaki gibi ekledim.






Kenarlarına da beyaz çizgiler ekleyerek uclarından Marquee Tool -Feather 30 iken biraz silerek alttaki görseli elde edelim.


Şimdi RSS ikonu için gerekli beyaz şeritleri AutoShapes kısmından bularak ekleyelim. Daire ve parantezleri kullanın.

Görselimiz tamam şimdi yansımayı tamamlayacağız. Gaussian Blur 1 pks olarak alttaki gibi verelim.
Daha sonra görselin 1e 1 kopyasını aşağı basmak için Layerı duplicate edelim ve Flip Vertical diyelim.

Aynı şekilde Marquee tool ile feather 30 iken 2-3 kere delete tuşuna basalım.

Alttaki yansıma layerının Opacity sini çokaz düşürürseniz alttaki şekli elde edersiniz.


Bu örneği çeşitli renkler ve logolara alttaki gibi uygulayabilirsiniz.

edizaktuna · Answer

hemen uygulamaya geçiyorum.tşkkurler

phpusa · Answer

Daha sonra görselin 1e 1 kopyasını aşağı basmak için Layerı duplicate edelim ve Flip Vertical diyelim.BUNU NERDEN YAPICAZ?BEN BULAMADIMDA?

blendik optins overley falan nerde
duplicate layer dan çoğalattım rengi değişince ötekinin rengide değiyişor
videosunu çekecek varmı acaba bunun nasıl yapıldığına dair.iyi olur yani yapan oluarsa thnks.good day.

sanalmevzi · Answer

Ellerinize sağlık..
Çok güzel anlatmışsınız..

dc_alican · Answer

Benim yaptığım  daha güzel

fevren · Answer

eline sağlık dostum

TheKanka · Answer

emrcan adlı üyeden alıntı:						mesajı görüntüle									Biraz anladım gerisi fıss tools filan da bunlar nerede?Üst menüdemi sol menüdemi birşey anlamadım 		Orasıda senin salaklıgın

blacksta · Answer

ya arkadaşlar Alıntıdır Tabiki kusura bakmayın hemen düzenliyorum...

emrcan · Answer

Biraz anladım gerisi fıss tools filan da bunlar nerede?Üst menüdemi sol menüdemi birşey anlamadım

wm_xfreex · Answer

bu bütün ps sitelerinde anlatılan bir paylaşım
keşke alıntı yazsaydın

bilgiliweb · Answer

gayet hoş

PesimisTr · Answer

eyw güzel anlatım

FromETC · Answer

Photoshop u tam bilmeyenler için atladığın yerler var. 
Dersten çok şahsi şov a benzemiş.

Kuzeytemiz · Answer

Konuyu güzel taşımışsın.bari veriyi aldığın adresi verseydin.

aslantr · Answer

teşekkürler / saol

HoST13 · Answer

vay be harike gerçekten.

Mimoza · Answer

çok güzel anlatım olmuş kardeşim emeğine sağlık

eNerGy · Answer

Bu ders çok sevdiğim E.Altuğ YILMAZ hocamın blogunda hazırladığı derstir, emeğe saygı gerektirmektedir!
E.Altug YILMAZ Blog - Ders Notlari - Kaynaklari ;

By_Eser · Answer

Alıntıda Olsa Eline Sağlık

strhost · Answer

alıntı yazsaydın bari

Okan · Answer

eline sağlık

blacksta · Answer

teşekürler arkadaşlar sizlerden rep aldıkça daha bi ekleyesim geliyor...

marcell · Answer

hem teşekkür hem rep haketmişsiniz bu paylaşımla. diğer paylaşan arkadaşlar hazır 2.0 logo paylaşmışlar, siz yapımını anlamışsnız. teşekkürler + rep

LineDizayn · Answer

Teşekkürler..