美文网首页PS教程
UI教程之小图标的制作过程

UI教程之小图标的制作过程

作者: 1366da36503b | 来源:发表于2018-07-01 15:26 被阅读225次

UI界面离不开一些小图标的搭配。

很多设计师在设计的时候,大多都是直接复制已有的图片设计,下面就利用一些动图,和大家简单分享一下这些小图标是如何做的。

更多设计教程(PS设计,UI设计,零基础设计)欢迎关注微信公众号“米你教育”。

图片较多,建议在wifi在观看!

UI设计

沙漏图标,靠近中心的移动点是通过锚点工具完成的。

UI设计

骷髅图标,钢笔工具、锚点工具和布尔运算绘制完成。

UI设计

磁铁图标,通过复制对象来切割末端,

使得笔画变粗,勾出笔画,最后,布尔运算操作完成。

UI设计

Infinity图标,在Illustrator中使用自定义画笔工具完成。

UI设计

火箭图标,通过锚点工具和布尔运算来完成。

UI设计

iOS 11 App Store图标,布尔运算进行完成。

UI设计

盒子图标,路径选择工具和布尔运算进行完成。

UI设计

螺丝刀图标。手柄中的缺口是用多边形工具创建的

(4边的多边形是正方形!)。

UI设计

雨伞图标,布尔运算完成。

UI设计

风扇图标,路径选择工具和布尔运算完成。

UI设计

牛角面包图标。使用宽度工具创建主要形状

(终点为1px,开始时中心点为6px)。

UI设计

通过图形和锚点工具完成。

UI设计

风车图标,锚点工具和布尔运算完成。

UI设计

锚点工具和布尔运算完成。

UI设计

更新图标,路径选择工具、布尔运算和锚点工具完成。

UI设计

刷新图标,锚点工具和路径选择工具完成。

UI设计

路径选择工具完成。

UI设计

Penrose三角形,通过路径选择工具和布尔运算完成。

UI设计

锚点工具和路径选择工具完成。

UI设计

enrose三角形。

将矩形旋转至-120º或120º,

然后固定到点,布尔运算进行完成。

UI设计

钢笔工具,布尔运算和路径选择工具完成。

UI设计

锚点工具和布尔运算进行完成。

UI设计

耳机图标,通过双击旋转工具并键入特定值(10º和-10º)完成耳罩旋转。

UI设计

游戏控制器,布尔运算和路径选择工具完成。

UI设计

胡须图标,钢笔工具、锚点工具和宽度工具完成。

还没看够?更多精彩教程,请关注微信公众号“米你教育”,当下流行设计主技能零基础教程免费给你实践练习,现在关注还可以免费领取设计素材和设计工具哦!

*本文来源网络,整理发布,如有侵犯请联系客服删除

相关文章

  • UI教程之小图标的制作过程

    UI界面离不开一些小图标的搭配。 很多设计师在设计的时候,大多都是直接复制已有的图片设计,下面就利用一些动图,和大...

  • SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI

    本教程之前的这几篇文章,算是围绕着 SAP UI5 和 Cordova 的一个小系列: SAP UI5 应用开发教...

  • 如何用PS制作UI界面小图标

    制作界面小图标 哈喽大家好~我是阿默老师。今天给大家更新一个有趣的制作界面小图标的教程。 1、首先我们先新建一个宽...

  • Android 更新UI的两种方法

    在Android开发过程中,常需要更新界面的UI。而更新UI是要主线程来更新的,即UI线程更新。如果在主线线程之外...

  • 简历制作过程之html

    方方老师的思路:在制作个人简历的过程中学会html/css知识,并且在日后完善简历作品的过程中贯穿JavaScri...

  • CDR金属质感小图标图文解析

    这篇教程教您使用cdr软件制作漂亮金属质感cdr小图标,做出来的质感不比PS逊色,很实用的案例,教程难度一般,主要...

  • ui设计自学

    今天开始练习制作小图标。 云课堂上有小图标课程,跟着做感觉不是很难,但是由于不熟练,动作比较慢。 总的来说,小图标...

  • SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版

    本教程之前的步骤: SAP UI5 应用开发教程之一百三十四 - SAP UI5 Simple Form 属性 c...

  • 网站小图标制作

    网页title旁边的小图片设置,图片要求格式必须是.ico,可以使用在线的转换工具把jpg和png图片转换为ico...

  • css 制作小图标

    1. outline 制作方块和加号 outline 不占空间, 像 box-shadow, border-rad...

网友评论

    本文标题:UI教程之小图标的制作过程

    本文链接:https://www.haomeiwen.com/subject/pwicuftx.html