弥漫投影的制作(也叫弥散投影)

用户头像
北京/设计爱好者/8年前/3964浏览
弥漫投影的制作(也叫弥散投影)
用户头像
云言

当下流行的元素,如何快速做出优质的效果?(我也是现学现卖,觉得挺好的分享给大家,不喜轻喷)

7c5b599c37a6a80121ad7b57d774.jpg

类似这种的投影都属于弥散投影,那弥散投影怎么做呢?如下:

1.新手朋友们一定要记住,如果要做弥散阴影,先别画直角矩形,稍微几像素的圆角或直接画圆角矩形,这样做出来的效果会比较好,如图,画个圆角矩形

e289599c384da8012017947c415a.jpg

2.现在以圆角矩形按钮来说明步骤,先画个300*150的圆角矩形,我填充的颜色值是#ff4683,得到一个圆角矩形,写上弥散阴影,说明我们是在操作这个弥散阴影练习的

99e2599c38bba801201794caaa87.jpg

3.复制一个刚画的圆角矩形,复制方法可以是ctrl+j快捷键,也可以是其它的,就是一定要复制一个就对了。复制完之后,将第2个圆角矩形缩小一定比例,我缩小的是10%。

4.接下来,调整2个圆角矩形的位置,从原位置下移10px左右就可以了,具体的看你的图形大小来调合适位移。位置如图

7485599c3928a80121ad7b0891b3.jpg

5.然后需要调整不透明度,我设置的是40%,再羽化一下,我的羽化值是8px。数值的话仅仅作为参考,一定要根据自己的图形大小来具体调整的。

2e3f599c396aa801201794297205.jpg

6.记得要把第2个圆角矩形移到第1个下方的啊,另外,还想追求更进一步的话,可以再加上1px的白色的投影,使图形更精致

8106599c39a0a8012017946e01ae.jpg

7.弥散阴影的简单使用就完成了,不过弥散阴影还有很多其它的用处的,感兴趣的话可以自己多尝试一下,很多时候都会有惊喜的效果的。(注:阴影不要乱用啊,一个界面1到2个点到就好了呢,要不然界面会变得脏脏的)

24
阅读原文
|
举报
|
26
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】钱包icon
UI界面 组件
3D渐变流体抽象矢量UI背景图
【新年UI图标】优惠券icon
新能源APP应用UIKit
UI应用平面图标
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
高级表盘系列UI源文件
UI通用设计素材1
手表表盘UI系列
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】珠宝icon
抽象液态渐变UI背景模版
Security Camera UI kit
【新年UI图标】游戏/娱乐icon
【新年UI图标】汽车icon
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
【新年UI图标】影音icon
钱包ui模板
【新年UI图标】30个图标
你可能喜欢
大家都在看
登录注册