coreldraw制作矢量图环绕图标
学习如何在 CorelDRAW 中使用变换泊坞窗制作矢量环绕图标。通过精确坐标定位和旋转复制,生成中心对称的 8 点环绕效果,保留所有对象的矢量可编辑性,并导出为 SVG 格式。
用一个中心圆标和 8 个等角度排列的小圆点,就能在 CorelDRAW 中做出简洁的环绕图标。这种做法的优势在于完全基于矢量形状,无需手动对齐每个元素,且所有部分均可独立编辑颜色或尺寸。最终成品适合用于网页图标或界面装饰,并能无损缩放。

最终完成的矢量环绕图标,包含中心圆标和8个均匀分布的橙色圆点
必要的概念只需明确一点:CorelDRAW 的“变换”功能允许指定一个绝对旋转中心,从而让对象围绕该点而非自身中心进行旋转复制。只要设定好初始位置和旋转角度,软件即可自动计算其余副本的位置。
准备条件很简单:安装 Windows 版 CorelDRAW,熟悉基本的椭圆绘制和属性栏操作。以下操作以毫米为单位,确保尺寸精确。
1. 新建方形文档,统一毫米单位
选择【文件】→【新建】,建立 200 mm×200 mm 的方形页面。在创建对话框中,将颜色模式选为 RGB,文件命名为“环绕图标.cdr”。
后续所有尺寸和坐标均以毫米计算。使用默认标尺原点,即页面左下角的 (0,0)。如果此前移动过标尺原点,请先恢复默认位置,以免坐标输入出现偏差。
本例的图标中心定在 X=100 mm、Y=100 mm。在绘制任何对象前,需在属性栏的九点对象原点控件中选择中间点。这样,输入的 X、Y 数值将代表对象的几何中心,而非左下角或其他控制点,便于后续精准居中。
2. 画出蓝色中心圆标
选择工具箱中的【椭圆工具】,按住 Ctrl 键拖出一个正圆。切换到【挑选工具】,在属性栏中将宽度和高度均设为 24 mm。接着,以中心原点模式输入 X=100 mm、Y=100 mm,使圆盘精确位于页面正中。
选中该圆,打开【窗口】→【泊坞窗】→【颜色】,选择 RGB 模式,在十六进制颜色框中输入 #2466CE 并应用为填充。将轮廓设置为“无”,确保中心圆标边缘干净利落。
再画一个直径 8 mm 的白色正圆,同样将中心坐标设为 X=100 mm、Y=100 mm,并去掉轮廓。这个白色小圆将位于蓝色圆盘中央,形成简单的双层标记。
此时应看到蓝色圆盘包围着白色小圆。务必核对两者坐标一致,确保视觉上没有偏心,再继续绘制外侧轨道,避免后续复制时产生误差。

设置中心蓝色圆标、白色内圆及浅灰色轨道的参数
3. 添加一条同心轨道
继续使用【椭圆工具】绘制正圆,在属性栏设置宽度和高度均为 64 mm,中心坐标仍保持 X=100 mm、Y=100 mm。
将此圆的填充设为“无”,轮廓颜色设为 #B8C5D6,轮廓宽度设为 0.6 mm。注意区分填充和轮廓属性:若只改变填充颜色,会得到一个实心大圆,而非所需的细线轨道。
轨道圆半径为 32 mm,中心圆标半径为 12 mm,二者之间留有明显空隙。画面上应呈现一条围绕蓝色圆标的浅灰色圆线。保持轨道为完整的椭圆对象,无需转曲或导入图片,后续小圆点将覆盖在轨道线上,形成沿轨道运行的视觉效果。
4. 放置第一个橙色环绕圆点
绘制一个直径 6 mm 的正圆,填充颜色设为 #F2994A,轮廓设为“无”。选中它,以中心原点模式进行如下设置:
| 项目 | 数值 |
|---|---|
| 宽度 | 6 mm |
| 高度 | 6 mm |
| 中心 X | 100 mm |
| 中心 Y | 132 mm |
这个圆点位于轨道正上方,其圆心距离图标中心正好 32 mm,与轨道半径一致。输入数值后,应看到橙色圆点压在轨道顶部,而不是悬在轨道外侧。
操作时不要同时选中轨道和中心圆标。接下来的旋转复制仅针对这个橙色小圆,其他对象需保持原位不动。

第一个橙色圆点位于轨道正上方,坐标Y设为132mm
5. 围绕图标中心旋转复制 7 份
选中橙色圆点,打开【窗口】→【泊坞窗】→【变换】,点击【旋转】选项卡。
关键步骤是取消勾选【相对中心】(Relative Center),并将旋转中心的 X、Y 坐标均设为 100 mm。这里指定的是整枚图标的几何中心,若继续使用小圆点自身的中心,复制品只会重叠在原位置附近,无法形成环绕效果。
将旋转角度设为 45°,副本数(Copies)设为 7,点击一次【应用】。由于原圆点已占据一处位置,新增 7 份后总共形成 8 个圆点。360°÷8=45°,刚好绕一周均匀排布。
完成后,应在上、下、左、右及四个斜向位置各看到一个橙色圆点。若发现数量正确但部分圆点离中心更近,请检查旋转中心坐标及“相对中心”状态,切勿手动拖动调整。
若误操作多点了应用,导致出现额外复制品,请立即撤销多余步骤,回到 8 个圆点的状态后再继续。

在变换泊坞窗中设置旋转中心为100,100,角度45度,副本7个
6. 群组后检查环绕关系是否保留
框选图标的全部对象,选择【对象】→【群组】→【群组】。群组后,它们可作为整体移动,但内部各个圆仍保留独立的形状、填充和轮廓属性。
本例应包含 8 个橙色圆点、1 条浅灰轨道、1 个蓝色圆盘和 1 个白色小圆。通过【窗口】→【泊坞窗】→【对象】展开群组结构,可以核对对象层级,排除因重复点击产生的重叠对象。
放大视图检查轨道与圆点的贴合情况,再缩小视图观察整体平衡感。8 个小圆尺寸应一致,中心标记位于轨道中央,相邻圆点角度间隔均匀。
验证可编辑性时,使用【挑选工具】按住 Ctrl 键单击群组中的一个橙色圆点,尝试临时修改其填充颜色,随后撤销。若能选中单个形状并改色,说明群组未将图标合并为位图,保留了矢量编辑能力。
7. 保存 CDR,再导出 SVG 验证
先保存“环绕图标.cdr”作为工作文件,以便后续调整尺寸、颜色或排列方式。
接着选中图标群组,选择【文件】→【导出】,格式选择【SVG - 可缩放矢量图形】。在导出对话框中,若提供【仅选定】选项,请勾选它,避免导出页面上的其他无关内容。
进入 SVG 导出设置后,采用常用的 UTF-8 编码并完成导出。本例仅使用基础形状、纯色和轮廓,未涉及位图、阴影或网格填充,因此无需预先转换格式。切勿为了获得“矢量图”而先将群组转为位图,再套用 SVG 扩展名。
最后,在新文档中通过【文件】→【导入】打开导出的 SVG 文件,检查圆点数量、颜色和相对位置是否与 CDR 原稿一致,并确认仍能选中相应的矢量形状。保留 CDR 原稿用于修改,SVG 则用于网页交换或进一步开发,这枚环绕图标即可灵活复用。

导出SVG时勾选仅选定对象,确保只输出图标内容


































