12、現(xiàn)在給這個(gè)層應(yīng)用混合模式漸變疊加使用顏色: #567595, #728fae #b3c3d3。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

13、這就是它應(yīng)該呈現(xiàn)的樣子。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

14、現(xiàn)在使用矩形選框工具2px的半徑繪制一個(gè)小矩形使用#ffffff填充。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

15、應(yīng)用如下的層效果到形狀圖層: 內(nèi)發(fā)光(混合模式:疊加)。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

 

16、漸變疊加: #e6e6e6 和 #ffffff。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

17、描邊: #5e80a3。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

18、這就是它應(yīng)該呈現(xiàn)的樣子。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

19、在形狀內(nèi)輸入“search”使用Segoe字體,大小為 12pt 顏色#7b7b7b。

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

最終效果:

Photoshop制作水晶風(fēng)格網(wǎng)站導(dǎo)航條

標(biāo)簽:

相關(guān)文章

隨機(jī)推薦