超简单的Illustrator软阴影做法

用户头像
北京/设计爱好者/12年前/3170浏览
超简单的Illustrator软阴影做法

在ABDUZEEDO网站上看到更新的一篇文章,不同于长阴影,作者讲了一个做soft shadow(软阴影)的方法,看起来也很不错,翻译出来跟大家分享下,后面附件有原作者的ai文件分享哦。

      众所周知,拟物化的ICON已经不再流行,现在的潮流是扁平化以及长阴影或是超级柔软超极微妙的阴影。你当然可以尝试着混合这两种风格,有很多人也确实如此去做,并得到了相当漂亮的效果。有鉴于此,我决定用Illustrator去尝试一下,重建这个效果。

      因此,在本教程中我会向大家展示如何用AI的混合工具来创建简单的短阴影,我们也会使用3D功能来创建一些微妙的3D效果。


第一步

打开AI,新建文档。选择你想要应用这个效果的logo或是标志。我用的是Abduzeedo网站的标志。


第二步

选择黑色的外圆,然后选择效果>3D>突出和斜角。位置设置成“前方,突出和斜角设置成“50”pt,高度设置成“20”pt,斜角类型设置成经典。还选择内斜角选项,如下图所示设置灯光参数。


第三步

对标志(译者注:其他部分)重复相同的操作。你需要根据你要使用的标志的复杂程度来改变属性的参数设置。


第四步

我们将使用混合工具(快捷键W)创建阴影。接下来,复制这个标志并粘贴在同样的位置。然后,复制这个标志并向下移动,再向左移。改变这个标志的不透明度,一个改成50%,另一个改成0%。透明模式也使用正片叠底。用混合工具点击所有的标志以创建混合。将特定距离改成3pt



第五步

对其他元素重复这一过程。


结论:

新建一个矩形来当做背景,然后用混合工具创建。另一个软阴影。你的设计看上去会跟下图很像。整个过程相当的简单,但是效果却是出奇地优雅。如果你想要再建这个效果,我相信Illustrator可能是最好的工具。现在轮到你了,尽情享受乐趣吧。




19
阅读原文
|
举报
|
78
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI界面 组件
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】银行卡icon
【新年UI图标】美食icon
UI 登录界面设计模板包
UI通用设计素材1
手表表盘UI系列
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
Security Camera UI kit
新能源APP应用UIKit
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
【新年UI图标】积分icon
户外旅行飞机情侣假日出行
盲盒APP UI设计
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
【新年UI图标】活动icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
你可能喜欢
相关收藏夹
ai
ai
ai
ai
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册