日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop教程:制作一個簡潔的藍色導航框

Photoshop教程:制作一個簡潔的藍色導航框

時間:2024-02-06 14:15作者:下載吧人氣:16

作者:飛魚的聲納 出處:飛魚的聲納

本教程主要用Photoshop創建一個簡潔的藍色導航框,最終的效果非常的清爽,背景和字體的搭配也非常的適合,西面讓我們一起來學習吧.
}先看看最終效果圖

Photoshop教程:制作一個簡潔的藍色導航框

步驟1

首先創建一個新文檔并將其設置為540X440像素大小,用淺灰色#343435和深灰色#222222從左上角到右下角放射狀漸變填充背景。

Photoshop教程:制作一個簡潔的藍色導航框

步驟2

創建一個新的圖層(Layer > New > Layer)。選擇圓角矩形工具,將其半徑設置為10像素大小,畫出一個300X300像素大小的方框。

Photoshop教程:制作一個簡潔的藍色導航框

步驟3

用#007ccb和#004877從左上角到右下角放射狀漸變填充圖層。取消選擇按Ctrl+D。

Photoshop教程:制作一個簡潔的藍色導航框

步驟4

現在我們要給這個導航框添加陰影。選擇Layer > Layer Style > Drop Shadow,然后使用如下設置:

Photoshop教程:制作一個簡潔的藍色導航框

現在你的方框看起來應該是這樣的:

Photoshop教程:制作一個簡潔的藍色導航框


步驟5

現在我們要給方框加上gradient overlay,選擇Layer > Layer Style > Gradient Overlay,然后使用如下設置。

Photoshop教程:制作一個簡潔的藍色導航框

現在你的導航框看起來應該很漂亮:

Photoshop教程:制作一個簡潔的藍色導航框

步驟6

給方框加上標題

Photoshop教程:制作一個簡潔的藍色導航框

在字體上我使用如下設置:

Photoshop教程:制作一個簡潔的藍色導航框

步驟7

現在我們要給標題和接下來創建的鏈接之間加上分割線。利用矩形選框工具在標題下做出一個寬260像素,高1像素的線,并將其填充為#ffffff(白色)。

Photoshop教程:制作一個簡潔的藍色導航框

步驟8

將此分割線的混合模式設置為疊加,將透明度設置為20%。

Photoshop教程:制作一個簡潔的藍色導航框


步驟9

復制分割線(Ctrl+J),然后將它向下移動30個像素(按下Ctrl + Shift + Down Arrow三次),按下Ctrl + Arrow鍵使得圖層向箭頭方向移動一個像素,加上Shift鍵一次可以移動10個像素,重復此過程直到你覺得滿意為止。

Photoshop教程:制作一個簡潔的藍色導航框

步驟10

現在加上一些文字鏈接。

Photoshop教程:制作一個簡潔的藍色導航框

需要注意的是行間距的設置,行高設置為30像素剛好和分割線之間的距離是一樣的。

Photoshop教程:制作一個簡潔的藍色導航框

步驟11

我們需要一個當鼠標碰觸這些鏈接時的效果,否則這些鏈接將會顯得很枯燥。在一個新的圖層上選取一個大小和鏈接區域大小相同的方框,用#ffffff(白色)填充(Edit > Fill)此區域。

Photoshop教程:制作一個簡潔的藍色導航框

設置混合模式為柔光,透明度為20%,或者設置為你喜歡的樣式。

Photoshop教程:制作一個簡潔的藍色導航框



標簽藍色,導航,框,簡潔,一個,教程,制作,Photoshop

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 加勒比一区在线 | 久久久影院 | 国产成人久久 | 国产精品一久久香蕉国产线看 | 免费网站看v片在线香蕉 | 久久精品午夜视频 | 日韩一级大毛片欧美一级 | 大伊香蕉精品视频在线天堂 | 2022久久免费精品国产72精品 | 99国产精品九九视频免费看 | 欧美在线观看高清一二三区 | 亚洲成a人片在线观看精品 亚洲成a人片在线观看中 | 91精品国产高清久久久久久io | 国产高清一区二区三区四区 | 国产天堂亚洲精品 | 欧美日韩视频精品一区二区 | 另类二区三四 | 国产美女做爰免费视频软件 | 成人免费大片黄在线观看com | 国产99视频精品草莓免视看 | 国产三级做爰在线观看视频 | 久久国产成人午夜aⅴ影院 久久国产成人亚洲精品影院老金 | 美女张开腿让男人桶爽免费网站 | 大伊香蕉精品视频在线 | 97超频国产在线公开免费视频 | 国产乱子精品免费视观看片 | 成人男女网18免费91 | 久草资源在线视频 | 韩国一大片a毛片 | 草久在线观看视频 | 久草资源在线观看 | 日本a级毛片免费视频播放 日本a级三级三级三级久久 | 韩国一级永久免费观看网址 | 成人免费视频网址 | 色丁香久久 | 成人18视频在线观看 | 国产人成精品 | 久久无码av三级 | 日本高清一本二本三本如色坊 | 在线免费一区二区 | 久热久草 |