Sketch创作渐变和噪点ICON的教程

用户头像
卡拉索/UI设计师/5年前/2604浏览
Sketch创作渐变和噪点ICON的教程

ICON设计中Sketch的渐变以及噪点的应用

今天为大家带来使用Sketch创作渐变和噪点ICON的教程


首先观察这一组ICON,不难看出它们的风格特点:1.渐变 2.局部噪点 3.底部投影。

接下来以第一个ICON为示范开始进行制作。


⬇️ 绘制一个较长的圆角矩形,尺寸及渐变参数如下。

⬇️ 接着为次矩形添加噪点 点击 ➕ 。

⬇️ 按照下图中的1.2.3以此操作。

⬇️ 接着开始调整噪点。


到这里我们已经制作完成ICON的主体,接下来开始把其他部分完善。


⬇️ 两侧手柄 。

⬇️ 然后绘制两个白色小矩形,此处不做渐变和添加噪点,并将这些元素组合起来。注意它们之间的位置关系。

⬇️ 制作放于底部的投影。将此矩形复制一个,把新的图层至于底层(快捷键command+option+【 ),然后向下移动。

⬇️ 在「模糊」选项中选择高斯模糊,并调整模糊值和不透明度。


至此第一个ICON就制作完成,剩余ICON如法炮制即可。

14
举报
|
39
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】珠宝icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
3D卡通UI界面图标可爱插画免扣素
高级表盘系列UI源文件
UI通用设计素材1
UI 登录界面设计模板包
【新年UI图标】旅行icon
智能家居中心 简约 UI设计组件库
手表表盘UI系列
钱包ui模板
3D渐变流体抽象矢量UI背景图
【新年UI图标】积分icon
科技医疗透明柜UI界面设计
盲盒APP UI设计
我的钱包-UI界面设计-app
【新年UI图标】体育icon
拟物风质感写实UI卡片合集源文件
UI界面 组件
Security Camera UI kit
高级感金属拟物 UI设计组件库
【新年UI图标】影音icon
【新年UI图标】活动icon
你可能喜欢
相关收藏夹
大家都在看
登录注册