供独立游戏开发者参考的2D美工教程(一)

作者:Chris Hildenbrand

引言

对大多数独立游戏开发者来说,自己亲自解决美术设计的工作是必然的——可能是因为财政预算上的限制,或根本就没有财政预算,许多年轻的独立游戏从业者雇不起专门的美工或外包美术设计。(请点击此处阅读教程第二部分第三部分、第四部分、第五部分、第六部分

幸亏我们还有大量的免费软件,如 gimp、 inkscape、 truespace、daz studio 和 vue pioneer 等(在此只列举几款),再加上基本能理解美术创意,几乎人人都能制作出惊艳又专业的作品。

首先,我将带领大家做几个基础的练习,以巩固对美术设计的理解。所有练习用到的都是免费软件。操作流程与 Adobe Illustrator、 Adobe PhotoShop和 CorelDraw等软件相似。我会告诉你们如何运用这些软件。因为美术创作软件和技术太多了,所以我没有办法面面俱道,不过我尽量保证以下练习用的都是你所选择的软件吧。

在开始我们的教程以前,我先澄清几个观点:

1、“我需要昂贵的软件工具才能制作出真正专业的游戏美术设计。”

错,不需要!现有大把免费软件供你选择。如果说Blender是3D领域的王道,那么Gimp就是2D世界的霸主。对于全职美工来说,把工具升级至“行业标准”还是有道理的,特别是与其他使用标准文件格式的人合作时,因为那样可以使交接美术设计工作更容易。

2、“有了昂贵的工具,美术制作自然就会更好。”

错,不会。只有美工才能让作品更好。即使手头上只有一支笔一张纸,优秀的美工也会能做出了不起的设计;最高级的工具也需要优秀的美工来操作才能产生佳作。

3、“我不懂美术,我连简笔画者不会。”

错,你行。这就是现代计算机的意义所在,让没有美术设计资格证书的人也能制作出强悍的游戏美术效果。

4、“我的游戏本身就很好了,不需要美术设计了。”

好吧,你可以这么说。现在的独立游戏市场还在速度扩张着,人们对它的关注也比过去多了。要让你的游戏在众多竞争者中脱颖而出,你的游戏应该“全面发展”——玩法要有趣,画面和音效也不能落后。

共同的阻碍

期望过高:

独立游戏开发者面临的共同问题之一是,对自己期望过高。对于势单力薄的个人开发者或小工作室,不要妄想制作出大工作室才有能做出来的AAA游戏。你确实应该朝大师级的方向努力,这正是独立游戏制作的奥义。尽力而为,坚持不懈,超越自我……但你得现实一点,根据自己的能力和预算调整自己的期望,这是走向成功的重要一步。

确定重点:

许多时候,游戏创意来源于一个灵感的火花。我们只是想到游戏的可能运作方式,就着手制作。一开始,游戏制作过程很顺利,但随着开发深入,问题会渐渐暴露出来。所以,从美术设计入手游戏开发并不适合,应该先确定游戏引擎/核心玩法。一旦确定了游戏玩法,要想出适合整个游戏的视觉效果就非常容易了。

一致性:

为了产生良好的游戏体验,画面的在视觉和感觉上的一致性是非常重要的。从图标、启动画面到游戏屏幕,都必须保持一致。

最常见的错误是:

字体太多——游戏UI的字体控制在2到3种足矣(除非字体是以图片的形式用于表示商店/包装等)。

反差强烈——保持画面处于接近的水平,你可以采用色彩过渡——从开头到BOSS战/史诗场景,色彩越来越丰富。

特效——好是好,但许多“美工”认为特效使用得越多,画面会……我的建议是节制地使用个把特效,尽量重复利用或调整变量。

光照——看你的屏幕,想象一下产生高光所需的光源、游戏内物品/UI元素的阴影……吓着了吧,相同屏幕上的物品总是被打上随机的光影。

焦点缺失:

看到你的美术设计与游戏玩法和代码一样精彩,你非常容易陷入得意忘形之中。我们总是把关注重点放在自己喜欢的元素上,而忽略了那些我们不感兴趣的部分。例如,菜单系统和UI通常是被我们冷落的对象。这些元素往往是游戏开发的最后阶段才补上的,而那时候,制作人员的积极性都不太高。然而,这些却是最先映入玩家眼帘的东西,会极大地影响玩家对游戏的看法和感觉。

教程

第一个教程是在inkscape上完成的,主要用到圆形工具(在工具条中用橙色框标出)和锚点工具(绿色框标出)。

教程图1(from gamasutra)

教程图2(from gamasutra)

使用位图工具(游戏邦注:如gimp中的圆形)可以制作出相似的图案。操作流程稍有不同,不过只要你保存不同图层上的元素,移动、改变和调整都很简单。

教程图3(from gamaustra)

接下来的教程和上面的差不多,这回使用的是矩形工具:

教程图4(from gamasutra)

教程图5(from gamaustra)

教程图6(from gamasutra)

这幅图的概略图看起来有些乱,但从中我们可以发现,这整幅图都是由矩形和变形的矩形组成的。

渐变填充是一个非常有用的工具。我们来看看下面这个教程:

教程图7(from gamasutra)

教程图8(from gamasutra)

下次我们将综合运用Union、Intersection、Exclusion、Difference和Division来制作更复杂的图形。

教程图9(from gamasutra)

教程图10(from gamasutra)

原文发布于微信公众号 - Golang语言社区(Golangweb)

原文发表时间:2016-06-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

总有故事,不负时光--QQ空间12周年设定

19030
来自专栏web前端教室

怎么做,前端开发才能从0到1...再到100?

前端开发状态为0,就是什么都没有,一切都是空白。极端点甚至连javascript是啥都不知道。只知道这二年前端开发很火,就跑来学前端。想培训个三个月半年的,出来...

19550
来自专栏Android群英传

GoogleDeveloperDay回顾

13130
来自专栏VRPinea

这家硅谷华人精英组成的MR硬件团队,为践行极客精神到底做了哪些事?

35860
来自专栏星流全栈

可以免费自学编程的12个网站

35640
来自专栏即时通讯技术

技术往事:微信估值已超5千亿,雷军曾有机会收编张小龙及其Foxmail

据汇丰银行(HSBC)发布的报告显示,腾讯公司旗下手机通讯app微信市场价值估计高达836亿美元(约合人民币5344亿元),几乎是腾讯市值的一半。由此可见腾讯高...

37620
来自专栏程序人生

Pixel 2 XL,软件为王

在用了六年多 iPhone 后,程序君对 iOS 系统已经深深地审美疲劳,累觉不爱。 新出的 iPhone X 噱头不少,从功能上来看让人大失所望。正好,pix...

36260
来自专栏ionic3+

【风雨欲来的Hybird】(3)新一代技术代表——陌生的Dart和怪异的Flutter

Flutter出来也有好长一段时间了,但正式版出来之前感觉国内关注还是比较少。 使用Flutter,对于习惯了原有开发技术的人来说,是怪异的,本人在试用过程中...

10930
来自专栏腾讯社交用户体验设计

网页大图片应用技巧浅析 - 腾讯ISUX

12830
来自专栏腾讯社交用户体验设计

星咖闪动—闪咖品牌设计

14920

扫码关注云+社区

领取腾讯云代金券