当前位置: 首页 >经验谈 >ui界面小图标怎么做 (制作教程原来这么简单)

ui界面小图标怎么做 (制作教程原来这么简单)

2023-04-25 14:35:18 经验谈
24 0

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

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

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

ui界面图标px

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

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界面图标三大类

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

都学会了吗?快打开电脑试着做一下

admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