相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计教程 — 绘制一套质感风格图标

KING发布于:2019-8-5 17:14 |原作者: 吃喝玩乐团团长| |来自:悠悠教程网
KING
海外 瑞典 平面设计师
发私信 + 关注
简介: 在开始制作之前呢,首先确定好自己要做的内容有哪些,大致的一个风格。然后去寻找参考,看看其他作者如何在作品中将自己的想法展现出来。这里我选择相机、天气、日历、相册、设置、信息、视频和地图。 ... ...


步骤 03 制作胶卷带

创建220x220px大小,颜色#d4d4d4的圆,命名【底面】

创建大小150x150px的圆形,命名【胶卷带】,复制一层隐藏备份

然后将源图层转化为智能对象,双击智能对象缩略图进入智能对象后,添加上图层样式,再将源图层转化为智能对象

并添加智能滤镜,Ctrl+s保存,回到图标源文档

CTRL+左键选中备份圆缩略图得到选区,再选中胶卷带层添加蒙版,加上投影

最后添加一些文字和装饰物就完成啦,要注意调整图层顺序

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

七、信息图标

步骤 01 制作信封

创建240x140px大小的矩形,下边两个角的圆角半径为20px

删除右上角的点,添加图层样式

复制一层,水平翻转,底部的创建矩形旋转45°即可完成

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

步骤 02 制作信

创建200x140px大小的矩形,添加图层样式

制作几个148×6 px大小,颜色#ededed的矩形用来表示文本信息

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

八、天气图标

步骤 01 制作玻璃管

创建50x146px的矩形,顶部圆角半径25px

100x100px的圆形;合并形状,填充调整为0,添加图层样式

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

步骤 02 制作红色液体

这一部分主要由管状和球状两部分组成

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

液体管:创建一个42×100 px的矩形,添加图中对应的图层样式

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

UI设计教程 — 绘制一套质感风格图标 飞特网 PS鼠绘教程

42

好评
31

差评

刚表态过的朋友 (73 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

KING
海外 瑞典 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计