PS如何画奥运五环？老司机手把手教你用图层样式和路径工具，5分钟搞定标准环

奥运五环可能是最容易被新人画歪的设计元素之一。网上那些教程大多只会叫你画五个圆环叠一叠，结果环环交叉处断裂、颜色对不上、间距不均匀，一放大全是瑕疵。今天老司机直接上干货，教你用图层样式+路径运算，画出印刷级标准的五环。

1. PS画奥运五环前必须知道的3个底层逻辑

1.1 五环不是五个独立的圆，而是交织的环环相扣

奥运五环的交叉是有讲究的：每个环会穿过相邻环的上下层，形成环环相扣的视觉效果。如果只是简单叠放，交叉处会出现断口或重叠错误。所以关键是用图层蒙版或路径运算来模拟“穿环”效果。

1.2 圆环必须用描边而不是填充

很多人用椭圆工具直接画填充圆，然后通过减去顶层形状得到环——但这样做出来的环是“无缝”的，无法实现交叉。正确做法是：用椭圆工具画正圆路径，设置描边（无填充），描边粗细统一为12-16像素（取决于画布大小）。

1.3 标准五环的颜色和尺寸

• 颜色：蓝(0,129,200)、黄(255,205,0)、黑(0,0,0)、绿(0,178,89)、红(238,50,78)。

• 排列：从左到右，蓝、黄、黑、绿、红。环的外径相同，环间距为环直径的1/10。

• 交叉规则：上方环（蓝、黑、红）部分压住下方环（黄、绿）。具体：蓝压黄、黑压黄和绿、红压绿。

2. 实战步骤：PS画奥运五环的完整流程

2.1 新建文档与辅助线

新建1000x600px的文档，分辨率72，背景白色。拉参考线：从顶部200px、400px、600px各拉一条水平线，从左侧100、350、600、850px各拉一条垂直线，形成网格。这样方便对齐五个环的中心点：

• 蓝环中心：(250, 300)

• 黄环中心：(250+150, 300+150) = (400, 450) —— 注意黄环比蓝环低150px

• 黑环中心：(550, 300)

• 绿环中心：(550+150, 300+150) = (700, 450)

• 红环中心：(850, 300)

（环直径200px，环间距50px）

2.2 用形状工具画第一个环（蓝环）

1. 选择椭圆工具（U），在选项栏设置为“路径”，按住Shift画正圆路径。

2. 打开路径面板，双击路径保存为“蓝环路径”。

3. 新建图层，设置前景色为蓝色(0,129,200)。

4. 选择画笔工具，大小16px，硬度100%，然后右键点击路径选择“描边路径”，工具选画笔，勾选模拟压力？不勾。

5. 这样就得到一个蓝色圆环。但注意：描边路径后圆环是实心的，我们需要用图层样式来制作环？其实更好的方法是直接用“形状图层”的描边属性。

避坑：更规范的做法是：

• 用椭圆工具画正圆形状图层（填充关闭，描边打开，描边大小16px，颜色选蓝色）。

• 这样环就是可编辑的矢量形状，后期调整更方便。

2.3 用图层样式实现环环相扣

关键来了：如何让环交叉？不能简单靠图层顺序，因为环的交叉是部分上、部分下。需要每个环创建一个“交叉区域”的蒙版。

方案：使用“剪贴蒙版+图层蒙版”。

1. 将所有环作为形状图层分别放在五个图层组中。

2. 每个环需要三个图层：底层为完整环，中层为交叉部分（上环压住下环的区域），顶层为完整环但带有蒙版隐藏被压住的部分。

但这样太复杂。老司机推荐简单粗暴法：直接画五个环图层，图层顺序从上到下：蓝、黑、红、黄、绿。然后对每个上层环，手动用橡皮擦擦除掉被下层环压住的那一小段？不，橡皮擦会破坏形状。

正确做法：使用“路径运算中的相交”。

1. 画蓝环形状，复制一层（蓝环副本）。

2. 画黄环形状，选择蓝环副本，执行“路径操作：减去顶层形状”，把蓝环副本中与黄环重叠的部分挖掉。然后蓝环副本作为“上层环”置于黄环之上。

3. 这样蓝环副本只保留交叉部分，模拟蓝环穿过黄环。

但注意：奥运五环是“环环相扣”，每个环的交叉部分既有穿过也有被穿过。更专业的方法是使用“重叠形状区域排除”或“与形状区域相交”。

懒人方案：直接用图层样式里的“投影”制造立体交错感。但老司机告诉你，真正标准做法是：

• 使用“路径组合”：画出每个环的完整路径，然后生成相交的复合路径。

• 或者用蒙版：先画五个环图层，然后对每个环添加图层蒙版，用黑色画笔涂抹掉被下层环压住的部分（根据交叉规则）。

