photoshop設(shè)計網(wǎng)站導(dǎo)航圖片

2022-12-26 14:43:21 來源/作者: / 己有:20人學(xué)習(xí)過

網(wǎng)站的頭部大多是最值得設(shè)計的地方,因為頭部往往包含導(dǎo)航與LOGO,而且作為一個網(wǎng)站的門面,頭部也起到很關(guān)鍵的作用,可以說一個網(wǎng)站的頭部好壞往往覺得了這個網(wǎng)站設(shè)計的成功與否,本文使用PS來設(shè)計一個比較簡潔的網(wǎng)站頭部效果
作者:TutorialsHot 來源:websbook.com翻譯

設(shè)計背景

先看看最終效果圖

 



第一步建立新文件,設(shè)置如下圖

 



下一步設(shè)置前景色為#e6e0d5,背景色為#cec5af

 



 



制作頂部區(qū)域,確保之前設(shè)置的顏色正確,然后使用“濾鏡>渲染>云彩”!

 



開始設(shè)計導(dǎo)航按鈕,新建圖層,使用矩形工具,制作如下圖形

 



 



再次新建圖層,制作#ac2a2a顏色矩形

 

標(biāo)簽(TAG) 網(wǎng)頁圖片 ┆死┆