陰影效果,教你制作各類(lèi)陰影教程(4)
二、使用圖層樣式——漸變疊加
復(fù)制原型形狀,相對(duì)原型放大,來(lái)對(duì)它進(jìn)行效果處理。(可以使用ai里面的路徑偏移)
關(guān)鍵點(diǎn)就是在樣式一定要選擇為角度。
然后漸變?cè)O(shè)置:
紅色的可以為一個(gè),也可以是2個(gè),但必須是2個(gè)。中間的為亮灰色,根據(jù)你想搭配的顏色來(lái)調(diào)。
小節(jié)點(diǎn)也是可以調(diào)整位置來(lái)改變效果的。
設(shè)置完參數(shù)后的效果如下:
另外:圖層樣式當(dāng)前態(tài)實(shí)在漸變疊加時(shí)候,右邊的黃色的那個(gè)中心點(diǎn)是可以通過(guò)鼠標(biāo)拖動(dòng)來(lái)改變它的位置的。
那么黃色部分按照上面方式制作即可,最后用蒙版分別蓋住不需要的地方即可。(有提供源文件大家可以,最后會(huì)有下載地址)
這一步的效果圖:
<點(diǎn)圖片看大圖>
三、添加彌散陰影層
1、復(fù)制原型形狀、在原有的羽化基礎(chǔ)上增加羽化程度
2、調(diào)整彌散陰影顏色需要和原型融合的地方融合,需要區(qū)分的區(qū)分。通過(guò)顏色來(lái)控制。另外可以在添加一層彌散陰影層,羽化程度在加大一些,效果過(guò)度會(huì)更舒服一些。沒(méi)有絕對(duì)一步到位的嘛,所以視情況而定。
效果如下:
<點(diǎn)圖片看大圖>
四:分組,分組是個(gè)好習(xí)慣
最終效果圖如下:
細(xì)節(jié):
感謝大家看到這里,希望有用。
以下是我用繼續(xù)嘗試了幾種效果:
以上就是陰影的制作方法,希望大家能通過(guò)本篇教程學(xué)會(huì)這種方法。
學(xué)習(xí) · 提示















相關(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)航圖框
- 陰影效果,教你制作各類(lèi)陰影教程
- 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)航