Posted in Uncategorized

人人都是动画师:角色侧面行走动画详细指南

文 | 三二 (转载请注明出处)。行走动画所用到的技术,可以无缝迁移到其他动画中去,简单的说,只要掌握了行走动画,做其他动画也就不再是难事。 角色侧面行走动画是人人都是动画师系列的最后一篇。角色情绪角色情绪对动画的影响非常大。 简单举例,高兴的角色和悲伤的角色,行走动画就会有很大的不同。高兴的角色行走轻快,动作更自由;而悲伤的角色行走会比较沉重,动作也比较迟缓。 角色重量角色情绪越强烈,角色重量感也越强。角色的重量感可以通过脚,腿,还有身体的挤压中。 一般来说被挤压的越厉害,重量感就越强。关键姿势(Key Pose)确定了角色情绪,就可以设计关键姿势了。 首先是腿和脚迈开的姿势。然后是脚着地的姿势, 这是角色在行走时姿势最低的姿势。…

Continue Reading... 人人都是动画师:角色侧面行走动画详细指南
Posted in Uncategorized

Luis Zuno像素画教程:游戏美术设计中颜色对比

作者:Luis Zuno编译 | 三二 (转载请注明出处)。游戏场景除了交代游戏角色所处的环境,另外一个用处就是衬托角色。 颜色对比亮色调的游戏场景可以衬托暗色调的游戏角色和怪物。同理,暗色调的游戏场景可以衬托亮色调的游戏角色和怪物。 为什么要这么做?目的都是一样的,为了使玩家可以轻松的找到自己控制的游戏主角。 我们来看一个例子:你能看出来左右两个游戏之间的不同之处吗?因为有颜色的干扰,只有有经验的游戏美术才能一眼看出左右两个游戏的不同之处。 为了使新手也可以轻松看出其中的区别,我们将图片的颜色信息去掉,只保留黑白灰。这样任何人都可以一眼看出其中的秘密。 左边的游戏玩家仍然可以轻松的找到主角;而右边的游戏想要找到主角,貌似难度不小啊。颜色对比应用在开发游戏之前,大多数开发者会使用几何形状制作小型demo。…

Continue Reading... Luis Zuno像素画教程:游戏美术设计中颜色对比
Posted in Uncategorized

Slynyrd像素画教程:像素画3/4俯视投影画法指南

作者:slynyrd[1]编译 | 三二 (转载请注明出处)。在日本slynyrd是一位英语老师,大学专业是平面设计。 前言用简单的形状,画出令人信服的画面是像素画最大的魅力之一。如果你分析过8bit像素画游戏,会发现它们不一定遵循现实世界的透视规则,但仍然可以看到一种可信的立体感。 因为像素画使用图形投影画法。图形投影使用数学规则将3D对象投影到平面上。 我不会被数学困扰,我更依赖于眼球而不是数值精度。想象力的自由使用创造了一种独特的风格,主要区别在于一些不同的图形投影画法。 在本教程中,我将以房子为例子来介绍我最常用的两种图形投影画法。3/4侧视图有许多不同类型的图形投影方法,但在大多数情况下,它们不应该在同一场景中同时使用。 只要场景中的所有元素都遵循同样的投影方法,就可以获得最佳效果。3/4俯视图3/4俯视图3/4俯视图在3/4俯视投影中,就好像从45度上方观看房子。 从这个位置,可以看到屋顶和立面的3/4。房子的前部缩短了,但屋顶的角度不受影响,与前面所显示的相同。…

Continue Reading... Slynyrd像素画教程:像素画3/4俯视投影画法指南
Posted in Uncategorized

Nick-N像素画动画教程:提高像素画动画制作效率的方法

