1. 主页 > 行业资讯 > 设计文章 >

教你3个技巧来快速绘制阴影效果,增强你的风格

今天的好文章不是一个简单的漫影,而是作者在访问网站时发现的一个效果更为精致的影子。而且这种效果体现在耐克LOGO和苹果官网上,可以快速提升产品的风格。我总结了一个简单快捷的方法来帮助你制作3个技巧。

欢迎关注作者微信官方账号:三块设计骨头

首先不要把阴影和投影混为一谈。这里我想说的是影子。

图1属于阴影,图2属于投影

电影院的电影——放映可以说是从某一点投下的阴影。
站在太阳下——阴影可以通俗地说是从某一点发出的阴影。

好了,写下今天的干预话题。

我们先来看一波案例:

耐克标志:

金属充电器,注意它三个角有阴影的感觉:

智能手表:

手机:

注意苹果手机包装盒两边的边角:

看看有和没有的区别:

案例1:

方框2:

案例3:


首先:

为什么会有这样的教程?一开始是这样的。有一天访问国外网站时,偶然看到这样一张图片:

耐克的logo,当然我不是靠logo帅,我是靠上面的影子帅。漫射阴影更容易实现。

我们主要看细节:

右上角这个影子给人的感觉更舒服,像是又多了一层玻璃,让影子更有立体感。

所以,希望能做出这样的效果。我一看就知道这肯定不是一层一层的。我觉得用一些方法很容易实现,可以灵活调整。

于是我带着疑惑的问题去和同事讨论,然后我们提出了一个重点。那这一点我们以后再说。

我们先来看分解图:

1.原型形状层

2、第一层阴影

3、第二层阴影

是不是很简单,只有三步。只需将参数、角度和颜色调整到合适的范围。

当然,做阴影不一定要做出这个效果。只是想和大家分享一下,一起玩玩。分享一下。

制作教程:以耐克Logo为例

一、原型形状

您想做的这个对象的原型,例如:

填充颜色:

填充颜色。建议你使用形状羽化来达到渐变的效果,这样以后可以调整颜色,位置,大小,羽化程度。

例如:

第二,使用图层样式-渐变叠加

复制原型形状并相对于原型放大,以处理其效果。(可以使用ai中的路径偏移)

关键是样式一定要选作角度。

然后渐变设置:

红色的可以是一个或两个,但必须是两个。中间的是亮灰色,根据你要搭配的颜色来调整。

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

设置参数后的效果如下:

另外:当图层样式的当前状态逐渐叠加时,用鼠标拖动可以改变右边黄色中心点的位置。

然后黄色部分可以按照上面的方法制作,最后不需要的地方可以分别用掩膜覆盖。(可以提供源文件,最后会有下载地址)

这一步的效果图:

第三,添加一个漫射阴影层

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

2.调整漫反射阴影的颜色需要和原型合并的地方合并,需要区分。这是由颜色控制的。另外可以加一个漫反射的阴影层,增加出射度,效果过度会更舒服。没有绝对的一步到位,所以要看情况。

效果如下:

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

最终渲染如下:

详情:

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

源文件下载:https://pan.baidu.com/s/1i4NCbzR

以下是我不断尝试的一些效果:

欢迎关注《三根设计骨》公众号

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:http://ffjianzhan.cn/a/sjwz/368.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息