當前位置：首頁>ps實例教程>ps網頁設計>網頁圖片>教程內容

陰影效果，制作網頁常見的圖片投影效果(2)

來源：站酷 作者：宋聚安 學習：9940人次

 

第一步、這里以界面中的圓角矩形按鈕來做示范，先畫個230*60的圓角矩形，色值#ff4683，得到一個圓角矩形

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

m.theoat.com.cn_0439131B3-4.png

 

第二步、ctrl+j快捷鍵復制圓角矩形A得到圓角矩形B，透明度設30%，并向下移動10px（記得把B圖層移到A圖層下方）

m.theoat.com.cn_043913N12-5.png

 

第三步、點開PS工具欄中的濾鏡-模糊-高斯模糊功能，設置模糊半徑為6，噠啦~一個最簡單的彌散陰影就做出來啦�。�！

m.theoat.com.cn_0439132O8-6.png

 

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

m.theoat.com.cn_0439131304-7.png

學習 · 提示

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

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

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

關注大神微博加入>>

網友求助，請回答！