如何做簡(jiǎn)潔導(dǎo)航欄之20個(gè)質(zhì)感光滑簡(jiǎn)單網(wǎng)頁(yè)版面制作教程
效果圖
第一步: 開始之前,先建一個(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)過(guò)文字是顏色是#ac0000 )
第六步:文字之間加些分隔線會(huì)好很多,新建一個(gè)圖層,選擇選框工具,固定大小1X50像素,移動(dòng)到合適的位置(記住要選擇到選框工具)使用填充工具填充#b4b4b4顏色。
第七步:為了分隔線具有質(zhì)感,按一下向左方向鍵,填充#d9d9d9顏色。
第八步:在分隔線圖層按住ctrl+鼠標(biāo)左鍵點(diǎn)擊一下,選區(qū)選中分隔線,按住alt+shift,拖到復(fù)制分隔線到其它文字之間,完成后,設(shè)置分隔線圖層透明度為50%。至此漂亮的簡(jiǎn)單白色導(dǎo)航條完成