陰影效果,教你制作各類陰影教程(2)
來(lái)源:公眾號(hào)
作者:三根設(shè)計(jì)骨
學(xué)習(xí):54837人次
案列2:
案列3:
<點(diǎn)圖片看大圖>
首先說(shuō)明:
為什么會(huì)有這樣一個(gè)教程呢,起初是這樣的。一天逛國(guó)外網(wǎng)站的時(shí)候,無(wú)意間看到這樣一張圖:
耐克的logo,當(dāng)然我不是被logo帥到,我是被這上面的陰影帥到。彌散陰影做比較容易實(shí)現(xiàn)。
我們主要是來(lái)看下細(xì)節(jié):
右上角的點(diǎn),這種陰影給人一種更舒服,像是又一層玻璃,讓陰影變的更加立體感了。
所以希望我也能做出這種效果來(lái),看第一眼我就知道,這肯定不是一個(gè)一個(gè)圖層用畫(huà)筆畫(huà)出來(lái)的,我認(rèn)為應(yīng)該可以通過(guò)一些方法輕松實(shí)現(xiàn),而且是可以靈活調(diào)整的。
于是我?guī)е唤獾囊蓡?wèn)去找同事探討,后面我們提出了一個(gè)關(guān)鍵的點(diǎn)。那么這個(gè)點(diǎn)我們后面會(huì)說(shuō)道。
大家先看下分解圖:
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
風(fēng)流草2017-08-30 12:08
把源文件下載下來(lái)看看就知道了,教程畢竟不能面面俱到照顧到每一個(gè)人。
回復(fù)
相關(guān)教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì),ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例
推薦教程
- Photoshop制作網(wǎng)頁(yè)搜索條
- banner教程,用ps制作960*90的廣告圖片
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 陰影效果,教你制作各類陰影教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 用ps制作豎列導(dǎo)航
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!