# 化繁为简！玩几个小游戏，你就能轻松学会 PS 钢笔工具

- 作者：陆新宇
- 发布时间：2021-04-06 18:41
- 原文：https://www.ifanr.com/app/1408021

![](https://s3.ifanr.com/wp-content/uploads/2021/03/01-4.jpg)

写简历时，我总会在技能一栏写上一句话：「熟练使用 Photoshop」——这并不能说明我有多专业，只不过是熟悉 Photoshop 的基础操作加上厚脸皮罢了。

然而真正进入工作岗位后，我很快就发现自己的基础能力并不过关。虽然不止一次的下定决心「从零学习 Photoshop」，但每次的「下定决心」，都败在了相同的「敌人」面前：布尔运算、贝塞尔工具、钢笔工具……

![](https://s3.ifanr.com/wp-content/uploads/2021/03/1-12.png)

▲ 它真的好难……



相信有许多不做设计工作却要经常与设计同事打交道的朋友，想要了解 Photoshop 的基础操作，却总被前面提到的这些「敌人」搞的云里雾里。学习时又不断重复着打开书本「马冬梅」，合上书本「孙红雷」的过程。明明看书时脑子已经告诉自己「我懂了」，却总在实操时被手反驳说「不，你没有」。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/2-10.png)

干瘪的文本、简单的动态图很难让我们直观的学会这些复杂的设计概念，不过在 Method of Action 这个网站里，那些原本枯燥的概念都变成了简单易上手的游戏。今天，就让我们一起玩玩看吧！

![](https://s3.ifanr.com/wp-content/uploads/2021/03/2x-1.png)

![](https://s3.ifanr.com/wp-content/uploads/2021/03/3-3.jpeg)

- The Boolean Game（布尔运算游戏）

在学习数学和计算机语言时，「与或非」是我们每个人的必修课，而图形的布尔运算，就是在两个图形之间进行「与或非」操作。当然，它们并没有叫这个名字，而是：相交、联合、相减。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/4-9.png)

The Boolean Game 的目的不是为了争个高下，而是为了让你学会布尔运算，所以整个游戏过程都有非常明确的引导。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/5-1.gif)

当你将形状放到对应位置后，下方就会出现重合、相减、相交、去重等布尔运算的图标，点击之后，界面就会为你演示两者进行运算的整个过程。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/6-3.gif)

当你在不同的操作上长按鼠标左键时，界面中的几个图形就会根据不同的运算，展示对应的结果，目的依然是为了让你更加准确的理解各个功能的含义。通过一层层关卡，很快就可以掌握布尔运算的各种技巧。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/7-1.gif)

▲ 长按图标会显示操作结果



- The Bezier Game（贝塞尔工具游戏）

在 Photoshop 里，即使使用的不熟练，我至少可以简单的操作各类工具，不懂的地方查查教程也能照猫画虎的完成工作。唯独钢笔工具，实在的难以控制。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/8-1.gif)

The Bezier Game 就是为了帮助你快速掌握钢笔工具而存在的。同样，在游戏最开始会通过演示视频来向你展示钢笔工具的各种用法，因为钢笔工具使用的特殊性，演示中还会提示操作时所需的快捷键。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/9.gif)

对我来说，钢笔工具的使用要比布尔运算复杂很多，在 The Bezier Game 循序渐进、几乎手把手的教学引导中，我才逐渐掌握了钢笔工具的使用方法。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/10.gif)

▲ 还有一些生疏



- Shape Type（还原字符）

如果说 The Bezier Game 是钢笔工具的入门课程，那 Shape Type 就是钢笔工具的进阶教学。在游戏中，你要拖动贝塞尔工具的控制柄，将画面中的字母或者符号还原，还原度越高，评分就会越高。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/11.gif)

在游戏界面中，你还可以了解到字体和设计师的资料，说不定哪一款字体就会成为你未来创作时的新选择。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/12-5.png)

- Color（取色游戏）

你看得出两个相近的红色有什么区别么，你能展现出「五彩斑斓的黑」么？颜色是每一个设计工作者的必修课，如果你的工作和设计相关，那「Color」这个小游戏值得一试。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/13-1.png)

进入游戏，你需要在规定时间内将色环与给定的颜色匹配，系统会根据你匹配的准确度，给出完美、不错、差等评分。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/14.gif)

▲ GIF 品质导致色环断层



随着游戏难度的提高，你需要同时匹配多种颜色，考验的不仅是你对颜色的判断能力，还有对几乎所有设计软件里都会有的色环工具的熟练操作。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/15.gif)

▲ GIF 品质导致色环断层



- KERNTYPE（字母间距游戏）

在字体设计中，字母间距多远会让我们感觉「好看」？体验过 KERNTYPE 后，你就会对这个问题有更深刻的理解。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/16.gif)

在游戏里，你需要根据自己对间距的理解来移动字母位置，而系统则会根据你移动后的字母位置与准确位置的对比，给出相应的成绩。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/17-1.png)

经过几轮尝试，我似乎掌握了其中的奥妙，成绩也不断的提升，说不定在不久的将来，我也可以煞有介事的和同事沟通：「唔……A 往左一些视觉效果更好哦。」

- Method Draw（在线矢量编辑器）

光说不练假把式，通过上面这些设计小游戏，你已经学会了不少设计知识，不妨在 Method Draw 中尝试制作一个图形，来验证下自己有多少进步。

![](https://s3.ifanr.com/wp-content/uploads/2021/03/18-1.png)

如果你熟悉 Adobe 系列的设计软件，Method Draw 一定不会让你感到陌生，在这里，你可以使用铅笔、直线、形状、钢笔、字体等多种工具进行创作。创作结束后，还可以通过「文件>保存图像」将你设计好的图形下载到本地。

 ![](https://s3.ifanr.com/wp-content/uploads/2021/03/19-1.png)

绘制图形、填充颜色、描边对齐，Method Draw 就像是一款精简版的 Illustrator，不仅可以用来验证你在游戏中学到的小技巧，还能用来应急完成一些工作任务。

如果你是一个设计师，Method of Acrion 中的游戏可能会显得有些简陋，但对想要学习设计的入门者来说，这些小游戏则是一个个合格的老师，用最直观、最简单的方法，一步步把门外汉领进门。

你准备好跟着游戏学设计了么？