陰影效果,制作網(wǎng)頁(yè)常見的圖片投影效果(2)

來(lái)源:站酷 作者:宋聚安 學(xué)習(xí):9940人次

 

第一步、這里以界面中的圓角矩形按鈕來(lái)做示范,先畫個(gè)230*60的圓角矩形,色值#ff4683,得到一個(gè)圓角矩形

(新手朋友們要記住想用彌散陰影的話,先別用直角,稍微幾像素的圓角或直接圓角矩形做出來(lái)的效果更好看)

m.tgudhdp.cn_0439131B3-4.png

 

第二步、ctrl+j快捷鍵復(fù)制圓角矩形A得到圓角矩形B,透明度設(shè)30%,并向下移動(dòng)10px(記得把B圖層移到A圖層下方)

m.tgudhdp.cn_043913N12-5.png

 

第三步、點(diǎn)開PS工具欄中的濾鏡-模糊-高斯模糊功能,設(shè)置模糊半徑為6,噠啦~一個(gè)最簡(jiǎn)單的彌散陰影就做出來(lái)啦。!

m.tgudhdp.cn_0439132O8-6.png

 

依次類推,我們可以發(fā)揮創(chuàng)意,運(yùn)用彌散陰影技巧設(shè)計(jì)出更多有意思的小部件,并且完美運(yùn)用~~

m.tgudhdp.cn_0439131304-7.png

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
禿頭小寶貝兒2021-03-10 10:07
COIN

烏克蘭拖拉機(jī)史2020-05-05 10:47
我的作業(yè):

阿甘是me2020-02-26 11:22
用圖層樣式更方便,靈活制作。
不可方物.2018-05-12 10:24
學(xué)到東西了
霸道溫柔2018-03-07 12:22
相關(guān)教程~_~!
葉子2016-08-26 10:08
網(wǎng)頁(yè)陰影
葉子2016-08-26 10:02
網(wǎng)頁(yè)陰影
摯愛張凱潔2016-03-08 11:53
難不難?????
摯愛張凱潔2016-03-08 11:53
難不難?????
傾翎碧水心2016-03-08 11:37
又能用了
傾翎碧水心2016-03-08 11:37
又能用了
向日葵的陽(yáng)光072016-03-08 08:06
想來(lái)學(xué)習(xí),新手上路
向日葵的陽(yáng)光072016-03-08 08:06
想來(lái)學(xué)習(xí),新手上路
起個(gè)名真8難2016-03-08 05:53
朩有看明白
起個(gè)名真8難2016-03-08 05:53
朩有看明白

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

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