PS如何做五环？老司机亲测3种方法，避坑全攻略

引言：PS做五环为什么总翻车？

看到标题点进来的，多半是被五环折磨过的。网上教程一搜一大把，但要么只讲操作不说原理，要么教你用复杂通道抠图，看着就头大。今天老司机就直白告诉你：PS做五环核心就三件事——形状、颜色、环环相扣。

下面直接上干货，三种方法按难度排序，从零基础到进阶都有。记好：每步操作都有坑，我标红的必须注意。

方法一：形状工具画五环（最稳、最推荐）

1. 新建画布+参考线

打开PS，新建800x600像素画布（RGB模式）。拉两条垂直+水平的参考线居中（视图-新建参考线，50%）。

2. 画第一个环

选椭圆工具（U），按住Shift画正圆，描边设30像素，无填充。颜色选蓝色（#0085C7）。

坑1： 描边别用“居中”对齐，默认“内部”会导致环粗细不均。务必在路径面板右键描边路径，选“居中”。

3. 复制环并定位

按Ctrl+J复制图层。五环标准排列：上排蓝、黑、红，下排黄、绿。位置参考：上排间距约20px，下排环圆心在上排两环中间偏下。

4. 环环相扣的底层逻辑

这是最多人卡壳的地方。标准五环不是简单重叠，而是上环压住下环。专业做法：

• 先建5个环的路径（每个环单独一层）。

• 用路径运算（“减去顶层形状”）删除重叠部分。

• 但要保持外圈完整，需复制一份路径并合并。

避坑： 别用图层蒙版！原厂五环是矢量切割，用蒙版缩放会露馅。实在不会路径，直接下载矢量五环模板更省事。

5. 上色与微调

蓝（#0085C7）、黑（#000000）、红（#ED2C3E）、黄（#F8B600）、绿（#009F3D）。描边统一30px，但视觉上黄色环要加粗2px（视觉补偿）。

方法二：路径偏移制作（高手专用）

若想完全手工控制，用路径偏移：

1. 矩形工具画个1px线条，转为形状。

2. 用路径选择工具选取，菜单-路径-偏移路径，输入15像素。

3. 原路径删掉，得到新路径。再复制4次。

这里容易出问题： 偏移后的路径可能断掉或变形，需要手动用钢笔工具修复。

方法三：画笔预设（偷懒玩法）

适合做GIF或特效：

1. 定义画笔：新建20px方形，编辑-定义画笔预设。

2. 设置画笔：间距180%，形状动态关，颜色动态选“应用每笔”。

3. 手动在画布上画5个点，再扩展描边。

缺点： 环粗细不均匀，只适合非正式场景。

终极避坑清单

• 颜色值： 网上流传的CMYK不统一，建议用上面RGB值或直接取奥运官网色板。

• 环大小： 标准五环外径1:1，但PS中可视需要放大，但别超过2倍，否则环厚度显粗。

• 文件格式： 保存为PNG透明背景，用于网页；如果打印用AI矢量。

• 法律提醒： 五环是奥林匹克标志，商用需授权，自己玩没问题。

老司机 FAQ

Q1: PS做五环时，环与环之间的重叠部分怎么去掉？

用路径运算的“减去顶层形状”。建好所有环的路径后，选中最上层环的路径，点路径操作栏的“减去顶层形状”，然后合并形状组件。注意保留原始层的副本以防失败。

Q2: 为什么我按标准颜色值描边后，黄色环看起来更细？

颜色错觉。黄色亮度高，在白色背景下会膨胀。解决：把黄色环的描边宽度设为32px，其他30px，视觉上就统一了。

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

有，但老司机不建议直接下载不明脚本。可以自己录制：画一个环后，用“移动工具+Alt”复制，再调整位置。录制好动作后，每次只需指定颜色即可。网上也有开源脚本（如“Olympic Rings Generator”），但要注意文件安全。