如何做簡潔導(dǎo)航欄之20個(gè)質(zhì)感光滑簡單網(wǎng)頁版面制作教程

效果圖

第一步： 開始之前，先建一個(gè)500X200，72dpi的空白文檔，選中工具箱的漸變工具，使用漸變色作徑向填充，從#45443f到#31302c，在文檔中間點(diǎn)擊拖到右邊。

第二步：新建一個(gè)圖層，使用選框工具，設(shè)置440x50固定大小,然后在文檔點(diǎn)擊，移動(dòng)到合適位置（前提要選中選框工具）

第三步：選擇漸變填充工具，設(shè)置從#f4f4f4 到#d9d9d9，鼠標(biāo)從上往下拉。

第四步：這個(gè)圖層加上陰影效果和外發(fā)光效果，如圖設(shè)置

A.陰影效果設(shè)置                                                           B.陰影效果設(shè)置

第五步：使用文字工具，輸入文字，文字設(shè)置Verdana, Regular, 13 pt, Sharp, #686868 ( 鼠標(biāo)經(jīng)過文字是顏色是#ac0000 )

第六步：文字之間加些分隔線會(huì)好很多，新建一個(gè)圖層，選擇選框工具，固定大小1X50像素，移動(dòng)到合適的位置（記住要選擇到選框工具）使用填充工具填充#b4b4b4顏色。

第七步：為了分隔線具有質(zhì)感，按一下向左方向鍵，填充#d9d9d9顏色。

第八步：在分隔線圖層按住ctrl+鼠標(biāo)左鍵點(diǎn)擊一下，選區(qū)選中分隔線，按住alt+shift，拖到復(fù)制分隔線到其它文字之間，完成后，設(shè)置分隔線圖層透明度為50%。至此漂亮的簡單白色導(dǎo)航條完成