Jun 14, 2007

Stylish menu for your blog

Adobe Photoshop Tutorial

click on images to see their original size

Learn to create a Stylish menu for your blog.




Let’s start with creating a new document, with 400px by 200px with a # 7d7d7d background color.




Now, using a Rounded Rectangle Tool, draw a shape with any color you want.




Apply to it the following settings:






That is what we must get:




Now, select our shape by Ctrl+Click on the layer icon in the layer palette (F7):



Draw this gradient (from white to transparency) as it is shown below:






With the following font and settings, write down for example “about me” and place it in the center of our button:





Duplicate our button, and this time name the second one for example “pictures”:




Now, somehow, we must show that one of our button is active.


Let’s pick a Custom Shape Tool, select a 10 Point Star, and draw it as a shape:





And apply to this star the following settings:






That is what we mus get:



To make it better, let’s select it by Ctrl+Click on the layer icon in the layer palette (F7), create a new layer, and drag the same gradient (from white to transparency) as we applied on the button.






The star is going to indicate which button is active. Create as much buttons, as you need.

That’s it! :)

Copyright © http://megatutorials.blogspot.com

AddThis Social Bookmark Button

14 comments:

Anonymous said...

Had to add a new layer for the white gradient.

Liff Eyewear said...

Newbie - in the layer palette (F7) press the button Add Layer or Shift+Ctrl+N or in the upper menu go to Layer > New > Layer. Good luck :)

dr.emi creative design said...

nice tutorial ...!! I Like the color of grad

kramer said...

i cant select the Screen Highlight Mode in Bevel and Emboss section. The selection is grayed out; any ideas???

Liff Eyewear said...

I have no idea why it is so.
sorry :(

Unknown said...

hey am nt able to gt the white gradient..

Anonymous said...

Well done and thanks for sharing this great web 2.0-ish button design guide.

Anonymous said...

Thank for the tutorial.
i follow step by step, it works.
thank to newbie for the "add new layer for white gradient" tips.

Anonymous said...

成人av影片分享成人av影片分享成人av影片分享成人av影片分享成人av影片分享成人av影片分享成人av影片分享成人av影片分享小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區小魔女sex貼片區免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片免費下載a片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片線上免費a長片情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞情色影片免費觀賞免費h漫影片免費h漫影片aa片免費看微風論壇080哈啦聊天室6k聊天室成人聊天室上班族捷克論壇大眾論壇plus論壇080視訊聊天室520視訊聊天室尋夢園上班族聊天室成人聊天室上班族 a片a片影片免費情色影片免費a片觀看小弟第貼影片區免費av影片免費h影片試看 H漫 - 卡通美女短片小魔女貼影片免費影片觀賞無碼a片網美女pc交友相簿美女交友-哈啦聊天室中文a片線上試看免費電影下載區免費試看a短片免費卡通aa片觀看女優影片無碼直播免費性感a片試看日本AV女優影音娛樂網日本av女優無碼dvd辣妹視訊 - 免費聊天室美女交友視訊聊天室080免費視訊聊天室尋夢園聊天室080苗栗人聊天室a片下載日本免費視訊美女免費視訊聊天

Anonymous said...

一夜情交友聊天室視訊交友聊天室免費交友聊天室交友 聊天室aio交友 聊天室尋夢園 視訊 交友聊天室線上a片線上aa片免費影片免費線上成人影片線上a片百分百貼影片區卡通a片免費A片線上看aa片sex520aa免費影片免費下載卡通a片免費線上卡通a片卡通 免費a片卡通aa片免費看卡通a片觀賞卡通a片下載小魔女免費a片小魔女卡通a片線上卡通a片線上a片卡通aa片小弟弟 貼影片區小弟弟貼a片區小弟弟貼圖片區小魔女 貼影片區免費小弟弟貼影片區小弟弟貼影片區 bbsbbs小弟弟貼影片區線上免費a片網天下第一色站情色典獄長線上a片小弟弟貼影片區黃色恐怖情色貼片成人夜色情色交友網男人女人 色色網非常好色-色色網色情卡通網色色網女人 色色網線上免費aaa片女人色色網癡漢論壇85cc男人幫論壇sogo 男人幫論壇台灣男人幫論壇fhm 男人幫fhm男人幫男人幫論壇男人幫男人幫情色論壇線上a片男人幫情色論壇色美媚 交友網站色美媚視訊聊天色美媚聊天室自拍部落格色美媚部落格b片色美媚部落格免費 a色美媚部落格2色美媚聊天室色美媚-部落格免費-線上a片色美媚部落格視訊-交友網視訊-高雄網情人視訊 援交網情人視訊苗栗網情人視訊聊天室自拍影片情人視訊-高雄網本土自拍網

eda said...

101煙火,真愛密碼,煙火批發,煙火工廠,製造浪漫煙火小舖,煙火小舖,衣蝶,情趣用品,情趣商品,情趣,情趣,煙火批發,情趣內衣,情趣禮品,成人用品,小泉彩,性感丁字褲,自慰器,按摩棒,情趣內衣,情趣精品,情趣商品,情趣用品,情趣,真愛密碼,貓裝,自慰器,性感內褲,飛機杯,充氣娃娃,情趣用品,角色扮演,丁字褲,性感丁字褲,衣蝶,跳蛋,情趣,跳蛋,AV,丁字褲,煙火,跳蛋,情趣用品

Anonymous said...

情趣內褲,丁字褲,SM,

震動環,潤滑液,情趣禮物,情趣玩具,威而柔,精油,逼真按摩棒,數位按摩棒,
情人節禮物,情人趣味用品珠,情人趣味用品
情人趣味用品愛蜜莉,情人趣味用品液
情人趣味用品轉,情人趣味用品娃,

G點,按摩棒,轉珠按摩棒,變頻跳蛋,跳蛋,無線跳蛋,

飛機杯,男用強精長軟質套,男用強精短軟質套,充氣娃娃性感內褲,
自慰套,自慰套,情趣娃娃,自慰器,電動自慰器,充氣娃娃,
情趣,情趣用品,巴黎,

Kitty said...

不倫新妻出会い系サイト ★ エロ系ギャル妻出会い系サイト ★ 不倫40代出会い ★ エロ系40代出逢い ★ 淫乱ギャル妻出逢い系 ★ 浮気希望人妻出会い ★ 愛人ギャル妻出会い系サイト ★ 近所の人妻出合い ★ やりまん30代即エッチ出会い ★ やらしいギャル系人妻出会い掲示板 ★ 不倫希望エロ妻即アポ出会い ★ ドエムギャル妻出会い掲示板 ★ 巨乳主婦と出会える ★ 淫乱エロ妻出逢い系 ★ エッチ好きギャル系人妻と出会い ★ 割り切った若妻出逢い系 ★ エロ系40代無料出会い ★ 愛人ギャル系人妻出合い ★ エロ系40代出会い系サイト ★ 割り切った人妻とやれる ★ ヤリマンギャル妻即アポ出会い ★ 愛人希望人妻出会い掲示板 ★ 近所のギャル妻出会い系無料 ★ SM好き主婦出会い系無料 ★ セフレギャル妻とやれる ★ 

Rumpleteazer said...

I think you need to start moderating your comments!!!