當前位置：首頁 >問答首頁

Photoshop如何制作簡潔漂亮的網(wǎng)站快速導(dǎo)航工具？

2024-02-11 00:01:27

視頻剪輯班短視頻班 ui設(shè)計班商業(yè)插畫班手繪速成班

ps速成班

精選回答

來自

自由笑夕陽的回答 2024-02-11 00:14:43

下面為大家分享PS制作簡潔漂亮的網(wǎng)站快速導(dǎo)航工具方法，教程很簡單，介紹的很詳細，推薦過來，希望大家喜歡!步驟打開PS軟件，創(chuàng)建一個大小為“ 300*300 ”的畫布調(diào)整前景色為“ #deffd5 ”，新建“ 圖層1 ”，按“ Alt+Del” 填充前景色選中“ 圖層1 ”，點擊“ 濾鏡 ”→“ 雜色 ”→“ 添加雜色 ”選擇“ 圓角矩形工具 ”，選中“ 圖層1 ”，在點擊“ 畫布 ”，創(chuàng)建圓角矩形雙擊“ 圓角矩形1 ”，打開其“ 圖層樣式 ”添加“ 描邊 ”，描邊顏色為“ #007d3a ”。選擇“ 漸變工具 ”打開“ 漸變編輯器 ”，如下圖所示。按住Ctrl點擊“ 圓角矩形1 ”，新建“ 圖層2” 選中它。按著Shift，拖動鼠標從左往右滑動。選中“ 圖層2 ”，按下Ctrl+j，復(fù)制出“ 圖層3 ”和“ 圖層4 ”加深畫布中矩形的顏色。載入“圓角矩形1”的選區(qū)，選擇“ 矩形選框工具 ”，設(shè)置“ 從選區(qū)減去 ”，繪制出下圖的矩形選區(qū)。新建“圖層5 ”，使用“ 漸變工具 ”上色，給“圖層5”添加“ 矢量蒙板 ”。復(fù)制“ 圖層5 ”，按下“ Ctrl+t ”，鼠標右鍵點擊“ 垂直翻轉(zhuǎn) ”按方向鍵調(diào)整變換后圖層的位置，達到下圖的效果。選中“ 圖層5” 和“ 圖層5副本 ”，按下“ Ctrl+Alt+E ”合并并新建出一個圖層“ 圖層5副本(合并)”復(fù)制并調(diào)整“ 圖層5副本(合并)”，并調(diào)整他們的位置，調(diào)成下圖中的樣式。最后，使用“ 文字工具 ”添加文字就可以了。注意事項Photoshop CC版本中，可以直接把圖層轉(zhuǎn)換為CSS文件——以便直接使用。以上就是PS制作簡潔漂亮的網(wǎng)站快速導(dǎo)航工具方法介紹，操作很簡單的，大家學(xué)會了嗎?希望能對大家有所幫助!