PS繪制一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)導(dǎo)航條的詳細(xì)教程

2022-12-26 14:01:08 來(lái)源/作者： / 己有：71人學(xué)習(xí)過(guò)


作者:布嚕盒子　  出處:

又是一個(gè)簡(jiǎn)單的導(dǎo)航臨摹步驟，我把練習(xí)步驟貼出來(lái)與大家分享

希望對(duì)初學(xué)者有所幫助

步驟2，創(chuàng)建導(dǎo)航背景，下面忘記寫(xiě)了，顏色是#5a5a5a

設(shè)置灰色塊的圖層樣式，內(nèi)陰影+漸變

設(shè)置完漸變的時(shí)候效果出來(lái)啦

 


好，復(fù)制背景，行距是3px 

為導(dǎo)航條寫(xiě)上標(biāo)題

下面設(shè)置圓圈的樣式

圖層樣式設(shè)置完畢把圖層不透明°設(shè)置為70%

 

加上箭頭得到效果

最終效果