<Browse> Ana Sayfa / Hepsi , BUTTON , Öğretici / Blog article: RIATMP1154 - Renkli web menü çubuğu

| Mobil | RSS

RIATMP1154 - Renkli web menü çubuğu

24 Eylül 2009

how to make a website header/ menu bar/ button
Bir web sitesi başlık / menü çubuğu / düğmesi nasıl

Burada renkli bir çekici web sitesi başlık / menü çubuğu / düğmesine yapmak için nasıl bir Photoshop öğretici olduğunu. Bunu eğitimde gibi olacak umuyoruz. Zaten benim önceki sonrası bir şirket veya iş web sitesi için bir web tasarım oluşturmak için bu menü çubuğu kullanılmıştır. Ayrıca bu menü çubuğu, bir web tasarım ile bakmak nasıl gidiyor görselleştirmek için nakil olduğunu görebilirsiniz. Bu başvurmak için ilanıyla benim diğer bakınız RIATMP1151 .

Siyah arka plan ile yeni bir Photoshop belge oluşturun. Yeni bir katman oluşturun ve kırmızı adlandırın. Dikdörtgen Seçim aracı seçin, bir dikdörtgen çizin ve herhangi bir renk ile doldurun. Bu bizim Katman Stilleri ekleyeceğiz çünkü ne renk önemli değil. Şimdi Katman / Katman Stilleri / Gradient Overlay gidin. Başvuru için feryat gösterilen görüntüyü takip edin.

Click here to download

Layer/ Layer Styles/ Gradient Overlay
Katman / Katman Stilleri / Gradient Overlay

Yeni bir katman oluşturun ve mavi adlandırın. Şimdi sağ kırmızı üzerine tıklayın ve katman saydamlığı seçin. Mavi katmanı gelin ve istediğiniz herhangi bir renk ile seçim doldurun. Şimdi Katman / Katman Stilleri / Gradient Overlay gidin. Başvuru için feryat gösterilen görüntüyü takip edin.

Gradient Overlay
Gradient Overlay

Şimdi mavi düğme kızdırma yapmak gerekir. Bunun için eliptik büyük çadır aracı seçin. Şimdi shift + alt tuşlarına basarak uygun bir daire çizin. Biz mavi düğme ile hizalamak için bu seçimi kırpmak zorunda. Yani Dikdörtgen marquee aracı gidin, daha sonra alt ve ürün o dairenin aşan kısmını basın. Referans resme bakın.

crop the excess part of that circle
o dairenin aşan kısmı kırpmak

Şimdi renk (# 7db8c4) ile bu doldurun. Degrade aracını seçin, doğrusal bir degrade olarak ayarlayın ve sonra Gradient Editor açın. "Şeffaf ön planda" seçin.

foreground to transparent
şeffaf ön planda

Şimdi turuncu düğmeyi yapacaktır. Yeni bir katman yapmak ve turuncu isim olduğu için. Ardından katmanı mavi katmanı şeffaflık seçin ve turuncu bir tabaka geri gelmek ve turuncu renk ile bu seçim doldurun. Daha sonra Katman / Katman Stilleri / Gradient Overlay gidin. Başvuru için feryat gösterilen görüntüyü takip edin.

Gradient Overlay
Gradient Overlay

Yani her 3 renkli düğme var. 3'ü seçin ve katmanları çoğalt olun. Şimdi bir tek tabaka haline Tüm 6 katmanları birleştirme ve bir düğme olarak adlandırın.

button
düğme

Şimdi bu yazının sonraki bölümüne gidiyoruz. Evet zamanı ince dikdörtgen bölümü yapmak. Yani Dikdörtgen marquee aracı gidin ve yeni bir katman ince bir dikdörtgen çizin. Herhangi bir renk ile doldurun. Daha sonra Katman / Katman Stilleri / Gradient Overlay ve Dış Glow gidin. Başvuru için feryat gösterilen görüntüyü takip edin.

Gradient Overlay and Outer Glow
Gradient Overlay ve Dış Glow

Şimdi bu bar kısmını bizim büyük düğmeye gider gibi kırmızı bir gölge ve bir kısmını içine portakal rengini değiştirmek zorundayız, sadece Görüntü gitmek bunun için> Adjustments> Hue / Saturation ve renk değiştirir. İstediğiniz kadar Sonra metin ekleyin. Hepsi bu kadar. Bizim renkli başlık / Menü çubuğu bir sonraki proje için kullanıma hazırdır. Bu size yardımcı olacağını umuyoruz. Ve böylece herhangi bir BOOKMARK Site ile bu yazı paylaşın lütfen. Ve elbette her zaman yorumlarınızı okumak istiyorum. Teşekkür ederim. Şerefe!

how to make a website header/ menu bar/ button
Bir web sitesi başlık / menü çubuğu / düğmesi nasıl
Paylaşma ve tadını çıkarın
  •  RIATMP1154 – Colorful website menu bar favicons?domain=digg RIATMP1154 – Colorful website menu bar favicons?domain=www.dzone RIATMP1154 – Colorful website menu bar favicons?domain=www.facebook RIATMP1154 – Colorful website menu bar favicons?domain=www.google RIATMP1154 – Colorful website menu bar favicons?domain=www.linkedin RIATMP1154 – Colorful website menu bar favicons?domain=favorites.live RIATMP1154 – Colorful website menu bar favicons?domain=www.mixx RIATMP1154 – Colorful website menu bar favicons?domain=www.myspace RIATMP1154 – Colorful website menu bar  RIATMP1154 – Colorful website menu bar favicons?domain=reddit RIATMP1154 – Colorful website menu bar favicons?domain=www.stumbleupon RIATMP1154 – Colorful website menu bar favicons?domain=technorati RIATMP1154 – Colorful website menu bar favicons?domain=twitter RIATMP1154 – Colorful website menu bar favicons?domain=buzz.yahoo RIATMP1154 – Colorful website menu bar
Bir Yanıt bırak 7553 views, 15 bugüne kadar |
Tartışma izleyin

One Response to "RIATMP1154 - Renkli web menü çubuğu"

    Trackbacks

    1. RIATMP1151 - Kurumsal Web Sitesi Tasarımı | Zengin İnternet Uygulama Çözümleri

    Bir Yanıt bırak