Rasgele Yazı

Websitenizin Adresine Icon ekleme
random image

Katagoriler


Ne Bakmışdınız

autotech Blogs - Blog Catalog Blog Directory TopOfBlogs Powered by FeedBurner Add to Technorati Favorites

ŞuAn Bloğumda

 

Bir Template Monster sitesinin arayüz tasarım mantığı

Temmuz 1st, 2008 Konuyu Açan admin

 

Photoshopta 800×700piksel bir sahne açın. Pen Tool kullanarak aşağıdaki gibi bir araba şirketi logosu tasarlıyalım.Pen Tool ile başlangıç ve bitiş noktalarına tıklayarak çizimi yapın.

 

Çizim bittikten sonra sağ tıklayarak Make Selection diyelim.Yeni bir layerda #FC610D ile #F99A04 renkleri arasında Gradient bir renk verelim.

Şimdi logoyu şirket adı ile tamamlamak için aşağıdaki hale gelebilmesi için şirket adını yazalım ve baş harflerini lastik temsil edicek şekilde daire içinde yazalım.

Şirketimizin logosu hazır şimdi banner tasarlayacağız.Internetten bulacağınız bir araba resmini parça parça opacity ile oynanmış ekleyelim. Görselimize bir background verelim ve yeni bir Layerda arka plan fotoğrafı ekleyelim.Araba fotoğrafının üstte olmasına dikkat edin. Örnekte dalga fotoğrafı eklenmiş. Daha sonra arabanın bulunduğu Layera Blending Mode Soft Light verelim. Ve dalganın sağ kısmını örtmek için Layer mask ile sağdan sola geçiş Gradient verelim.

Logo ve banner kısmı tamamlandıktan sonra şimdi menu kısmına bakalım. Arabanın rengiyle uyuşumlu bir dikdörtgen çizelim.

Daha sonra alt kısımda Pencil Tool ile Brush size 1px olan bir çizgi çizelim.

Daha sonra dörtgenin orta kısmına zoom yapın ve alttaki gibi Pencil Tool ile bir adet siyah bir adet beyaz çizgiyi yan yana çizin.Ve çizgilerin Opacitylerini %30’a getirin.

Araçizgileri gerektiği kadar duplicate edin ve menu yazılarını aşağıdaki gibi ekleyin. En son adımda menumuze biryansıma ekleyeceğiz.bunun için menuyu horizantal olarak yarısını seçin ve aşağıdaki gibi beyaz renkte % 30 opacity ile renk verin.

Menu de tamamlanmıs oldu. Sitemizi ortaya çıkarıcak görselleri ve yazıları eklediğinizde aşağıdaki gibi bir hazır template siteyi ortaya çıkarmış olduk. Doğru görseller ve yerleşim (mizanpaj) burada çok önemli. Yandaki Flash menu içinde eski Flash Menu proje notlarımdan faydalanabilirsiniz.

http://ercanaltug.blogspot.com/2007/09/flash-menu-tasarm-projesi.html


Kolay gelsin…




Yazıyı Paylaş: Aşağıdaki simgeler kullanıcılarının web sitelerini paylaştığı ve yeni web sitelerini keşfettiği sitelere gider.
  • Oyyla
  • del.icio.us
  • StumbleUpon
  • Technorati
  • 100puan
  • Bagcik
  • blinkbits
  • BlinkList
  • blogmarks
  • BlogMemes
  • BlogMemes Cn
  • BlogMemes Fr
  • BlogMemes Jp
  • BlogMemes Sp
  • blogtercimlap
  • Blue Dot
  • Book.mark.hu
  • Bumpzee
  • co.mments
  • connotea
  • De.lirio.us
  • Digg
  • DotNetKicks
  • DZone
  • Fark
  • feedmelinks
  • Fleck
  • Furl
  • Gwar
  • Haohao
  • Hemidemi
  • IndiaGram
  • IndianPad
  • Internetmedia
  • kick.ie
  • Limk
  • LinkaGoGo
  • Linkter
  • Ma.gnolia
  • MisterWong
  • MyShare
  • Netscape
  • Netvouz
  • NewsVine
  • PlugIM
  • PopCurrent
  • ppnow
  • RawSugar
  • Rec6
  • Reddit.tr
  • Scoopeo
  • scuttle
  • Shadows
  • Simpy
  • Slashdot
  • Smarking
  • SphereIt
  • Spurl
  • Taggly
  • TailRank
  • ThisNext
  • Tusul
  • Webride
  • Wists
  • Wykop
  • YahooMyWeb
  • Yumiyum

 

Katagori Photoshop |

Yorum Gonder

Not : Yorumunuz Editör Onayindan Sonra Yayinlanacakdir

----------------------------------------------------------------------------------------------------------------------
İletişim Msn ve Mail : byexploit@gmail.com Yorum RSS

Arama Motorları Optimizasyonları : Cvs - Gss - Site Map - SubLink - Urllist - Feed - Robots - Site Map

OSEMGRUP Dijital Tasarım ve SEO Hizmetleri