经过第一部分教程的练习,我们已经掌握了圆形和方形工具,还了解了填充和组合对象的方法。现在我们可以进一步学习制作基本的场景了。(请点击此处阅读本教程第三部分、第四部分、第五部分、第六部分内容)

渐变

我们再进一步运用渐变填充工具,制作一个简单的水下背景。

教程图11(from gamasutra)

教程图12(from gamasutra)

小贴士:

用“Page Up”和“Page Down”键来调整对象的顺序(如把中间的海葵层移到光线层后面)。

我想给这个海底世界增加一点生机,所以我要制作一些鱼。在矢量场景中增加“真实的”元素,其基本原理是观察形状,然后把图形“分解”成圆形、矩形、方形或椭圆形等基本元素。

我通常是从谷歌搜索一些参考图片,以进一步完善我的想法。我搜到了一些黄色的“长头蝶鱼”的图片。

我的“分解”法很有效:鱼的主体接近方形,前部略呈三角形。

教程图13(from gamasutra)

这个“分解”图形的方法也适用于其他更复杂的图形,基本原理就是找出“组成的积木”。

clip工具

逛完了海底世界,我们还要到岸边的沙滩上看看日落。接下来我们再学习一些更实用的工具和技术。

教程图14(from gamasutra)

这就是我们的“摇滚式”日落,我们要做的就是把圆形变成水中的石头,再进行渐变透明填充处理。

教程图15(from gamasutra)

用矢量制作图形的另一个优势在于它的可延展性——对象可以无损质量地收缩或放大,便利了图片的编辑和调整。

如图,棕榈树的大小决定了观察者的观看距离。较小的棕榈树使小岛看起来更小,更加遥远,而大的棕榈树则让小岛看起来更大。更加接近。

教程图16(from gamasutra)

顺便一提,云的形状是一样的,因为小岛只是压缩了,并配合天空的渐变调整了颜色。请尝试一下重复利用图形,甚至只需要微调整、重上色、压缩、旋转或增加变量,你的场景就会更加生动有趣。

注:

我在教程中用到的图形(棕榈树等)是来自预先定义好的图形(游戏邦注:如圆形、方形、星形等),这只是一种选择。徒手或直线工具也可以达到相同的效果,但需要一定的美术技巧。

为了丰富棕榈树的细节,我们需要运用到inkscape的两个“更高级”的功能:插值(Interpolation)和路径效果(Path Effects)。

教程图17(from gamasutra)

改变叶片,增加插值以及参考一些图片可以进一步改善棕榈的外观。

我希望这些稍微高级一点的功能不会给大家带来太多麻烦。

教程图18(from gamasutra)

如果你想制作如上图所示的邮票齿状边缘效果,可以按照下面的步骤进行操作:

教程图19(from gamasutra)

注:先进行取消组合并集合圆的原因在于,Inkscape仅限两个对象之间进行Union、Difference、Intersection、Exclusion或Division的操作。

而CoreIDraw之类的工具却可以进行成组或者几个选中对象之间的同时操作,不妨挖掘下你的矢量应用程序还有哪些更顺手的操作指令吧。(本文为游戏邦/gamerboom.com编译,拒绝任何不保留版权的转载,如需转载请联系:游戏邦)

供独立游戏开发者参考的2D美工教程(二)相关推荐

  1. 供独立游戏开发者参考的2D美工教程

    作者:Chris Hildenbrand 引言 对大多数独立游戏开发者来说,自己亲自解决美术设计的工作是必然的--可能是因为财政预算上的限制,或根本就没有财政预算,许多年轻的独立游戏从业者雇不起专门的 ...

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

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

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

    经过前面四个部分的学习,我们已经掌握了基本的角色制作技术,接下来我们将学习如何给角色添加动画效果.(请点击此处阅读本教程第一.第二.第三.第四.第六部分内容) 在前面的四部分教程中,角色的上下肢的两部 ...

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

    在本教程的前两个部分,我们已经分别学习了圆形工具.矩形工具.填充.组合对象和渐变场景等.现在我们开始学习一些更有趣的东西吧.(请点击此处阅读本教程第一.第二.第四.第五.第六部分内容) 制作游戏角色 ...

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

    在本教程中,我将教大家如何用圆形工具和排列工具制作可爱的卡通动物.(    请点击此处阅读本教程第一    .    第二. 第三. 第四    .    第五. 第六    .    第七. 第八篇 ...

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

    早在2003年和2005年为<HeliAttack 2>.<HeliAttack 3>制作美术内容的时候,我就深为直升机所着迷.它们是很棒的游戏资产.(请点击此处阅读本教程第一 ...

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

    第1个教程我们学习了圆形工具.矩形工具.一点点填充以及组合对象,第2个教程我们学习了利用渐变制作场景,第3个教程则是游戏角色的创意制作.这次我们将学习基本的动画制作.(请点击此处阅读本教程第一.第二. ...

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

    我在上一篇教程中提到,只要你的核心形状到位了,据此调整并创造变体也就相当容易了.(请点击此处阅读本教程第一.第二.第三.第四.第五.第六.第七部分内容) 本篇教程将分享如何制作出更像上篇教程首张< ...

  9. 独立游戏开发者谈《World Of Goo》诞生记

    此刻,在旧金山的一间咖啡吧有许多人坐着看自己的笔记本电脑.他们可能是在查看邮件,也可能是在听音乐,还可能是正在办公的自由职业者--他们每天溜出荒凉的公寓来咖啡吧,因为在这里不仅可以蹭免费的WiFi.喝 ...

最新文章

  1. html -%3e 转义,特殊字符html,css转义大全
  2. 海量大数据处理最新面试题-1
  3. 电感发出声音怎么解决_开关电源有“声音”可以这样解决-电源啸叫解决方案...
  4. installation of igraph for python2.7
  5. LeetCode 2133. 检查是否每一行每一列都包含全部整数
  6. 山东大学 2020级数据库系统 实验一
  7. xilinx sdk在Debug模式下根据地址在内存里观察值
  8. Android开源库--ActiveAndroid(active record模式的ORM数据库框架)
  9. [Pro]斐波那契数列阿【斐波那契数列】
  10. jdk8 HashMap初始化和扩容机制
  11. MySQL 根据身份证查找年龄段
  12. 以教育行业为例,教产品经理如何做行业分析
  13. 老猿Python博客文章目录索引
  14. python能开发小程序吗_微信小程序用什么语言开发?Python能开发小程序么
  15. 播放器实战 10 像素格式与尺寸的转换
  16. 使用华为短信包,发送短信Result=61问题解决
  17. R语言时间序列分析-根据aic值选择arima模型
  18. 安装Chrome Restlet Client插件
  19. Gson JsonParser
  20. 章节九:cookies

热门文章

  1. 分享25个超酷的凸活版印制(Letterprint)名片设计
  2. 看看各国男人不同的美女观
  3. Emlog程序小刀娱乐网同款顶踩插件
  4. prezi1破解安装与使用
  5. 《基于物联网的车内安防系统项目需求说明书+系统概要说明+系统详细说明》
  6. Revit 二次开发---用命令绘制墙体预设置定位线
  7. oracle 优化器之执行计划
  8. BIM一级考试复习视频
  9. vb身份证读取桌面程序
  10. GraphX入门介绍