如何用布尔运算快速制作UI头像图标_CSS学习

资料来源：网络整理时间：2023/3/4 4:56:40 共计：3590 浏览

如何用布尔运算快速制作UI头像图标？

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

合并形状

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

减去顶层形状

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

与形状区域相交

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

排除重叠形状

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：上海淀山湖2019年的房产市场状况如何_CSS学习 | ·下一条：chrome无法启动怎么办_CSS学习