Nick-N像素画动画教程:提高像素画动画制作效率的方法作者:Nick-N[1]编译 | 三二 (转载请注明出处)。画出角色动作中间帧非常费时间像素画动画均为逐帧动画,要逐帧画出中间帧非常费时间。 但是如果中间帧不够,则会导致动画看起来不够流畅,动作呆滞,缺乏活力。角色从叉腰姿势–>抱头姿势–>摊手姿势–>回到叉腰姿势,缺少足够的中间帧,动画呆滞不够流畅。 拉伸+挤压,高效完成中间帧综合使用拉伸和挤压,就可以高效率的完成角色动作中间帧。拉伸和挤压,不但可以完美的解决中间帧问题,还可以增加动画的流畅度和活力。 使用挤压和拉伸技巧,填补中间帧空白,并且需要新画的内容特别少,但是效果流畅耐看,达到了节约时间提高效率的目的。如果你想知道具体是怎么做的,请保存下图,然后使用Aseprite或Photoshop打开,逐帧查看序列帧。 参考资料[1]Nick-N: https://www.patreon.com/NickNuttall[2]ptoing: http://pixeljoint.com/pixelart/40044.htm完。

Continue Reading... Nick-N像素画动画教程:提高像素画动画制作效率的方法
Posted in Uncategorized

人人都是像素画家:像素画手的画法

