PS如何画椭圆跑道图案？老司机手把手教你避坑

前言：为啥你画的椭圆跑道总像“土豆”？

很多新手用PS画椭圆跑道，第一反应是：画两个椭圆，然后用钢笔连接。结果呢？连接点不平滑，线条粗细不均，跑道的“弯道”部分还扁塌塌的。今天老司机就教你怎么用PS画椭圆跑道，不仅快，而且直追职业选手水准。

PS如何画椭圆跑道图案？核心原理

椭圆跑道图案，本质上就是一个椭圆环，但它的特殊之处在于：跑道有宽度，且内外边缘都是椭圆弧。所以，核心步骤就是：先画一个椭圆路径，然后通过描边和变形，生成一个闭合的环形。

方法一：路径+描边（最推荐）

1. 用椭圆工具画一个椭圆：选椭圆工具（U），按住Shift画正圆则变成圆环。这里我们要椭圆，所以自由画。注意：画的时候按住Alt+Shift可以从中心等比例缩放。

2. 设置描边：在上方选项栏，把填充设为无，描边设为需要的颜色（比如跑道红色），粗细设为跑道宽度（比如20像素）。但此时只是单线，不是环。

3. 复制并缩小：选中路径，Ctrl+T自由变换，等比缩放。比如缩小到80%，然后复制一层。此时两个椭圆都不闭合？别急。

4. 用路径操作合并：选中两个椭圆路径，在路径面板中，选“合并形状组件”。但这样得到的是两个独立的圆环重叠，而不是一个完整的跑道。所以，老司机的方法是：

正确姿势：先画一个椭圆路径，然后执行“图层>图层样式>描边”。这不是真正的路径描边，而是图层样式。这样描出来的边是沿着形状边缘的，但无法形成内部空心的跑道。

其实，椭圆跑道最简单的方法是使用形状工具的内置选项：选择椭圆工具，在选项栏中设置形状模式为“路径”，然后绘制时，在属性面板中：填充设为无，描边设为实线，粗细设为20px，并且勾选“虚线”中的“圆头端点”？不，我们要的是闭合环。 实际上，这个方法画出来还是单条曲线。

老司机终极方案：

1. 新建图层，用椭圆选框工具画一个椭圆选区（比如长宽500x300）。

2. 选择>修改>边界，宽度设为20px（跑道的宽度）。

3. 填充颜色（比如红色）。这样就得到一个椭圆环！同时，Ctrl+D取消选区。

4. 但边缘是硬边，可用模糊或平滑调整。

或者更专业的：

1. 用钢笔工具画一个椭圆路径（四个锚点）。

2. 选择画笔工具，设置一个圆形硬边画笔，大小设为跑道宽度（20px）。

3. 打开路径面板，右键点击工作路径，选择“描边路径”，工具选画笔。

4. 得到一个单线椭圆。然后复制这个图层，Ctrl+T缩放，但这样得到的还是两个独立圆环。

正确方法：使用形状工具的“合并形状”

1. 画一个大椭圆（路径模式）。

2. 再画一个小椭圆，并置于大椭圆内部（中心对齐）。

3. 在选项栏中，设置路径操作为“减去顶层形状”。这样得到的就是一个环！

4. 然后右键栅格化图层，或者直接填充颜色。

方法二：形状工具直接绘制（最快捷）

1. 选择椭圆工具（U），在上方选项栏中，设置工具模式为“形状”。

2. 填充设为无，描边设为实线，粗细设为20像素。

3. 按住Shift画正圆，但我们要椭圆，所以不按Shift。

4. 此时画出来的只是一个椭圆边框（单线），不是环。怎么办？

老司机教你：利用“虚线”功能！在描边选项里，点击“更多选项”，把虚线设为0，间隙设为0，然后勾选“圆头端点”，实际上还是实线。

要得到环，必须用两个形状相减。所以方法一才是王道。

实战案例：制作LOL风格跑道图案

很多游戏UI需要椭圆跑道，比如英雄联盟的指示器。需求：一个带有渐变和投影的椭圆跑道。

1. 使用上面的方法一，先画出一个椭圆环。

2. 给图层添加图层样式：渐变叠加（角度渐变，从橙色到红色），投影。

3. 复制一个图层，缩小一点，去掉投影，改为发光，形成内圈。

4. 完成！

避坑指南：常见问题及解决方法

• 问题1：跑道边缘锯齿严重。答：画完后，用“选择>修改>平滑”1-2像素，或者用钢笔勾选“消除锯齿”。

• 问题2：跑道宽度不均匀。答：使用“边界”命令时，确保选区是等距的。如果手动缩放，容易造成宽度不等。建议用路径运算。

• 问题3：无法对齐圆心。答：画完第一个椭圆后，用参考线定中心点，再画第二个椭圆时，按住Alt从中心绘制。

老司机 FAQ

1. PS如何画椭圆跑道图案而不变形？

答：使用椭圆选框工具画出选区后，执行“选择>修改>边界”，设置宽度，再填充。这是最精确的方法。或者用两个形状相减，但需要对齐中心。

2. 椭圆跑道图案如何快速应用在UI设计中？

答：画好环后，右键图层选择“转换为智能对象”，然后可以随意缩放而不失真。配合图层样式，可快速做出各种效果。

3. 跑步跑道图案能用PS画三维效果吗？

答：可以。画好椭圆跑道后，复制多层，并逐层缩放，形成厚度感。然后添加渐变和阴影，或者使用3D功能（图层>3D>从图层新建网格）。