PS画奥运五环终极指南：15年老司机教你避开所有坑

PS画奥运五环：别再用钢笔瞎描了

网上教PS画奥运五环的教程80%都是垃圾，要么让你用钢笔工具一点点抠，要么让你拿参考线慢慢挪。今天我这个15年老司机直接给你最稳的方案——椭圆工具+路径操作，3分钟搞定，不费眼睛不费手。

为什么你画的总像麻花？

奥运五环标准是蓝、黄、黑、绿、红，五环相扣。新手最容易犯的错是直接画五个独立的圆环，然后硬叠，结果环环相扣的位置要么断掉要么重叠。底层逻辑：五环的锁链效果是通过两个环的交叉部分做遮罩实现的，所以你必须明白布尔运算里的“减去顶层形状”怎么用。

实战步骤：从零画出标准五环

第一步：建立画板并绘制第一个环

1. Ctrl+N新建画布，建议2000x1200px，分辨率300（印刷够用，网页上100就行）。

2. 选椭圆工具（U键，注意不是选框工具），在顶部工具栏选项改为“形状”，填充色选蓝色（#0085C7），描边为无。

3. 按住Shift画正圆，尺寸差不多150px直径（后续可以通过变换缩放）。这个圆就是外轮廓。

4. 现在需要把实心圆变成环：选中该形状图层，菜单栏“图层”->“图层样式”->“描边”，但别用！那样描边会向内/向外/居中，不好控制。正确做法：复制该图层（Ctrl+J），然后对下面的原图层设置路径操作。

具体操作：

• 选中蓝色圆形状图层，按Ctrl+J复制一层。

• 在顶部工具栏，将“合并形状组件”点掉，点击“路径操作”图标，选择“减去顶层形状”。

• 这时你得到的是一个空心环？不对，你需要给被减去的顶层形状缩小。选中顶层形状（直接用路径选择工具点击），然后在顶部宽度高度栏手动减小尺寸，比如从150px减到120px（环粗15px左右）。按回车应用。

• 现在得到蓝色圆环。如果对环的粗细不满意，可以调小或调大顶层形状尺寸。注意：环的粗细要一致，所有环用同样粗细。

第二步：复制并调整颜色和位置

1. 选中蓝色环形状图层，按Ctrl+J复制一层。

2. 将复制层的填充色改为黄色（#FECB00）。

3. 用移动工具（V）将黄色环水平右移，与蓝色环稍微重叠（约重叠四分之一的圆）。

4. 重复复制改色：黑色（#000000），然后黄环再右移，与黑环重叠；绿色（#00A94E）；红色（#EE334E）。颜色不对？百度奥运五环潘通色号，但网页用RGB就行。

五环位置：上面三个（蓝、黑、红）水平对齐，间距相等；下面两个（黄、绿）在蓝和黑之间、黑和红之间，偏下一点。具体位置目测即可，官方五环间距是环直径的0.1倍。

第三步：制作锁链效果

这是最核心的，90%的人卡在这里。需要让下面的黄环穿过上面蓝环和黑环之间的缝隙，绿环穿过黑环和红环之间的缝隙。而且要让环在交叉处看起来是一环压一环。

方法：用布尔运算做遮罩。

1. 先做黄环穿蓝环：

• 选中黄环图层，Ctrl+J复制一层。

• 新建一个矩形，大小覆盖到黄环与蓝环重叠的部分，但只覆盖黄环要去掉的那一段（即被蓝环压住的那段）。矩形位置要精确，可以放大视图（Ctrl++）。

• 选中黄环拷贝层和矩形层，在顶部工具栏点击“合并形状组件”，然后再次选择“减去顶层形状”。这样黄环就被切掉一段。

• 同理，黄环与黑环也有交叉，但黄环是压在黑环之上？不对，奥运五环是环环相扣，黄环从上穿下，然后黑环压住黄环的另一段。实际要看标准图。

为了不把新手搞晕，简化策略：不需要真的做出每个交叉的遮罩，只需调整Z轴顺序。因为五环实际上是两两组相扣，你可以用图层顺序模拟。把蓝、黑、红放在上面，黄、绿放在下面，然后对黄环和绿环用遮罩切掉被上面环压住的部分。

专业做法：

• 对每个环，先复制一层。

• 对于被压的环（黄和绿），用路径操作“减去”掉与其他环重叠的部分。

• 对于压别人的环（蓝、黑、红），用路径操作“合并”或直接保留。但实际上每个环都应该被修剪，因为一环压一个，也被另一个压。

更简单无脑但有效的方法：画好五个环后，用蒙版。在黄环图层加上蒙版，用黑色画笔涂抹掉被蓝环和黑环压住的那两段。绿环同理。虽然不够精确但视觉上够了。

避坑指南

• 永远不要用“描边”做环，因为无法精确控制粗细且后续布尔运算容易出错。

• 布尔运算时注意：需要先“合并形状组件”再“减去顶层”，否则可能得到一个奇怪的形状。

• 颜色：勿用默认色，去搜官方色值。

• 五环大小一致，间距一致，否则像“五环粽子”。

• 保存PSD，方便以后修改。

老司机 FAQ

问：PS画奥运五环，用选框工具画圆再描边行不行？

答：可以，但不推荐。因为选框工具画的是选区，描边后是栅格图层，无法后期调整环粗细或做布尔运算。而且放大后锯齿明显。用形状工具是矢量，无限缩放不失真。

问：五环的锁链效果怎么实现最省力？

答：复制被压环图层，用矩形工具配合“减去顶层形状”切掉交叉段。记住：先合并被压环的拷贝与矩形，再减去。如果不想用布尔，用蒙版画笔涂抹也行，但注意画笔硬度要100%。

问：我在CS6版本没有路径操作怎么办？

答：升级吧兄弟，CS6已经10年前的东西了。如果坚持用，可以用钢笔工具直接画路径，但效率低。建议至少用CC2018以上版本。

进阶技巧：批量生成五环

如果你要生成不同大小的五环，可以用智能对象。将画好的五环整个转成智能对象（右键图层->转换为智能对象），然后随意缩放，所有矢量属性保持。

或者利用PS的变量功能，定义五环颜色为变量，用数据组批量输出，但一般用不上。

最后

别以为画完五个环就完了，对齐和间距才是专业度的体现。打开视图->显示->网格（Ctrl+'），或者拉参考线，确保每个环的中心在同一条水平线（上面三个）和下面两个对齐。

还有，别忘了奥运五环是彩色半透明吗？不是，纯色无透明。但如果你要做发光或立体效果，可以加内阴影或斜面浮雕，但是过度设计反而丑。

看完本文如果还不会，建议先熟悉PS基本工具，别跳过基础直接做高难度。

祝你画环顺利。