當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

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

來源:站酷 作者:_我是色技師 學(xué)習(xí):16045人次

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

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

首先聲明,這個透明的導(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 大。3px 擴(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)航圖片教程

好!問題來了!

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
森又2019-01-17 06:34
收益
小路快跑2018-07-17 08:09
多謝分享。
高興2018-04-10 08:58
收益
一只帥羊羊2016-10-11 02:52
一只帥羊羊2016-10-11 02:10
書上小蟻2014-11-18 01:28
回復(fù)一下
書上小蟻2014-11-18 01:28
回復(fù)一下
邪惡Y72014-11-18 01:05
支持,支持
邪惡Y72014-11-18 01:05
支持,支持
誰轉(zhuǎn)身愛別人2014-11-17 11:33
好東西啊啊啊啊啊
誰轉(zhuǎn)身愛別人2014-11-17 11:33
好東西啊啊啊啊啊
canye08102014-11-17 10:00
多謝分享。
canye08102014-11-17 10:00
多謝你的分享。
青春憂傷de子彈2014-11-17 09:15
學(xué)習(xí)學(xué)習(xí)。!
青春憂傷de子彈2014-11-17 09:15
學(xué)習(xí)學(xué)習(xí)。!

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!