PS如何做五环？老司机手把手教你避开99%的坑

为什么别人做的五环像官方，你做的一看就假？

别急着开干，先搞清楚原理。五环不是五个圆圈堆一起就完事，真正的难点在环环相扣——前面的环要穿过后面的环，颜色渐变要有立体感，描边不能有接缝。

过去10年我帮甲方做过至少500次类似的设计，这次把血泪经验全盘托出。

核心准备：这3个基础操作搞不定，建议先关PS

1. 图层顺序是灵魂

很多新手直接画五个圆环，结果环与环之间互相遮挡，毫无层次。正确做法：

• 从底层到顶层依次为：蓝、黑、红、黄、绿（标准奥运顺序）

• 每个环单独一个图层组（方便后期调整）

• 环与环相交处，下层环的图层要切出缺口（后面细说）

2. 路径运算必须刻进DNA

用“椭圆工具”画圆环时，不要画两个圆然后`Ctrl+E`合并——那是邪道。正确姿势：

1. 选择椭圆工具，选项栏选“形状”

2. 按住Shift画正圆（直径建议300px）

3. 在路径操作里选“减去顶层形状”

4. 再画一个内圆（按住Alt+Shift从中心缩放，尺寸约220px）

这样得到的是一个独立形状图层的圆环，后期改大小、改颜色都方便。

3. 渐变和投影不能省

纯色圆环像塑料玩具，给五环加渐变和投影才有质感：

• 每个环新建图层，按住Ctrl点击形状缩略图载入选区

• 用“渐变工具”（角度90°，前景色浅，背景色深）从上到下拉

• 再加一个“投影”图层样式（距离5px，扩展5%，大小8px）

特别注意：渐变方向要一致，不然光源乱七八糟。

环环相扣的硬核操作（90%的人卡在这）

1. 复制环并错位——这个方法最蠢但最快

把五环排成两行：蓝、黑、红（上排），黄、绿（下排）。传统做法是手动切图，但有个取巧办法：

• 选中蓝色环图层，`Ctrl+J`复制

• 用“多边形套索工具”框选蓝环与黑环的相交区域

• 按Delete删除，得到缺口

• 对黑环、红环同样操作，处理与下一行黄、绿环的交叉

坑你爹提示：删除前一定要确保下层环的图层位置正确，否则缺口对不准。

2. 用蒙版做无缝穿插——高手必备

与其切形状，不如用蒙版：

1. 把所有环摆好位置，确定上下层关系

2. 对要穿过的下层环（如黄环穿过蓝环），在黄环图层上添加矢量蒙版

3. 在蓝环穿过区域画一个黑色矩形蒙版（隐藏对应部分）

4. 再用白色画笔微调边缘，让过渡自然

优点：不破坏原图，随时可以调整交叉区域。

缺点：蒙版太多容易乱，记得给图层改名。

3. 终极方案：用路径组合公式

如果你会用【路径操作高级模式】，可以一劳永逸：

1. 画五个独立的圆环形状路径

2. 用“路径选择工具”选中所有路径

3. 在选项栏点击“合并形状组件”

4. 然后再用“减去顶层”处理交叉区域

PS：这个方法对CS6以上版本有效，老版本可能崩。

避坑终极宝典——这些细节决定了你像不像外包的

1. 描边接缝怎么藏？

给圆环加“描边”图层样式时，如果环有缺口，接缝处会有断点。解决方案：

• 先把圆环转成智能对象（右键→转换为智能对象）

• 再加描边样式

• 这样描边会自动适配形状路径

2. 颜色绝对要查色值

“五环蓝”不是随便选的：

• 蓝：0068B5

• 黑：000000

• 红：E30239

• 黄：FEB80A

• 绿：00964B

务必用吸管工具对照官方色板，差一点就露怯。

3. 不要用滤镜模拟3D

老版本教程喜欢让加“斜面和浮雕”，然后调成内斜面。实际效果巨假：环的厚度不均匀，光影非常假。现代的做法是：

• 渐变+投影

• 或者直接用3D图层（预设→球形→调到合适厚度）

• 但最稳妥：找一个真实的质感纹理叠加（木纹、拉丝金属）

老司机 FAQ

Q：为什么我的五环渐变总是一段一段的？

A：因为你用了“渐变工具”直接拉，但选区边缘有锯齿。解决：在渐变编辑器里增加中间色标，或者用图层样式里的“渐变叠加”（更稳）。另一个原因是画布太小（建议大于500x500px）。

Q：我想让五环绕一圈做Logo，圆环怎么扭曲？

A：别手动变形。把五环合并在一个组里，然后“滤镜→扭曲→极坐标”，选择“平面坐标到极坐标”。这样一组环就会变成圆形排列。注意：背景必须是正方形画布。

Q：用AI的矢量工具做五环是不是更快？

A：是，但PS做的好处是后期可以加各种特效（火花、粒子、光影），适合做海报或视频封面。纯Logo建议AI，但要学习路径查找器里的“分割”功能。

记住：五环的设计本质是对称、纯净。少用滤镜，多用路径。