Posted in 色彩与明暗

古代的游戏如何表现半透明?

古代的游戏……恩,就是游戏受机器性能限制的中古时代。所以机器不支持Alpha通道的时候,如何表现透明? 看下效果吧。聪明的你一定猜到了,就是用抖动来间接实现半透明。 一:准备好需要处理的图片 二:用基本的抖动图案(黄色像素点)铺满并覆盖 三:然后选中黄色的像素点删除 PS:改变抖动的图案,可以获得不同的半透明效果 不过50%抖动的效果是最好的。因为透过的越少,透明度越低,透过的越多,会导致半透明的角色不容易识别。

Continue Reading... 古代的游戏如何表现半透明?
Posted in 新手入门

像素画入门上手推荐

像素画属于数码绘画的分支,不管怎样还是属于画画。如果你会画画,可以更快的上手? 不一定。从来没学过画画? 反而比较好入门。因为画画是输入(眼睛看到的)到输出(用笔画出来的)的转换。 所以只要是具备正常视力和思考能力的人都可以学会像素画。最重要的是,像素画是由点组成,你看到的那些高手的作品都是无法隐藏笔触的。 不像传统的绘画,很多画你看不到笔触,加上由于层层叠叠,也不知道上色的顺序和笔法。不是有经验的画家,即使看了大师的作品,能学到的也是有限。 通俗的说,只要是像素画,放大以后点对点的去临摹,绝对可以100%准确。那么对于一个初学像素画的新人,如何快速上手? 一:选择合适的工具软件 不管是否熟悉Photoshop,我都推荐Aseprite。idraw3也不错,有兴趣的小伙伴也可以尝试下。 Aseprite1.2的教程还不多,官方文档还没有完成。新手可以看下我翻译的官方文档。 二:会用铅笔和橡皮之后就可以画了画画是需要动手的技术,像素画属于画画,所以想学会就得自己动手画。光看教程是学不会的哦。…

Continue Reading... 像素画入门上手推荐
Posted in 色彩与明暗

画明暗和配色Tips

翻译:pixel321 明暗基本规律 素描的套路就是这些。2 不仅是明暗,还要兼顾色调变化在上色画过渡的时候,新手容易把注意力放在明暗上。 这是把画素描的法子带入到画色彩里面了。想要颜色好看的秘诀就是: 上明暗的时候要兼顾色调变化。 最简单的规则就是,亮部的颜色偏暖,暗部的颜色偏冷。这个方法不适合特殊情况,比如光源本身是冷色的情况。 下图中将亮部颜色偏黄,暗部颜色偏蓝,拉开了脑袋和身体的距离,立体感更清晰了。 在色环上,黄色绿色等颜色比较亮,蓝色红色等颜色比较暗。 3…

Continue Reading... 画明暗和配色Tips
Posted in 抖动与递色 软件与工具

像画CG那样画像素画

像素画的尺寸越大,绘画的难度越大,耗费的时间越长。我在这介绍一下像素画家Dan Fessler提供的解决方案。 我觉得非常酷。先看下效果,下图左是CG绘画,右边是处理后的效果。 堪称完美。因为软件自动生成的,精细度明显不及手工画的像素画。 使用这种方法就可以画较大或者特大尺寸的像素画了! 那么这种方法能做什么呢? 几乎无所不能,就是你可以像画CG那样画像素画,仅限大尺寸的。可以用画笔画画 抖动自动生成,可调节可控 抖动可以用吸管吸 自定义抖动图案…

Continue Reading... 像画CG那样画像素画
Posted in animation

正在消失的模块化逐帧动画

我第一次看到gameloft的Aurora动画编辑器就震惊了!这款名字叫Aurora(音:欧若拉)的动作编辑器包含角色动画编辑器,场景编辑器,关卡编辑器,三合一的所见即所得神器! 所有的数据格式是xml,导出的图片文件是最优排列的矩形图块。早期还需要美术手工排列,以获得容量最小的图片。 后期则加入了程序自动排列。印象中当时的很多PC游戏,里面的素材都还是逐帧的图,我想这多费容量啊。 确实那会的PC游戏动不动就是几百M,小游戏也得30多M。而gameloft开发的游戏最小的一个Jar包只有98K! 包含所有的角色动画和场景,恩还有代码!模块化逐帧动画就是将普通逐帧动画的帧拆碎复用。 它的精髓在于拆碎和复用。因为图片容量和矩形的面积正相关,矩形面积越大容量就越大。 不过受内存限制,同屏显示的矩形数量是有限制的。那么欧若拉是如何实现模块化逐帧动画的? 一:数据和图片分离欧若拉的素材图片和动画数据是分开的。编辑帧或动画,都不会影响图片。 因此图片可以上下左右翻转,还支持90度顺时针或逆时针旋转。同一套帧和动作数据搭配不同的图片就可以实现角色的换皮。 realfootball系列,球员的帧和动画只有一套,该游戏所有球队的动画数据只有1份,但是对应32张球员切片动画,就可以变成32支球队。…

Continue Reading... 正在消失的模块化逐帧动画
Posted in character

怎样画好像素画角色?Part1