人人都是像素画家:像素画手的画法文 | 三二 (转载请注明出处)。为什么难呢? 主要因为人手太灵活了,随时都在改变角度和姿势,而且手分别手腕,手掌,5根手指,组合在一起有非常多的组合。因此画手不像画石膏像或静物,死记硬背几个角度就可以应付考试。 要画好手必须了解手的解剖结构,还要学会简化和抽象的技巧。手的解剖结构图:mymodernmet[2]手的解剖结构如上图所示,手腕由好多块小骨头组成,手掌则由5根指骨组成,手指分别由3节指骨组成,注意大拇指只有2节。 手腕骨可以理解成小球体,指骨可以理解成圆柱体。图;how-to-draw-hands[3]手指的透视很难掌握,但是圆柱体的透视就很好记忆了。 因此手掌和手指都是有厚度的,在画手的时候应该用明暗暗示出手的厚度。简化和抽象技巧手虽然复杂又灵活,但是依然有规律可寻,并且前辈画家们已经 总结了很多这方面的知识,只需要在网上搜索就可以唾手可得。如题图所示,我们可以将手拆分为:手掌(方形或圆形;手腕(方形),手指(长椭圆形),将它们穿插在一起就把手画好了。 图:creativebloq[4]画准手形状的秘诀在于负空间,很多绘画新手会只看细节不顾整体,有经验的画家会利用手与空气之间的负空间来检验自己画的形状是否准确。降低难度练习新手要在短时间内画好手是有难度的,如果看不到自己的成长大多数人都会认为自己没有天赋然后放弃,…

Continue Reading... 人人都是像素画家:像素画手的画法
Posted in Uncategorized

AllFenom像素画教程:游戏角色动画制作指南

作者:AllFenom[1]编译 | 三二 (转载请注明出处) 。身体动画使用不同的颜色区分游戏角色身体的不同部件,比如左右手臂,左右腿等。 重要细节头发附加在身体纸上,发型是重要的角色细节。身体动画OK以后再添加发型。 注意:头发跟随身体运动,而不是和身体一起运动。服装道具接下来添加服装和道具。 注意:衣服和道具同样跟随身体运动,而不是和身体一起运动。刻画细节最后刻画明暗和细节。 参考资料[1]AllFenom: https://www.patreon.com/AllFenom[2]cocefi:…

Continue Reading... AllFenom像素画教程:游戏角色动画制作指南
Posted in Uncategorized

Luke像素画教程:像素画线条基础

Luke像素画教程:像素画线条基础作者:Luke asa[1]编译 | 三二 (转载请注明出处)。如果你是0基础的像素画爱好者,不知道如何开始学像素画,可以考虑跟着Luke的教程来学习像素画。 像素画线条不要急于去画一些花哨的东西,扎实的掌握基础,先精通像素画线条,避免颜色和抖动的干扰,只关注线稿,画出对象而不去描图,修改图像然后创作自己的作品。像素画完美线条像素画线条由方块像素组成,当线条倾斜时,就变得像阶梯一样。 使用横坐标X和纵坐标Y来表示线条,就像下面这样。这种每一个阶梯台阶都一样的线条被称为完美线条。 像素画形状使用这些完美线条就可以画出各种几何形体,几何形体都是绘画的基础元素,其中以正方形和圆形最为典型。复杂的对象包含无数基础形状。 首先学会画基础形状,然后就像搭积木一样,搭出任意复杂的形状。像素画线条清理使用绘图软件的铅笔工具,徒手画线条时会出现很多锯齿和不必要的像素,在画完线稿之后就需要进行像素画线条清理工作。 擦去不需要的像素,将线条转换为1像素线条。像素画曲线在画像素画曲线的时候,要注意以像素(其实就是一个方块)为最小绘画元素的像素画无法直接画出顺滑的曲线,只能通过阶梯形状的线条来模拟曲线。…

Continue Reading... Luke像素画教程:像素画线条基础
Posted in Uncategorized

AllFenom像素画教程:游戏角色360旋转技巧

作者:AllFenom[1]编译 | 三二 (转载请注明出处)。360度旋转角色360度旋转角色技巧可以帮助你明白角色的3D立体感,能够画出各种不同角度的角色。 我删除了手臂和腿,方便观察和学习。你可以直接参考序列帧(仔细观察每一帧之间的细微区别),添加手臂和腿,然后应用到自己的游戏角色动画中去。 注意角色剪影注意角色剪影形状,实际应用的时候,你可以先参考图片画出角色的剪影,剪影形状OK以后再刻画明暗和细节。 参考资料[1]AllFenom: https://www.patreon.com/AllFenom[2]snake: http://pixeljoint.com/pixelart/85585.htm完。

Continue Reading... AllFenom像素画教程:游戏角色360旋转技巧
Posted in Uncategorized

​Luke像素画教程:像素画颜色渐变上色指南

Luke像素画教程:像素画AA手工抗锯齿指南作者:Luke asa[1]编译 | 三二 (转载请注明出处)。如果你是0基础的像素画爱好者,不知道如何开始学像素画,可以考虑跟着Luke的教程来学习像素画。 新手上色方法使用HSV(H代表色相;S代表饱和度;V代表亮度)颜色模式挑选颜色,新手上色只需要改变S和V的数值即可。这是像素画初学者和绘画新手常犯的错误,但是我们可以从易到难,一步一步来学习上色,首先学会新手上色方法。 使亮部颜色偏暖在新手上色方法的基础上,继续调整颜色,改变亮部颜色的H值,使色相偏黄。效果就比没有色相偏移的新手上色好很多。 使暗部颜色偏冷更进一步的使暗部颜色偏冷(偏蓝色),这样整个颜色渐变就有了色相偏移,颜色从暗部的蓝色渐变到亮部的黄色,这是有绘画经验人士的配色方法。为了使你的像素画作品颜色更好看,请使用这3种上色方法来完成作品吧。 参考资料[1]Luke asa:…

Continue Reading... ​Luke像素画教程:像素画颜色渐变上色指南
Posted in Uncategorized

Luke像素画教程:像素画AA手工抗锯齿指南

Luke像素画教程:像素画AA手工抗锯齿指南作者:Luke asa[1]编译 | 三二 (转载请注明出处)。如果你是0基础的像素画爱好者,不知道如何开始学像素画,可以考虑跟着Luke的教程来学习像素画。 像素画AA手工抗锯齿像素画AA手工抗锯齿是一个难度很大的技巧,但是这个技术可以大大提高像素画的表现力。简单的说,AA就是使用渐变颜色填充像素线条之间的台阶空当,来减弱像素画的锯齿感。 下图的圆圈,左边没有AA,右边添加了AA,右边比左边更圆滑。过度使用AA会导致像素画变模糊,得不偿失。 使用渐变色画出AA在需要添加AA的颜色和背景色之间,挑选出渐变色,使用渐变色画出AA。AA渐变颜色建议1-2个像素1像素的阶梯可以不加AA;AA不宜超过3种颜色,通常情况1-2个颜色的AA就可以满足需求。 简易AA添加步骤首先画出需要添加AA的颜色和背景色之间的渐变颜色1-4个。然后根据像素阶梯的台阶宽度添加AA,1像素台阶可以不加,2像素台阶加1AA,3像素及以上加2AA。 你还可以使用AA修改轮廓线,这样有助于减少模糊。…

Continue Reading... Luke像素画教程:像素画AA手工抗锯齿指南