搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
纯干货:巧用“图层样式”制作中国风玉石图标
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
图标
样式
干货
玉石
国风
UI学习
发布时间:2020-05-08
关注
首先我们先看下效果图
教程开始1.新建纯白色画布 尺寸:800*800PX 分辨率300PX
2.创建纯色图层
3.填充颜色— 颜色代码为 #f2f45
4.新建圆角矩形,参数如下图所示
5.圆角矩形的颜色如下图所示
6.按快捷键"ctrl+T"对圆角矩形进行变形—膨胀—对齐变形程度进行微调(调节成自己想要的效果)
7.给“图形”添加“图层样式”—“投影”(效果2次)投影1次 参数如下:
投影2次 等高线参数不变动 参数如下:
8.给“图形”添加“图层样式”—“内阴影”(3次效果)内阴影1次参数如下:
内阴影2次参数如下:
内阴影3次参数如下:
9.给“图形”添加“图层样式”—“内发光”效果—参数如下:
10.给“图形”添加“图层样式”—“斜面和浮雕”效果—参数如下:
11.接下来给“玉石”制作效果在菜单栏找到“滤镜”—“渲染”—“云彩”—图层混合样式修改成“颜色加深”
12.创建剪贴蒙版 快捷键:Ctrl+Alt+G
13.在接下来—任你随意找个“小图标”—放入“玉石”上,如下图
14.将“填充”修改至“0%”在图上看不到刚导入图标的图案,效果如图
15.给“小图标”添加“图层样式”—“斜面和浮雕” 参数如下
16.给“小图标”添加“图层样式”—“内阴影” 参数如下
17.给“小图标”添加“图层样式”—“投影” 参数如下
18.最后给“小图标”也创建剪贴蒙版,用“曲线”调节一下亮度(此操作根据个人喜好调节即可)再次创建剪贴蒙版,效果如下所示
教程结束希望此教程对大家能有帮助
UI学习作品
纯干货:巧用“图层样式”制作中国风玉石图标相关作品
收藏
网页设计
收藏
网页设计
收藏
卡通图标
收藏
卡通图标
收藏
设计规范
收藏
设计规范
收藏
扁平化插画
收藏
扁平化插画
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
像素图标
收藏
原型demo
收藏
APP设计
收藏
原型demo
收藏
面性图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
Load More