PS如何做五环?先搞懂这3个底层逻辑
网上搜PS做五环教程,十个有八个是教你把五环图片拖进去再调色。但我想问你:遇到要改颜色、调大小、印刷输出时,你怎么办?所以今天不讲套图,直接讲怎么在Photoshop里纯手工打造标准五环。
逻辑一:五环不是五个圆,是五个环
很多人一开始就新建图层画圆形,然后描边。结果做出来环与环之间交叉位置全乱套。正确思路是:先画五个独立的环形路径,再用图层样式处理交叉。环的粗细建议用6-10像素(用于屏幕)或10-15像素(用于印刷),太细的环会显得小气。
逻辑二:颜色不是随便选的
官方五环颜色:蓝、黄、黑、绿、红。分别对应欧洲、亚洲、非洲、大洋洲、美洲。但你以为随便拾色就完了?打印店最烦的就是颜色偏掉。给出一套稳妥的CMYK值:
- 蓝: C100 M60 Y0 K10
- 黄: C0 M20 Y100 K0
- 黑: C0 M0 Y0 K100
- 绿: C80 M0 Y100 K0
- 红: C0 M100 Y100 K0
如果你是做网络用图,把上面的CMYK转换成sRGB即可,但注意黄和绿的亮度要适当降低,否则刺眼。
逻辑三:环环相扣的物理原理
五环不是互相叠压,而是环环相扣——每个环的上半部分在一个环的上面,下半部分在另一个环的下面。具体规则:从上到下,从左到右,蓝环在上时压住黄环和黑环,黄环压住黑环和绿环,黑环压住绿环和红环,绿环压住红环。
要实现这个效果,必须用路径运算或者图层蒙版手动裁剪。千万别用橡皮擦,擦掉就没法改了。
PS如何做五环?实战步骤(附避坑点)
第一步:新建文档,拉参考线
新建1000×1000像素的画布,分辨率72(网络)或300(打印)。拉出横竖两条参考线交叉于中心点。这一步能保证后面画环对齐,否则环歪了怎么调都不像。
第二步:用椭圆工具画5个圆环
选择椭圆工具(快捷键U),在选项栏设为“路径”模式。按住Shift键从中心点(参考线交叉点)拖出正圆。每个圆环占一个图层,方便后期调样式。
环的定位:水平方向三个环(蓝、黑、红)等距,垂直方向两个环(黄、绿)在下方错开。标准间距:环的直径之间留出半个环宽的空白。具体尺寸:直径200像素,环间距50像素。
第三步:描边和设置画笔
选择“画笔工具”,按F5打开画笔面板,设置大小20像素、硬度100%,间距1%。然后新建一个空白图层,选择“路径”面板,右键点击工作路径选择“描边路径”,工具选“画笔”,勾选“模拟压力”。这一步得到实心环。
避坑:千万别直接用“图层样式”里的描边,那样做出来的环是矢量描边,无法用蒙版裁剪,后面扣环会非常痛苦。一定要用像素描边或者形状图层。
第四步:给环上色
每个环一个图层,按Ctrl+U调出色相/饱和度,勾选“着色”,然后分别输入对应的色相值:
- 蓝: 210
- 黄: 50
- 黑: 0(亮度0)
- 绿: 130
- 红: 0
或者更精确:用“颜色叠加”图层样式,混合模式选“正常”,颜色用之前给的CMYK值。这样便于后期双击修改颜色。
第五步:环环相扣的抠图大法
这是整个教程的核心难点。原理:每个环需要被上方的环切割掉一部分。例如蓝环的下半部分应该被黄环和黑环挡住。
具体操作:以蓝环为例,给蓝环图层添加图层蒙版。用“多边形套索工具”选择蓝环下方与黄环、黑环重叠的区域(注意是要被挡住的部分),使用快捷键Shift+F5填充黑色。同样地,黄环的下半部分用黑环和绿环的路径抠掉,以此类推。
避坑指南:
1. 套索工具一定要放大到400%以上,沿着环的内外边缘精确抠图,否则边缘锯齿明显。
2. 抠图前先隐藏所有其他环,只显示当前要处理的环,便于观察。
3. 如果抠错了,按Ctrl+Z撤销,或者用白色画笔在蒙版上涂回来。
如果你觉得手动抠图太麻烦,也可以先用“添加到选区”和“从选区减去”做路径运算,但新手容易算糊涂。老司机建议还是手动蒙版,可控性强。
进阶技巧:用智能对象和布尔运算
如果你经常需要做五环(比如做体育类海报),可以用智能对象嵌套形状,然后通过布尔运算实现自动修剪。但是需要熟练路径操作,具体步骤:
1. 画一个圆环形状图层(颜色任意)。
2. 复制4份,调整位置和颜色。
3. 对每个环图层添加“矢量蒙版”,用“重叠形状减去”模式画出被遮挡区域。
好处是矢量蒙版无限可调,缺点是一旦调整环的位置,蒙版就需要重新计算。适合固定尺寸的模板。
老司机 FAQ
Q1: PS做五环时,环的交叉处为什么总是有锯齿?
A: 因为画笔硬度不是100%,或者你用了抗锯齿选项。解决:画笔硬度调到100%,描边时取消“模拟压力”,并且确保画布分辨率不低于300ppi。如果还有锯齿,用“最小值”滤镜做1像素的收缩。
Q2: 五环颜色在印刷时偏色严重怎么办?
A: 你用的RGB色值吧?印刷必须转CMYK。上面给的CMYK值是我用了15年的标准配方,但不同纸张吸收率不同。建议在印刷前做一张色卡,包含五种颜色的色块,让打印店打样确认。另外,黄和绿最易偏色,可适当增加黄通道的百分比。
Q3: 有没有一键生成五环的PS动作?
A: 有,但我不推荐。因为动作无法处理环环相扣,做出来都是五个独立的环叠在一起,看起来假。如果你想省事,去我的博客置顶帖下载免费PSD模板,里面五环已经做好扣环效果,直接改颜色就能用。链接在评论区第一条。
本文深度聚焦关键词 ps如何做五环,photoshop五环教程,奥运五环ps制作,ps画五环,五环环环相扣。在技术迭代飞快的今天,唯有坚持原创和实战,才能在搜索引擎的博弈中立于不败之地。如有疑问,欢迎在后台交流。