优艾设计网

阴影效果,制作网页常见的图片投影效果

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:宋聚安
这种萌萌哒的阴影设计常常能看到,特别是最近突然流行起来,今天就跟大家说说,怎么做出这种半透明的投影效果。做完交作业。

 

第一步、这里以界面中的圆角矩形按钮来做示范,先画个230*60的圆角矩形,色值#ff4683,得到一个圆角矩形

(新手朋友们要记住想用弥散阴影的话,先别用直角,稍微几像素的圆角或直接圆角矩形做出来的效果更好看)

阴影效果,制作网页常见的图片投影效果

 

第二步、ctrl+j快捷键复制圆角矩形A得到圆角矩形B,透明度设30%,并向下移动10px(记得把B图层移到A图层下方)

阴影效果,制作网页常见的图片投影效果

 

第三步、点开PS工具栏中的滤镜-模糊-高斯模糊功能,设置模糊半径为6,哒啦~一个最简单的弥散阴影就做出来啦!!!

阴影效果,制作网页常见的图片投影效果

 

依次类推,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用~~

阴影效果,制作网页常见的图片投影效果

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消