养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

UI功能图标绘制技法之布尔运算

时间:2024-11-13 08:30:32

在绘制图标中,据说布尔运算算是绘制功能图标的最佳按钮,通过photoshop形状工短铘辔嗟具来绘制出的矢量图形,可以无限制放大而不会丢失细节。由于现在各邗锒凳审个平台和设备它们之间的分辨率不一样,所以我们只需要绘制一个矢量图标尺寸,就可以适配出任意需要的尺寸。接下来我们来聊聊如何加减乘除

UI功能图标绘制技法之布尔运算

工具/原料

photoshopcc2018

方法/步骤

1、合并形状合并是指将迷撞笸痉两个本是独立的形状合并成一个,即图形之间的相加。我们先来建立800*800px的画布,选择椭圆工具绘制150*150px的圆形,当绘制第二个圆形前要瓴烊椹舟将属性栏上选择路径操作作为合并形状,才可以绘制圆形,它们才会合成一个新的图形。注:圆形边缘上轮廓的黑色线框是路径,使用路径选择工具可以完整地将路径移动

UI功能图标绘制技法之布尔运算

UI功能图标绘制技法之布尔运算

2、减去顶层形状减去是用一个形状来裁切另一个形状,与合并形状正好相反。选择椭圆工具绘制150*150px的圆形,当绘制第二个圆形前要将属性栏上选择路径操作作为减去顶层形状,才可以绘制圆形,它们才会得到一个新的图形。不过要注意的是是哪个形状作为减去顶层形状的问题,区别如图。

UI功能图标绘制技法之布尔运算

3、与形状区域相交相交是保留两个形状重合的部分。选择椭圆工具绘制150*150px的圆形,当绘制第二个圆形前要将属性栏上选择路径操作作为与形状区域相交,才可以绘制圆形,它们才会得到一个新的图形。

UI功能图标绘制技法之布尔运算

4、排除重叠形状排除是裁切两个形状重合的部分,与相交正好是相反。选择椭圆工具绘制150*150px的圆形,当绘制第二个圆形前要将属性栏上选择路径操作作为排除重叠形状,才可以绘制圆形,它们才会得到一个新的图形。

UI功能图标绘制技法之布尔运算

© 一点知识