這不是那麼困難的專業Photoshop教程將指導您完成創建一個簡單的、但很酷的導航欄和按鈕在你的網站上,您可以使用!
工具/原料
Photoshop
方法/步驟
首先,創建一個新的文檔大小500 - 300 px,所有默認設置和我的背景漸變顏色# 244 e49和# 001 e17
然後應用濾鏡>紋理>糧食與這些類似的設置:
好,現在我們有下面這樣的:
去下一個步驟。 時間將髒的紋理添加到背景。 在這種情況下,你可以使用我的畫筆。 創建一個新層,使打印使用畫筆工具和黑色的顏色。
使這個蹩腳的質地有點尖銳。 這種影響使用銳化工具。
現在您需要做一個曲線形狀(這將是你的導航欄)使用鋼筆工具# 67716 e和顏色:
柵格化後,這種形狀形狀圖層>柵格化>然後應用濾鏡>紋理>紋理構成:
看到現在的過濾效果:
好的,使風格化這酒吧。 右擊你的導航欄層layera€s面板然後進入混合選項,單擊並應用以下設置:一個€¢陰影一個€¢內陰影一個€¢斜面和浮雕
現在看起來非常好。
現在我想把枯燥乏味的紋理到導航欄。 現在,選擇導航欄選擇>載入選區後,新建一個圖層,然後選擇畫筆工具畫刷,使一個新的打印。
刪除的選擇Ctrl + D,然後使用銳化工具再讓這一層清晰。 為這一層設置透明度為50%。
好吧,開始創建按鈕。 選擇橢圓工具和一個圓形的形狀像下圖:
應用這一層的圖層樣式:一個€¢外發光一個€¢內發光一個€¢漸變疊加一個€¢中風
看看下面的圖片。 你的按鈕看起來應該像這樣:
現在ita€s時間添加好,光澤閃耀的按鈕。 首先做一個選擇在你的按鈕選擇>載入選區合同,那麼你的選擇了3個像素選擇>修改>合同和填補它與白色的顏色。
合同你再次選擇了3個像素,出版社刪除選擇區域。
取消選中這個區域Ctrl + D並應用濾鏡>模糊>高斯模糊與預設:
這是令人滿意的結果。 你的形象看起來應該像這樣:
現在,改變圖層模式覆蓋,你就會看到不同。
之後,我認為我們應該把眩光按鈕。 新建一個圖層,然後選擇鋼筆工具創建一個形狀為未來使用白色眩光。
柵格化電流層(形狀圖層>柵格化>),設置不透明度到40%。 現在,使用橡皮擦工具和軟輪刷90 px這種形狀有點半透明的底部。
我們完成按鈕設計。 現在你可以添加文本。 使用橫排文字工具寫出按鈕標題
你可以複製這個按鈕5次,你將得到下一個導航欄菜單:
感謝閱讀這Photsohop教程
