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

标签: 头条推荐 资源分享 2D美工教程 GIMP inkscape | 发表时间:2011-10-23 12:05 | 作者:fanbinzhen Stan
出处:http://gamerboom.com

作者: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)

教程图1(from gamasutra)

教程图2(from gamasutra)

教程图2(from gamasutra)

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

教程图3(from gamaustra)

教程图3(from gamaustra)

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

教程图4(from gamasutra)

教程图4(from gamasutra)

教程图5(from gamaustra)

教程图5(from gamaustra)

教程图6(from gamasutra)

教程图6(from gamasutra)

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

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

教程图7(from gamasutra)

教程图7(from gamasutra)

教程图8(from gamasutra)

教程图8(from gamasutra)

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

教程图9(from gamasutra)

教程图9(from gamasutra)

教程图10(from gamasutra)

教程图10(from gamasutra)

但愿读者们能自己尝试着制作与教程类似的图案,从中发现inkscape、gimp等软件的乐趣。(本文为游戏邦/gamerboom.com编译,拒绝任何不保留版权的转载,如需转载请联系:游戏邦

2D Game Art For Programmers – Part 1 [updated]

by Chris Hildenbrand

Introduction:

Creating your own art work is a necessity for most independent developers. Due to the budget restraints or in a lot of cases the complete lack of a budget a lot of young indie game developer can’t afford to hire an artist or buy art assets.

With the help of free software like gimp, inkscape, truespace, daz studio and vue pioneer (just to mention a few) combined with a basic understanding of art creation pretty much anyone can create impressive and professional looking results.

I will try to start with some basic ideas and exercises to improve this kind of understanding. All of the examples will be based on free software. The workflow will be similar if you work with different software like Adobe Illustrator, Adobe PhotoShop, CorelDraw or others. I will try to mention the different approaches for those software packages. With the vast variety of software available at the moment and the sheer endless amount of our art creation tools and techniques it is impossible to cover everything but I will try to keep my examples basic enough to work with the software of your choice.

Let me start by clarifying some common believes when it comes to creating game at.

“I need expensive software tools to create truly professional game art.”

No, you don’t! There is a huge amount of free tools available that offer a true alternative. Gimp is one of the most well-known examples in the 2D realm as well as Blender in 3D field.

For the full time game artist upgrading your tools to ‘ industry standards’ makes sense. Especially when collaborating with others using standard file format makes sharing and exchanging art a lot easier.

“Buying an expensive tool will automatically create better art.”

No, it won’t. It’s always the artist creating the art that makes it great. Given the simplest tools like pen and paper a good artist can still create stunning pieces, while the most sophisticated tools still need a good artist to create something special.

“I can’t do art. I can’t even draw a stick figure.”

Yes, you can. This is where modern computers to come in and allow you to create good game art without having a graphic arts degree.

“My game is good as it is. I don’t need art.”

Yes, you do. The independent game market is getting larger and larger and is attracting a lot more attention than it used to a few years back. In order to stand out your game should be the whole deal – have a great game play as well as rewarding and consistent visuals and matching sound and music.

Common hurdles

High Expectations:

One of the main problems facing independent developers are the expectations they have themselves. For single developers or small studios it is close to impossible to create AAA games match the quality of big studios. You should try and aim for the stars. Making games is all about that. Do the best you can and constantly push your limits and improve your skills…

but thinking realistically and adjusting your expectations to your abilities and your budget is a big step towards creating the best game you can create.

Defining a theme:

A lot of the time game creation happens with a spark. We have an idea of how the game playing might work and start creating. Creating very concrete in game art in the early stages of development can often lead to problems as the game evolves during development.

It usually helps to create a working game engine/ core gameplay before starting on the actual art work. Once you know how the game plays it’s a lot easier to find a visual theme that encompasses the whole game.

Consistency:

Creating a consistent look and feel is a key element in creating a good gaming experience. It starts with the icon, the splash screen and goes all the way through to the game over screen. The most common mistakes are:

- the overuse of fonts – stick to 2 or 3 for the whole game UI [unless the font is used in images as lettering for shops/ packaging/ etc.]

- drastic changes in light and contrast – keep screens on a similar level – you can progress through the colour realm – usually starting out less colourful and getting more colourful for boss/ epic scenes

- photoshop effects – they are fun but a lot of ‘artist’ think the more you use the better the image will be… My suggestion is limit your use of fx to a few and keep reusing and variating them

- lighting – look at your screens and imagine the light sources needed to create the highlights, shadows of your ingame/ ui elements… It’s scary how often you find lights being randomly used for objects that appear on the same screen

Losing focus:

It is only easy to get carried away with your art work as well as game play or coding. We all tend to focus on those elements we like to do while neglecting those we don’t. A good example is generally the menu system/ UI. These usually are implemented at a late stage in the development with motivation at a low point. Yet they are one of the first things the player gets to see and they can greatly define the look and feel of the game.

Let’s get started

The first tutorial is based on inkscape using mainly the circle tool [marked in orange in the tool bar on the left] and the nodes tool [marked in green].

A very similar result can be created in a bitmap tool [e.g. using circle shapes in gimp]. The work flow is a little different but as long as you keep elements on different layers it’s easy to move, alter and modify.

The second tutorial works the same way – this time using squares:

The outline version still looks somewhat messy but it shows that the whole scene is made up of nothing but squares and deformed rectangles.

One very useful tool is the gradient fill. Let’s have a look at it in the next tutorial:

Next we are moving on to more complex shapes with the help of combined shapes using union, intersection, difference, exclusion and division.

Let’s take the gradient fill to the next level and work with colour and alpha to create a simple underwater background.

Hint:

Use the ‘Page Up’ and ‘Page Down’ key to adjust the order of objects [e.g. place the sea anemones in the mid ground behind the light rays.]

I would like to add more life to the underwater scene and create some fish. The basic principle when adding ‘real’ elements to a vector scene is to look at the shapes and ‘deconstruct’ them into basic elements like the circle, square, rectangle or ellipse.

I usually do a quick google image search for a reference image to get a better idea what I am going to create. In this case the ‘yellow reef fish’ search came up with a nice yellow longnose butterfly fish.

It works great as the main body is kind of squarish and the front has a triangular shape.

The same approach works the same with far more complex elements. It’s a matter of seeing the ‘building blocks’.

This concludes the first post. I hope you have fun trying to recreate some of the tutorials yourself or just play around with inkscape, gimp & co.

…and please let me know what you think about the tutorials, tell me what you would like to see featured or would like me to change.(source:gamasutra

相关 [独立 游戏开发 参考] 推荐:

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

- Stan - GamerBoom.com 游戏邦
作者:Chris Hildenbrand. 对大多数独立游戏开发者来说,自己亲自解决美术设计的工作是必然的——可能是因为财政预算上的限制,或根本就没有财政预算,许多年轻的独立游戏从业者雇不起专门的美工或外包美术设计. (请点击此处阅读教程第二部分). 幸亏我们还有大量的免费软件,如 gimp、 inkscape、 truespace、daz studio 和 vue pioneer 等(在此只列举几款),再加上基本能理解美术创意,几乎人人都能制作出惊艳又专业的作品.

如何才能成为一名独立游戏开发者?

- Jacky - GamerBoom.com 游戏邦
作者:Alistair Doulin. 你是否曾经想过要成为一名独立游戏开发者. 你是否不想再受制于游戏发行商,或者你只是想借此进入游戏产业. 不论你带着何种原因,可以说所有独立游戏开发者的目标都是制作出一款好游戏. 我有很多游戏产业中的朋友最近都决定开始制作自己的游戏了. 所以我想凭借自身的经验以及好友们(那些着手独立开发游戏并已经完成了一些独立游戏)的经验,阐述如何才能成为一名独立游戏开发者.

独立游戏开发商将其游戏上传到海盗湾

- ttfioc - cnBeta.COM
独立游戏开发商TinyBuild Games将其刚刚完成的游戏No Time To Explain上传到了海盗湾(22.24 MiB). 然而,海盗版和正式版还是有重大区别的:海盗版中的游戏角色戴着海盗帽子,整个游戏也是以海盗为主题.

揭秘App Store,为独立开发者提供参考

- - 雷锋网
编者按:本文由独立开发商及Game Bakers联合创始人Emeric Thoa所撰,本文将通过查看App Store趋势及销售数据,为iOS游戏独立开发者提供帮助. 秘密1):有太多的iPhone及iPad,任何一款好游戏都能让你发财. App Store差不多有2亿用户,如果你对朋友说“你只需要将1美元的应用卖给其中0.1%的人,你就能挣20万美元”,但值得注意的是:许多iOS用户都没有信用卡,而一些小孩儿或青少年使用喜欢下免费应用.

游戏开发的51条军规

- 章明 - 互联网的那点事
Struan Robertson在gamesbrief中撰文讲述了他在游戏开发的51条经验:. 预留20%时间修改Bug以确保完美. 记住游戏发布的时间和期限把这件事放在心上,给自己一个开始修改的deadline. 怀着“我能弄出伟大的游戏”的心态开始每一个项目. 以在预定的时间和预算内完成项目为终极目标.

HTML5游戏开发工具推荐:IMPACT

- iDesperadO - HTML5研究小组
Impact 是一个 JavaScript 游戏引擎,可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏. 我已经试过了四个其他 JavaScript 游戏引擎,这是我用过的第一个比较有意义的(……)Impact 是市场上第一个真正专业级的 JavaScript 和 HTML5 游戏引擎. ——《Game Developer Magazine》,2011年5月.

游戏开发商开源HTML5游戏

- - Solidot
游戏工作室Wooga开源了其开发的HTML5游戏Pocket Island,源代码托管在GitHub上,该公司在官方博客上介绍了他们的开发经验,认为HTML5游戏有潜力,但尚未做好准备,开源的意图将是让其他人了解他们的工作,学习和改进. Wooga认为,2012年也许不是HTML5的黄金时代,但它的黄金时代即将到来.

游戏开发者评微软Surface

- - CocoaChina移动观察
6月19日,微软揭开了携Surface进军平板市场的计划,这一全新平台将会把人体工程学设计的移动设备与笔记本功能性融合于一体. 据微软说,由Windows 8(以及Window RT)驱动的Surface将会为应用和游戏提供许多令人兴奋的机遇. 然而游戏开发者也是这样看的吗. 为此,我们在采访了业界的众多的开发者,而他们的第一印象显然是各不相同,不少开发者对这款设备的核心功能设定表示了担忧.