看到网上那些教PS画五环的教程,不是用选区画圆点填充,就是教人傻乎乎地手绘。我告诉你,这些都是野路子,做出来的环要么粗细不均,要么环环相扣的地方穿帮。今天我这15年老司机,教你一套真正的工业级画法,用的全是底层逻辑。

为什么选形状工具?底层逻辑

奥运五环是矢量图形,在PS里最标准的做法就是用“椭圆形状工具”。别用选区,也别用画笔,这两个工具都不利于后期调整。形状工具画出来的圆环是矢量的,你随时可以改颜色、改大小,甚至改环环相扣的逻辑,不会像像素图那样缩放就糊。

关键操作路径:形状 → 椭圆 → 填充/描边

1. 左侧工具栏选“椭圆形状工具”(U键)

2. 顶部选项栏选“形状”模式(不是像素,不是路径)

3. 填充设为“无颜色”(划掉斜线)

4. 描边设为纯色,粗细根据画布大小,常见20-40像素

5. 按住Shift键画正圆,松手后就是一个圆环

实战步骤:五分钟画出标准五环

第一步:调出标尺和网格,辅助对齐

不推荐用眼睛估,容易歪。调出标尺(Ctrl+R),从标尺拖出参考线,两条相交在画布中心。网格的话,直接按Ctrl+' 显示网格。五环的标准排列是上面三个,下面两个,以中心线对称。

第二步:画五个圆环,用参考线定位

第一个环:蓝色(C100 M50 Y0 K0),环心位于画布中心偏左上方。

第二个环:黑色(K100),中心在蓝色环右侧,相距一个环的直径。

第三个环:红色(M100 Y100),紧挨黑色右侧。

下面一排:

第四个环:黄色(M0 Y100),位于蓝与黑中间下方。

第五个环:绿色(C100 Y100),位于黑与红中间下方。

画的时候,每个环都新建一个形状图层,方便后面调整。

第三步:环环相扣的核心操作——路径操作

这里是最多新手翻车的地方。现实中的五环是环环相扣的,不能简单叠加,必须用路径的“减去顶层”或“交叉”来模拟穿入穿出。

关键点:只有形状图层才能用路径操作。

以蓝色环穿黑色环为例:

1. 选中黑色环图层,按A键调出“直接选择工具”

2. 用直接选择工具框选黑色环上需要被蓝色环压住的部分(大约上方1/4圆弧),注意要框选锚点,让路径变为选中状态

3. Ctrl+C复制,然后在蓝色环图层Ctrl+V粘贴

4. 选中蓝色环图层,在路径操作(顶部选项栏的“路径操作”图标)里选“减去顶层形状”

5. 此时蓝色环上就被切掉了一块,露出一部分黑色环,看起来就像蓝色环从上面压住黑色环

对其他交接处重复操作,比如黑色压红色,黄色压蓝色等。每个环的压住关系:上排压下排,左环压右环。具体:蓝压黑、黑压红、蓝压黄、黑压黄、黑压绿、红压绿。

避坑点:千万不要把整个环的路径都复制过去,那样会整个删掉一个环。只选你需要切掉的那一段圆弧。建议先用路径选择工具选中子路径,然后通过“路径操作”的“排除重叠形状”或“减去”来微调。

第四步:调整颜色和图层样式

一旦路径操作完成,你就可以给每个环添加图层样式了。比如内阴影让环有立体感,外发光增强边缘。但注意,颜色必须用标准的奥运色:蓝、黄、黑、绿、红。千万别用PS默认的那个色板里的亮蓝色,那叫骚蓝,不是奥运蓝。

推荐颜色值:

  • 蓝:#0085C7
  • 黄:#F4C300
  • 黑:#000000
  • 绿:#009F3D
  • 红:#DF0024

高阶技巧:如何调整环的粗细和大小?

如果是用形状工具+描边画的环,直接选中形状图层,在属性面板里修改“描边”的像素值即可整体调整粗细。注意:描边单位是像素,如果你要打印,记得把文档分辨率设到300dpi,然后描边粗细设成物理尺寸,比如2mm。

如果环的大小不对,用自由变换(Ctrl+T)整体缩放,但注意要等比例缩放,并且所有环一起缩放,否则环间距会变。更好的做法是:画的时候直接在属性面板里输入宽度和高度,保证所有环直径一致。

避坑清单

1. 别用选区画圆填充:那不是矢量,后面改不了颜色,而且环环相扣的时候选区会露出锯齿。

2. 别直接用橡皮擦擦出环环相扣:橡皮擦是破坏性的,擦掉就没了,路径操作是非破坏性的。

3. 颜色必须用标准色:有些新手用浅蓝、亮蓝,做出来像玩具。

4. 新建图层:每个环独立图层,千万别画在一个图层上,否则没法单独编辑。

5. 保存PSD:自动保存路径操作的图层,万一电脑崩了,矢量路径不会丢失。

老司机 FAQ

Q1: 用形状工具画的环,为什么环环相扣的时候,看起来不自然,中间有缝隙?

A: 这是典型的路径操作不精确。你选中一段路径后,在粘贴到目标环之前,要确保两个环的路径重叠位置完全吻合。最好把视图放大到400%,用直接选择工具微调锚点位置。如果缝隙很小,也可以给环添加一个0.5像素的描边(内描边)来遮盖。

Q2: 画完了才发现环的大小不对,怎么批量调整所有环?

A: 把所有形状图层编组(Ctrl+G),然后选中组,Ctrl+T自由变换。但要注意,组变换时,每个环的描边粗细也会被缩放,如果你要保持描边粗细不变,需要单独修改每个环的描边像素值。经验做法:先在AI里画好标准五环,然后当作智能对象导入PS。

Q3: 路径操作失败,整个环不见了怎么办?

A: 别慌,按Ctrl+Z撤销。或者在图层面板里,每个形状图层展开后都有多个矢量蒙版,你可以在“路径”面板里看到所有路径,直接删除错误的路径片段。更稳妥的做法:操作前复制一个备份图层,隐藏起来。

老司机实战心得:

本文深度聚焦关键词 ps如何画奥运五环,photoshop画奥运五环,五环环环相扣教程,ps矢量图标,路径操作技巧。在技术迭代飞快的今天,唯有坚持原创和实战,才能在搜索引擎的博弈中立于不败之地。如有疑问,欢迎在后台交流。