问题某个像素画爱好者画了一个角色。 他不知道哪里出了问题,但是总感觉哪里不对劲。 他用下面的3D模型图片作为参考,画了这个角色。 分析问题在于角色太小了,阴影却很复杂,而且参考图过于写实。 下面我来详细分析一下。 1脸画的不错2棕色和紫色糟糕的混合在一起,尺寸越小的角色会使这个问题更加突出。 3手臂看起来太圆了,阴影有问题4这里没有交代清楚5枪托应该伸出空间,使剪影更易识别6这个皮带应该让它融入到轮廓线里去7靴子上有太多的斑点,会使人分散注意力8扣带应该更加圆滑,有时候你必须忽略3D参考,才能更好的转换为像素格式解决方案当参考图是照片或3D图片时,很难确定哪些部分应该被保留。 我不反对使用参考图片,当你练习画角色的时候,可能是必需的。重要的是如何使角色的感觉正确的进入大脑。 当你画完一个角色觉得不满意,可以试着回答以下问题阴影对比足够吗?细节足够简单吗? 角色的明暗关系准确吗?(以上问题的答案可以将角色转换为灰度图来检验)角色的剪影是否清晰易懂?…

Continue Reading... 怎样画好像素画角色?Part1
Posted in character

怎样画好像素画角色?Part2

怎样画好像素画角色Part1Felo画了很多格斗角色……其中有一个项目是Capcom vs SNK,他向我展示了下面的作品: 我的建议仍然是减少明暗,去掉非必要的明暗,突出重点。这次我要介绍一种快速修改的方法。 修改步骤首先用Photoshop打开图片,然后使用邻近模式放大400-500%。把颜色模式变成RGB,再转回索引模式,颜色表选“实际”,强制、杂边、仿色都选“无”。 这样做的目地是把角色所有颜色记录到内存中去。后面会用到。 再把颜色模式改为RGB,可以开始修改了。用放大镜将图缩小一点,然后使用画笔工具来修改吧。 也许你会问,不是画像素吗?让我告诉你,修改完成后只要转回索引模式,然后选择上一个颜色表,就可以把画笔生成的像素全部变成颜色表里有的颜色,然后再缩小到放大前的尺寸。 就OK了!由于使用画笔,改起来特别快速。 改完后缩小,然后稍作调整即可。…

Continue Reading... 怎样画好像素画角色?Part2
Posted in animation

四足生物行走规律

学会简化 四条腿的动物行走看起来挺复杂,其实可以很简单。如果你已经学会怎样画人类的行走,就可以想象一下四足生物行走就像2个人在行走。 注意,脑袋要跟随前面的人才对。运动规律 腿的运动规律都是相似的。 只要学会画一条腿,其他的腿也可以画出来。1落下接触地面; 2回收滑步; 3抬起; 4向前; 解剖学不同的动物有不同的解剖学,制作的时候找到动物的骨骼结构图会很有帮助。 下面是通用的四足步行前腿和后腿的循环动画参考。要点是关节。…

Continue Reading... 四足生物行走规律
Posted in character

像素画高级教程:怎样画好像素画角色?

怎样画好像素画角色Part1怎样画好像素画角色Part2完美的尺寸 大约120像素高的角色,在我看来是一个最合适的尺寸。1、有足够的手指细节; 2、自然的面部特征,甚至还有微妙的表情(假设你知道如何画好像素画) ,3、仍然足够小; 4、艺术家不必花太多的时间来画它。 在我看来,这个尺寸使细节和工作之间达到了完美的平衡。此外,它在尺寸为384×224像素的街机屏幕上也有令人满意的比例。 糟糕的尺寸当角色的尺寸超过120像素,比如罪装备或KOF12,有一些东西就消失了。像素画的某些规则在这种大尺寸的角色身上已经显得无足轻重。 另一方面当角色的尺寸缩小时,你必须思考和决定保留哪些细节舍弃哪些细节。你会经常看到RPG角色,使用2头身的SD娃娃样式,卡通风格能使角色容易被识别,或者是像魂斗罗那样的角色,虽然看不清脸部的细节,但是角色的动作是很精致的。 魂斗罗角色的重点是动作,而不是角色的样子,而RPG角色是演出的明星,清晰的脸部和表情是很重要的。游戏的类型是决定角色艺术风格的决定因素。 即使尺寸很小,也有无数种艺术风格绘制方法那么如何来画小尺寸的像素画角色呢?我尝试逆向推导出不同细节程度角色的画法。…

Continue Reading... 像素画高级教程:怎样画好像素画角色?
Posted in 抗锯齿AA

像素画基本功手工抗锯齿练习方法

学习方法还记得初学汉字时临摹的字帖吗?学习像素画基本功之一的AA(手工抗锯齿),也可以用类似的方法。 AA可以提高线条的平滑度和可读性。使用下面我发现的方法,任何人都可以快速的理解并掌握AA这一技术。 打开Photoshop或GIMP,输入大约9或10P的文本。目标是使所有的字母尽可能清晰可读,只能使用黑色,白色和50%的灰色(即1个抗锯齿颜色)。 字体应该是弯曲和简单的,可以是手写或其他脚本字体。下面是不同难度等级的练习。 初学者关闭抗锯齿选项,然后输入文字。尝试使用灰色平滑线条。 注意不要用太多灰色。画完可以眯起眼睛看看,能发现不少问题。 中级这个挑战是反向的AA,需要把模糊的字母改画成清晰的像素字。通过此练习,可以学会怎样使线条简洁。 高级找一个难以阅读的字体,并尝试初级和中级的练习。此练习可以提高概括力和想象力。 大师级输入文本,并旋转30度。识别非正常角度的文字,并用像素画出来。 让大脑习惯特殊的情况。这将使你有自信可以画出以前从未见过的人物或物体。…

Continue Reading... 像素画基本功手工抗锯齿练习方法