3招就能搞定的高大上阴影,今天这篇聊的不是简单的弥散阴影,而是笔者在逛网站时发现的一个效果更为精致的阴影,而且这类效果在耐克L……
今天这篇聊的不是简单的弥散阴影,而是笔者在逛网站时发现的一个效果更为精致的阴影,而且这类效果在耐克LOGO、苹果官网都有所体现,能快速提升产品的格调,我总结了一个简单快速的方法,帮你3招做出来。
首先呢,阴影和投影,别混淆。我这里要说的是阴影。
科普下:图1属于阴影 图2属于投影
影院放电影——投影 可以通俗的说成由某个点投过去的影子。
站在阳光下——阴影 可以通俗的说成由某个点散发出的一片阴影。
好了,记下来今天的介入正题,关于阴影。你肯定会想,呵呵,阴影我还不会了啊。
那,那么。你有兴趣就看呗,没兴趣就不看,都可以。
先来看一波案列:
▼耐克logo
▼金属充电器,注意它3个角阴影的感觉
▼智能手表
一、原型形状
你要做的这个对象的原型,如:
填充颜色
填充颜色建议大家使用形状羽化来达到渐变的效果,方便后面对颜色、位置、大小以及羽化的程度来做一个调整。
如下:
二、使用图层样式——渐变叠加
复制原型形状,相对原型放大,来对它进行效果处理。(可以使用ai里面的路径偏移)
关键点就是在样式一定要选择为角度。
然后渐变设置:
红色的可以为一个,也可以是2个,但必须是2个。中间的为亮灰色,根据你想搭配的颜色来调。
小节点也是可以调整位置来改变效果的。
设置完参数后的效果如下:
另外:图层样式当前态实在渐变叠加时候,右边的黄色的那个中心点是可以通过鼠标拖动来改变它的位置的。
那么黄色部分按照上面方式制作即可,最后用蒙版分别盖住不需要的地方即可。(有提供源文件大家可以,最后会有下载地址)
这一步的效果图:
三、添加弥散阴影层
1、复制原型形状、在原有的羽化基础上增加羽化程度
2、调整弥散阴影颜色需要和原型融合的地方融合,需要区分的区分。通过颜色来控制。另外可以在添加一层弥散阴影层,羽化程度在加大一些,效果过度会更舒服一些。没有绝对一步到位的嘛,所以视情况而定。
效果如下:
四:分组,分组是个好习惯
细节:
感谢大家看到这里,希望有用。
3招就能搞定的高大上阴影,以上就是对于ui设计相关的内容资讯。拓胜科技ui设计培训,开设了七天免费试听,先学习、推荐名企就业、毕业找到工作后再付学费的绿色培训通道,需要了解的请在线咨询拓胜教育老师。