Facebook加入
LINE加入
2021/12/25
Photoshop製作質感的斜紋網頁導航按鈕
這一次的教學是屬於PS教程領域中的設計教程的相關教學。
文章出處是來自站酷的PS教程類文章，寫教學的作者是Kit_Eorro，感謝Kit_Eorro提供設計教程的實作教學。
教學大綱:
本教程主要使用Photoshop設計立體效果的網頁斜紋按鈕，教程的過程比較簡單，喜歡的朋友可以一起來學習吧。
設計教程教學開始
效果圖：
大家好，下面由我來開始教如何做上圖效果的簡單按鈕：
1.首先打開photoshop軟件，Ctrl+N新建一個10 x 10px的72dpi(分辨率)的文件：
①.我們先在圖層面板新建一個新的圖層，然後把背景圖層刪除(可按del鍵快捷鍵)
②.接着在“導航器”把界面放到最大 可按ctrl+"+" 快捷鍵，然後選擇矩形選框工具，再選擇上面的“添加到選區”，然後按照下圖選出那樣的選區
並填充(alt+delete)為白色：
③接着按快捷鍵alt+A全選圖層，再選擇“編輯”菜單，往下看，找到“定義圖案”，確定!
2.接着再新建一個新的文件，500 x 300 px，300dpi(分辨率)，確定,背景層填充為深灰色(#494949)!下面我們將開始製作按鍵!
①我們首先新建一個圖層，再用選框工具選出自己需要的大小按鈕，填充為黑色。
②.我們開始給它美化，雙擊該圖層，設置它的圖層樣式：分別設置以下的參數：
(設置它的高光，大家可以邊設置邊留意按鈕的變化!參數可以自己來控制)
(為按鈕添加色彩、修改不透明度，可自己選擇覺得好看的顏色 🙂 )
(圖案選擇一開始你所定義的圖案，修改參數，你也可以自制diy圖案)
(最後得出這樣的按鈕!)
③.我們可以多製作幾個出來，用不同的顏色來表達：
熱門推薦
留言回覆
