网荐｜The Bézier Game：一个神奇的网站

The Bézier Game网站（首页截图）

这一期的话推荐一个网站。

The Bézier Game网站

http://bezier.method.ac/

——A game to help you master the pen tool

如果大家学过Adobe Photoshop或者Adobe Illustrator，都知道里面的有个钢笔工具，对于初学者如何熟练的用好的钢笔工具是个大门槛和难题，需要大量的练习和观摩，所以学起来也会比较费劲。

我之前偶然看到了这个网站，就点去玩玩，发现这个网站真适合钢笔工具初学者和中阶者玩，要是我以前早点发现这个网站就不会走那么多弯路，所以今天把这个网站做一个说明，推荐给大家，帮助想学习的或者初学者更好的掌握钢笔工具，对以后的PS和AI的学习绝对帮助非常大，你们有福了。

说到钢笔工具，就会涉及到一些概念。在这里简单做个介绍。

1.贝塞尔曲线(Bézier curve)。其实这就是在PS或者AI里用钢笔工具画出的矢量曲线，就叫做贝塞尔曲线。当然这是粗浅的理解。更深刻的含义自行百度。

2.路径。在PS或者AI中就是「线段」的意思，一段闭合或者开放的曲线段。比如一个直线段，这是开放的；或者一个矩形，这是闭合曲线段。都可以叫做路径。分为开放路径和闭合路径。

3.锚点。就是钢笔工具每点一下出现的一个点，就叫做锚点，锚点和锚点之间的线段就叫做路径。

下面这张图是我做的，介绍的五种锚点：

接下来说说这个网站：

这是进去官网后的界面，整体风格简洁，干净，很有feel。

点击Get Started就是开始游戏了。

这个Tweet，点进去也没反应，可以忽略。

Crafted byMark MacKay for Method of Action

估计说的就是这个网站的制作者：Mark MacKay（不对别赖我）

点击Get Started开始后，就会出现这个。它会给你提示，按着它的操作一步一部来就好了。

点击Replay Tutorial 就是重新播放这个教程。

接下来依次就是：

到这里，带有操作提示的图案就没了，正式进入下面的练习。

但是有意思的是：虽然没有了演示教程，但它每一个模板，在开始的时候给你提供起始点和完成这个模板最优所需要的操作步骤。比如这辆车一开始会提示你一共14个步骤（不允许超过14步），然后你每点一下，步骤自动少一个，提示你还剩下13步。很有意思吧，这样的练习方法我感觉很不错。

说到这个网站的不足的话也有：就是你每次进去网站，都要重新开始，比如这次练习了10张图，下次再进去想继续上一次的内容，就要重新开始，不可以自由选择。不过对于初学者来说，这也是好事，基础可以更加巩固，让速度和质量同步。

到时候我也会统计下这个网站总共有多少个这样的模板，到时候再公布。

然后还有一个要说明：

每次我们重新进入网页点击开始的时候，有一个：Skip Tutorial Stages，点击进去，就会直接跳过之前的演示教程，直接进去那辆车的模板页。

然后这个网页也支持：

Ctrl+Z 撤消Undo

Shift+Ctrl+Z前进一步 Redo

Ctrl+X重做 ClearStage

Shift对齐角度 Snapto Angle

Unlink Control Points（不能用）断开控制点

希望大家喜欢。

喜欢的话戳一戳下面的“喜欢”，也可以关注我的微信公众号：一万年的承诺。

---

题图：除第二张锚点图片自己制作外，剩下的图片全部来自The Bézier Game官网截图获得。