3

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

 3 years ago
source link: https://www.ifanr.com/app/1408021
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

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

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

1-12.png!720

▲ 它真的好难……

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

2-10.png!720

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

2x-1.png!720

3-3.jpeg!720

  • The Boolean Game(布尔运算游戏)

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

4-9.png!720

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

5-1.gif

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

6-3.gif

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

7-1.gif

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

  • The Bezier Game(贝塞尔工具游戏)

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

8-1.gif

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

9.gif

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

10.gif

▲ 还有一些生疏

  • Shape Type(还原字符)

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

11.gif

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

12-5.png!720

  • Color(取色游戏)

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

13-1.png!720

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

14.gif

▲ GIF 品质导致色环断层

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

15.gif

▲ GIF 品质导致色环断层

  • KERNTYPE(字母间距游戏)

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

16.gif

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

17-1.png!720

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

  • Method Draw(在线矢量编辑器)

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

18-1.png!720

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

 19-1.png!720

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

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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK