3招轻松搞定高大上阴影

小编:想要产品既逼格高大上又真实精致,请往下看,有交代……

今天这篇聊的不是简单的弥散阴影,而是笔者在逛网站时发现的一个效果更为精致的阴影,而且这类效果在耐克LOGO、苹果官网都有所体现,能快速提升产品的格调,我总结了一个简单快速的方法,帮你3招做出来。

首先呢,阴影和投影,别混淆。我这里要说的是阴影。

科普下:图1属于阴影      图2属于投影

影院放电影——投影       可以通俗的说成由某个点投过去的影子。

站在阳光下——阴影       可以通俗的说成由某个点散发出的一片阴影。

好了,记下来今天的介入正题,关于阴影。你肯定会想,呵呵,阴影我还不会了啊。

那,那么。你有兴趣就看呗,没兴趣就不看,都可以。

先来看一波案列:

▼耐克logo

▼金属充电器,注意它3个角阴影的感觉

▼智能手表

▼我也不知道是什么手机,哈哈

▼苹果手机的包装盒,注意2边的角

▼梁定然的作品 .)

再看有和无的区别:

(我简单做了几个实例,不准笑。说的就是你)

案列1:

案列2:

案列3:

首先说明:

为什么会有这样一个教程呢,起初是这样的。一天逛国外网站的时候,无意间看到这样一张图:

耐克的logo,当然我不是被logo帅到,我是被这上面的阴影帅到。弥散阴影做比较容易实现。

我们主要是来看下细节:

右上角的点,这种阴影给人一种更舒服,像是又一层玻璃,让阴影变的更加立体感了。具体学术名称我也不知道怎形容,暂且先这样形容。

所以希望我也能做出这种效果来,看第一眼我就知道,这肯定不是一个一个图层用画笔画出来的,我认为应该可以通过一些方法轻松实现,而且是可以灵活调整的。

于是我带着不解的疑问去找同事探讨,后面我们提出了一个关键的点。那么这个点我们后面会说道。

大家先看下分解图:

1、原型形状层

2、第一层阴影

3、第二层阴影

是不是很简单,只有三步操作。只是需要把参数、角度、颜色三者调到一个合适的范围即可。

当然做阴影嘛,也不一定非要做成这种效果。我只是想分享给大家,一起玩。共勉之。

制作教程:以耐克Logo为案列

一、原型形状

你要做的这个对象的原型,如:

填充颜色

填充颜色建议大家使用形状羽化来达到渐变的效果,方便后面对颜色、位置、大小以及羽化的程度来做一个调整。

如下:

二、使用图层样式——渐变叠加

复制原型形状,相对原型放大,来对它进行效果处理。(可以使用ai里面的路径偏移)

关键点就是在样式一定要选择为角度。

然后渐变设置:

红色的可以为一个,也可以是2个,但必须是2个。中间的为亮灰色,根据你想搭配的颜色来调。

小节点也是可以调整位置来改变效果的。

设置完参数后的效果如下:

另外:图层样式当前态实在渐变叠加时候,右边的黄色的那个中心点是可以通过鼠标拖动来改变它的位置的。

那么黄色部分按照上面方式制作即可,最后用蒙版分别盖住不需要的地方即可。(有提供源文件大家可以,最后会有下载地址)

这一步的效果图:

三、添加弥散阴影层

1、复制原型形状、在原有的羽化基础上增加羽化程度

2、调整弥散阴影颜色需要和原型融合的地方融合,需要区分的区分。通过颜色来控制。另外可以在添加一层弥散阴影层,羽化程度在加大一些,效果过度会更舒服一些。没有绝对一步到位的嘛,所以视情况而定。

效果如下:

四:分组,分组是个好习惯

细节:

感谢大家看到这里,希望有用。

本次教程文件的已经放到左下的下载里面。

Thanks

以下是我用继续尝试了几种效果:

说了这么一大推废话,其实还是要考大家自己去尝试,反复的调试。不知道你会不会为了一个阴影调试一个小时。

站酷

作者:不沉的骨头

(0)

相关推荐

  • 手机屏幕失灵怎么办?学会这几招轻松搞定

    如今,我们的手机绝大多数都是电容屏的,而电容屏最容易出现屏幕飘移.失灵的情况.那碰到这样的情况怎么办呢?关机重启?擦拭屏幕?别着急,学会下面这几招,就算手机屏幕失灵了也能搞定. 操作方法 01 关机取 ...

  • 通吃WPS与Word 三招轻松搞定文档排版

     无论用微软 Word还是金山WPS OFFICE排版文档时难免会使用文本对齐、段落设置的功能,本文总结了Word和WPS通用的文本排版技巧,希望对大家排版的工作有所帮助。 1.单元格数字小数点对齐 ...

  • WPS与Word 3招轻松搞定文档排版

    无论用微软 Word还是金山WPS OFFICE排版文档时难免会使用文本对齐、段落设置的功能,本文总结了Word和WPS通用的文本排版技巧,希望对大家排版的工作有所帮助。 1.单元格数字小数点对齐 选 ...

  • 没有数字签名装不了Win10驱动怎么办?2招轻松搞定

    好多读者盆友反映过在升级Windows 10之后,网卡等一些硬件会识别不出来,而某些官方或第三方驱动因为没有数字签名等问题,会被Windows 10拒绝安装.“驱动程序强制签名”早在Windows X ...

  • 一招轻松搞定如何去除pdf上的文字

    pdf上的文字想要删除,但是pdf文件又无法随意编辑,怎么办? 操作方法 01 首先,打开我们的pdf编辑器,进行pdf文件的编辑 02 如果觉得pdf文件的背景太深,难以识别文字的话,可以选择更换背 ...

  • 一招轻松搞定电脑频繁死机!

    死机的时候一般情况是蓝屏,或者画面定格但键鼠无反应.然而引起电脑经常死机不一定是病毒问题引起的,还有可能是硬件温度过高,或者系统文件丢失等. 经常死机可能是软硬件冲突.病毒等造成的,一般遇到这样的情况 ...

  • 手机SIM卡读不了怎么办_几招轻松搞定

    手机SIM卡读不了怎么办?不要慌张!这里小编给你分享四种应对方法! 操作方法 01 检查SIM卡的位置.有的时候手机摔了一下会使SIM卡错位,导致手机不能正常读取SIM卡的信息. 02 检查系统是否升 ...

  • 小电容,轻松搞定电脑各种疑难杂症

    无论瓷片电容还是铝电解电容,或钽电解电容在电脑主板,硬盘,光驱,鼠标,键盘的电容中起的作用都是滤波、抗干扰、去耦、防自激、偶合等。不要小看这些小小的电容,它起的作用可不一般,我们许多看起来非常麻烦的故 ...

  • 手机锁屏图案(锁屏密码)忘记了怎么办?四种方法帮你轻松搞定

    很多朋友可能为了追求新奇,对手机的各种功能都比较好奇,都想试一试。对于图案解锁这个功能也可能比较喜欢,但会不会就是刚刚设置完了就忘记了呢?那么手机锁屏图案(锁屏密码)忘记了怎么办?本文将为大家介绍四种 ...