您的位置: 首页 > 艺术设计 > 像素设计 > [像素画]第七章:精灵的世界
[像素画]第八章:RPG精灵制作 回到列表 [像素画]第六章:抖动
 [像素画]第七章:精灵的世界

作者:pixel32 时间: 2008-02-26 文档类型:原创 来自:像素交流/网络末端

第 1 页 第七章:精灵的世界 [1]
第 2 页 第七章:精灵的世界 [2]
第 3 页 第七章:精灵的世界 [3]

Kain并不是颜色区分很好的例子,但是因为他看起来很酷,所以……呵呵

在小镇中随机选择的一个NPC。这里用到颜色区分的区域主要在头发上。桃色的发髻和头发的颜色差别很明显,所以这里不需要黑色勾边。如果加上勾边,想像一下会出现什么情况?你的眼睛将无法分辨出哪是眼睛哪是头发。使用颜色区分使头发和脸部衬托出黑色的眼睛。观察她的躯干(包括脖子到腰以及手臂)。这里唯一的黑色是整个区域的轮廓……这里没有黑色给衣服和皮肤勾边,但是你可以说出她穿了什么,对吧?看,假如你只有2个像素高的身体给你画细节,你将没有多余的空间用来勾边……

如我之前所说的,很多时候使用黑色勾边会使角色看起来灰暗,因为黑色比任何颜色都强烈。观察头发上的黄色点,你知道那是什么对吗?类似头花的小饰物,也没有勾边。在躯干内部有两条黑色的线,分别表示下巴和腰部分界,这是必要的结构线。如果没有结构线,角色就变成一大团颜色了。这个就需要多练习以及熟悉人体解剖。

Cecil和Kain,最终幻想2某场剧情中的精灵。16x24像素,尺寸和16x16的不一样。因为如此他们有更多的细节,同样使用颜色区分。看,现在画家有8个甚至更多的像素来画细节。“哦,那意味着我可以多加一些黑色勾边!”好吧,你可以那样做……但是即使你这样做了,效果也不会比16x16的精灵好多少,而且16x24尺寸的精灵将会增加程序员的工作量。

首先是左边的Cecil……现在最显眼的是他的头盔……注意观察,尤其是遮住眼睛的部分……沿着黑色的线。线会通向哪里?停住!就是那。在他脸部中央的地方,黑线变成了深紫色然后继续前进,勾画出头盔的形状,最后相交于顶部的黑色轮廓线。“那么这里的要点在哪里?”好的,这里需要做一些对比。如果你观察他的头部,眼睛首先被吸引的是他的脸部。然后眼睛扫过周围的黑色得到一个整体印象。眼睛首先被分割头盔和脸的黑线吸引,如果那段延伸的深紫色线也是黑的,这会削弱脸部的颜色(我知道这听起来怪怪的,但是请相信我……)。因为是深紫色,很自然的融合进紫色的盔甲边缘线。眯起眼睛观察下精灵……紫色的区域混合在一起,因为颜色接近,但是他们中间的黑色一直引人注目。你不需要学会这个有关线条的技巧,但是要记住你并不总是需要黑色的轮廓线。

现在观察他的手臂(离我们近的那个)……从肩膀到手你没有看到有黑色的线条……不同的颜色区分不同的区域,胸部的盔甲,腿等等。所有这些都使用了颜色区分……较深的颜色被用来替代黑色分割物体。

现在观察Kain,因为他同样穿着盔甲,颜色也比较接近Cecil。如果你仔细观察,会发现他的脚和Cecil几乎一样只是换颜色……注意观察他们的脚,发现有不同了吗?Cecil脚的右下角有一个橙色点、一个黑色点。这两个点使脚看起来变化很大。Kain穿着圆角的靴子,反之Cecil则穿着有锯齿的鞋子。橙色点没有黑色勾边……仅仅是一个橙色点就改变了盔甲的外观。现在观察Kain的头盔……龙形的部分……头盔后部是黑色的勾边,但是在里面黑色被黄色代替。因为黄色和蓝色差别很明显,所以这里不需要黑色,如果加上黑色会使头盔看起来丑陋。

Kain有更多的颜色区分(尤其是在手臂上),黑色线使他的盔甲看起来很有质感……

Cecil右边手腕的紫色盔甲看起来更像衣袖,而Kain使用了黑色,则明显有盔甲的感觉。黑色可以分割物体,但是也可以使物体的边界混淆。你需要做一些练习来学会使用黑色。现在我们来看看最终幻想3中的精灵:

Edgar看起来不错……他的衣服非常醒目。FF3中所有精灵的尺寸都是16x24,而在FF2中这是战斗精灵的尺寸。我想可能因为他们觉得16x24的精灵效果很棒,呵呵……不管怎样,这些精灵用了更多的黑色。事实上这很奇怪,大尺寸的精灵用的黑色反而比小的还多。那么从这里开始?使用大尺寸的精灵并不意味着你可以不考虑颜色区分。所有的黑线都被用来表示阴影或者细节……请想清楚以后再去画。现在看看Edgar……看他的头发……比较特殊的是有些头发垂下来挡住了脸。只是头发的颜色,没有黑色勾边。好的,现在注意看他的头部顶端。头发的边缘少了一个像素。逻辑告诉我们如果想让头发向下分开(想表现头发往两边分的发型),应该把黑色轮廓线也向下分开……但是我们不需要如此。我们只要抹掉一个像素使黑线断裂。当你的眼睛顺着黑线到达头部顶端,它中断了,下去碰到颜色,再出来继续顺着轮廓线……这很好的暗示了想表现的发型,同时不会因为使用黑色而使形状变的肥大。观察盔甲上的亮绿线,没有黑色勾边……

黑色的轮廓线(特别是背面视图)可以突出边线分割区域。有趣的是实际上这里没有黑色。FF3中黑色被颜色线代替……如果你仔细看轮廓线,并不是全黑的。正因为如此使FF3的精灵比FF2的更写实。最后注意Edgar正面视图的腿没有分开。这是16x16尺寸精灵无法避免的问题。2的指数幂尺寸的精灵在程序中可以节约空间,也因此这些尺寸成为以前游戏精灵的标准尺寸。问题在于没有多余的空间来画一条竖线分开双腿,如果有的话你可能还可以画一个鼻子……但是中间有2个像素宽,你不能画2像素宽的轮廓线,你也不能让一个腿粗一个腿细。这个问题也会影响到脸,你会发现Edgar的眉毛一个短一个长。如果两个都一样长,眉毛会变成一条直线……如果两个一样短,则看起来人物很高兴的样子,这不符合游戏中对他的设定。游戏中Edgar是个忧心忡忡的老头。

出处:像素交流/网络末端
责任编辑:bluehearts

上一页 第七章:精灵的世界 [1] 下一页 第七章:精灵的世界 [3]

相关文章 更多相关链接
[像素画教程]基本攻击的动画化
[像素画教程]让角色呼吸起来
[像素画教程]精灵教程进阶
[像素画]第八章:RPG精灵制作
[像素画]第六章:抖动
作者文章 更多作者文章
[像素画教程]精灵教程进阶
[像素画]第八章:RPG精灵制作
[像素画]第六章:抖动
[像素画]第五章:向前人学习
[像素画]第四章:打破单调
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/31个记录/页 转到 页 共3个记录 分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2