ps制作透明質(zhì)感導(dǎo)航圖片教程

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

ps制作透明質(zhì)感導(dǎo)航圖片教程

放上一組大家先欣賞一下(第一次做原創(chuàng)不要噴哦?。?/p>

首先聲明,這個透明的導(dǎo)航不是我發(fā)明的,我是借鑒和學(xué)習(xí)

其次,我在做的過程中遇到很多問題,是前輩們沒有講出來的。是通過我一點點研究出來的成果,所以解決的問題是原創(chuàng)

最后,希望把東西分享給更多的人,讓大家少走彎路,多進(jìn)步

最最后,加油!

那么接下來我們開始吧!

1.新建一個畫布(我的是1000*1000px,新手可以效仿)

背景顏色(個人喜好,我的背景是圖片模糊處理過的,我會在專門發(fā)一篇關(guān)于背景的,這次先添加顏色就好)

新建一個你認(rèn)為合適的導(dǎo)航,我這里是圓角為17px / 600*80px 的圓角矩形。

ps制作透明質(zhì)感導(dǎo)航圖片教程

2.首先

填充為( 0 ) ,內(nèi)發(fā)光(顏色:#ffffff - 效果:疊加 - 不透明度90% - 大小12px )其余不用設(shè)置

很棒!感覺來了有木有

ps制作透明質(zhì)感導(dǎo)航圖片教程

內(nèi)陰影 (顏色:#e5e5e5 - 效果:疊加 - 不透明度45% - 距離1px 其余為0 全局光全為90度)

ps制作透明質(zhì)感導(dǎo)航圖片教程

接下來是投影

顏色:#4c4c4c 效果:疊加 不透明度:50% 距離:2px 大?。?px 擴(kuò)展:0

ps制作透明質(zhì)感導(dǎo)航圖片教程

做完這些成功一半了有木有?在堅持一下下就ok!

好,那么問題要來了

這里畫一個橢圓 (做高光用)

ps制作透明質(zhì)感導(dǎo)航圖片教程

蒙版羽化16.8px

ps制作透明質(zhì)感導(dǎo)航圖片教程

效果:疊加 不透明度35% 剪切蒙版 看一下效果

ps制作透明質(zhì)感導(dǎo)航圖片教程

橢圓并未顯示,因為這個:

ps制作透明質(zhì)感導(dǎo)航圖片教程

我們把橢圓要剪切進(jìn)去的圓角矩形 (是被剪切的圓角矩形哦!)

將內(nèi)部效果混合成組勾上

將剪貼圖層混合成組取消勾選

看一下效果

ps制作透明質(zhì)感導(dǎo)航圖片教程

好!問題來了!