2.4 画出完整五环（以路径蒙版为例）

1. 新建图层组“五环”。在组内按顺序创建五个形状图层：蓝、黄、黑、绿、红。用椭圆工具画出正圆，设置描边16px，无填充。

2. 图层顺序从上到下：蓝、黑、红、黄、绿。这覆盖了交叉规则：蓝压黄、黑压黄和绿、红压绿。

3. 逐个处理交叉：

• 蓝环需要压住黄环的左侧部分。选中蓝环图层，添加图层蒙版，用黑色画笔（硬度100%，大小16px）涂抹蓝环与黄环重叠的区域中应该被黄环压住的部分？等等，交叉规则是蓝压黄，所以蓝环应该覆盖黄环的左上部分。但我们图层顺序蓝在上，所以蓝环完整，黄环要被蓝环遮住一部分。所以我们需要在黄环图层上添加蒙版，用黑色画笔涂抹黄环与蓝环重叠处中被蓝环压住的部分（即黄环上那一小段）。

• 类似地，黑环压黄环和绿环：黑环在上，所以对黄环和绿环分别添加蒙版，擦除被黑环压住的部分。

• 红环压绿环：红环在上，对绿环蒙版擦除被红环压住的部分。

4. 蒙版擦除技巧：放大到200%，用16px硬边画笔，仔细沿着交叉边缘涂抹，确保环的宽度均匀。

注意：一定要先画好所有环，再统一做蒙版，否则环的位置偏移全白费。

2.5 对齐与间距调整

选中所有环图层，使用移动工具（V）在选项栏点击“对齐：垂直居中”和“水平分布”。但五环不是水平一条直线，而是上三下二。所以需要手动调整：

• 上排：蓝、黑、红，y坐标相同。

• 下排：黄、绿，y坐标比上排低150px。

• 水平间距：环与环之间间隔50px。

2.6 细化与输出

• 检查颜色是否标准：用吸管工具提取颜色，对照标准色值。

• 环的宽度是否一致：新建一个16px的矩形选区，放到环上对比。

• 最后合并组，导出为PNG或AI矢量。

3. 老司机避坑指南

3.1 别用图层样式中的“描边”做环

虽然形状图层的描边很方便，但描边通常位于形状内部，而奥运五环的环是居中的。更关键：描边无法参与路径运算来实现交叉。所以老老实实用纯色填充+剪贴蒙版，或者路径描边。

3.2 蒙版擦除的精准度

很多人擦除时不小心擦多了，导致环变细。正确做法：先复制一层环备份，然后蒙版擦除只在交叉区域进行，不要动其他部分。

3.3 不要直接使用AI自动生成五环

网上有现成的五环矢量文件，但用PS打开后往往图层混乱，无法二次修改。自己画一遍，才能理解交叉逻辑。

3.4 终极技巧：使用“路径查找器”

如果你熟悉PS的路径操作，可以画出五个环的路径，然后使用“路径查找器”中的“轮廓”或“分割”，将交叉部分拆分成独立形状，再分别赋予图层。这样最精准，但步骤复杂，适合需要批量生成五环的场景。

4. 实战案例：用PS画奥运五环并制作海报

假设你要做一张海报，五环下方需要文字。完成五环后，可以添加渐变叠加、投影等增强质感。但切记：五环颜色是固定的，不要随便改颜色。

老司机经验：在海报中，五环大小建议占画布宽度的70%，放在顶部偏上。避免与背景色冲突，最好用白色背景或浅色背景。

5. 老司机FAQ

Q1: PS如何画奥运五环才能保证环环相扣且不穿帮？

A: 核心在于图层蒙版。按“蓝、黑、红、黄、绿”的图层顺序，然后在下层环（黄、绿）上用黑色画笔涂抹被上层环（蓝、黑、红）覆盖的区域。这样上层环完整，下层环缺一段，视觉上就是环环相扣。记得画笔硬度100%、大小等于环的描边宽度，减少误差。

Q2: 我画的奥运五环颜色总是不对，标准色值是多少？

A: 国际奥委会官方色值：蓝 C100 M50 Y0 K0 (近似RGB 0,129,200)；黄 C0 M10 Y100 K0 (RGB 255,205,0)；黑 C0 M0 Y0 K100 (RGB 0,0,0)；绿 C80 M0 Y80 K0 (RGB 0,178,89)；红 C0 M90 Y80 K0 (RGB 238,50,78)。注意在不同背景上可能需要微调。

Q3: 有没有快速画五环的PS动作或脚本？

A: 不推荐自动化脚本，因为每个项目的环大小、间距、分辨率都不同。手动画一次后，可以保存为动作，但依然需要针对尺寸调整。老司机建议掌握路径蒙版法，这是最灵活的。