Recent Posts
slynyrd像素画教程:游戏场景Tile教程
slynyrd像素画教程:游戏场景Tile教程作者:slynyrd[1]翻译:三二前言Tile是计算机性能受限制时期的游戏开发技术。当时的计算机内存非常小,游戏开发人员需要将游戏场景拆分为可以重复使用(注意平铺的Tile需要做成上下左右4个方向都可以拼接)的小方块,用这些小方块拼接出整个游戏场景或关卡。 Tile不仅可以大大减少内存占用,还可以节省创建游戏关卡所需的时间。虽然现在的计算机和手机性能大大提升,但是Tile作为游戏开发技术一直延续至今,游戏制作人和主程序可以根据实际情况来觉得是否采用Tile这种技术。 俯视场景是新手学习Tile的好地方。只需要编辑小方块Tile,就可以拼出完整的场景。 Aseprite推荐使用Aseprite的Tile Mode来画四方连续的Tile。草地Tile草地Tile是新手练习的第一个主题。 使用合适的形状和明暗,画出草地的感觉。建议从16X16像素的Tile开始练习。 单个Tile的拼接效果会差强人意,通过增加Tile的数量和样式就可以大大提高拼接效果。地面Tile地面Tile和草地Tile一样,使用合适的形状和明暗,画出地面的感觉。 混合草地和地面Tile将草地和地面Tile混合在一起。现在你就可以使用画好的Tile,拼出完整的场景关卡。 当然这些都是地面元素,真正的游戏还需要地面以上的元素(树,建筑物等等)。 参考资料[1]slynyrd: https://www.slynyrd.com/blog/2019/8/27/pixelblog-20-top-down-tiles完。
像素画绘画技法:抖动Dithering教程
像素画绘画技法系列:抖动Dithering教程作者:三二图:patorjk[1]抖动有什么用?抖动Dithering(以下简称抖动)是计算机性能受限制时期诞生的技术。 抖动可以在不增加颜色的情况下,通过像素方块的交错排列,使一种颜色到另一种颜色的过度更自然;还可以创建纹理,增加像素画的表现力。比如上面的男人图片由4种颜色组成,但是经过像素方块的交错排列,产生了远远超过4种以上的不同灰度颜色。 观众一眼就能识别出这些像素代表的含义-一个戴眼镜的欧美小伙子。抖动是什么? 抖动的本质是利用人眼的视错觉,通过混合两种颜色的像素来产生新的颜色。只有黑色和白色2种颜色,如何在不增加颜色的情况下,变出更多的灰色? 使用抖动就可以,用不同的像素交错排列方法就可以制造出更多的灰色。这样从黑色到白色的过度渐变就更加自然了。 上面图片中通过抖动产生的灰色一共有6种。将上面竖条的像素纹理复制排列,就可以得到6种不同的灰色。 抖动怎么用?最常见的应用是用抖动来处理颜色的渐变。 像素画有颜色限制,因此在处理较大面积的颜色渐变或者想使渐变更自然时,像素画家就会使用抖动。抖动使用过多,会使画面马赛克感觉更强,可能会使画面更加凌乱。 NES《超级马里奥兄弟》游戏中的水管上就使用了抖动,抖动交错排列浅绿和深绿,产生了新的“中绿”色,使得水管的曲面的颜色过度更自然。NES《坦克大战》场景地图中的绿色草地,同样使用了抖动创建从亮到暗的颜色渐变,不仅如此还产生了植物叶子纹理的效果。 看完中古时代NES的例子,再看看GBA《口袋妖怪》的例子。你会发现GBA的颜色多了很多,画家在这里使用抖动更加节制,只能在帽子上发现一点点。…
luke像素画教程:像素画动画入门
luke像素画教程:像素画动画入门作者:luke[1]andylittle[2]从简单到复杂学习任何新东西,都需要循序渐进,从简单到复杂。这样就会不断得到正向的反馈,可以支持你继续学下去。 如果一开始就学习非常困难的东西,会不断得到负面反馈,学习者很快就会认为自己没有天赋,而选择放弃。动画初学者可以从小球动画;开门/关门动画;水滴下落动画;闪烁动画;文字动画等简单的动画入手学习。 关键帧动画由多张静态图片组成,动画中的静态图片被称为动画帧。关键帧就是一个动画中起决定作用的动画帧。 如果去掉或删除关键帧,动画表达的含义就会扭曲或发生改变,观众和玩家可能就会无法识别动画。比如开门动画的关键帧就是“门关着的静态图片”,“门完全打开的静态图片”,其他过渡的图片被称为中间帧。 如果以小球动画为例,那么关键帧就是“小球在地面的静态图片”,“小球在空中最高点的静态图片”,“小球落在地面的静态图片”,其他过渡的图片被称为中间帧。以此类推。 姿势到姿势制作动画有2种方法,第1种是姿势到姿势,适合制作角色动画。方法是先画出姿势/动作开始和结束的关键帧,然后添加中间帧过渡。 以人物弯腰捡东西为例子。逐帧动画第2种是逐帧动画,主要用来画自然物体,比如火焰,随风飞舞的叶子等。 逐帧动画的意思就是每一帧都是关键帧。新手也无需害怕,物体运动一般都是S形曲线运动,而且前辈动画师们几乎已经画遍了所有的题材,多多观看迪士尼动画片就可以了解一二。 行走动画最好的学习方法就是亲手去做。角色行走动画是一个很好的练习主题。 先制作腿的动画,然后加上身体,手臂和头部。动画和画画一样,需要多联系,然后将作品分享到社交网络,获得观众的反馈。…
Luke像素画教程:像素画楼梯画法教程
Luke像素画教程:像素画楼梯画法教程作者:Luke[1]题图:Adarias这是不同角度的像素画楼梯教程。通过简单的点和线,就画出了楼梯的感觉。 像素画在某些方面比传统绘画更倾向于暗示、简化和概括绘画主题。新手画完一个东西的时候,可以继续深入练习,直到能够画出不同角度(常见的有正面,侧面,3/4侧面,俯视等)的对象为止。 从点开始,连接成线,然后画出楼梯的台阶,删除不需要的线,加上地面和楼顶,这是侧面的楼梯。侧面的楼梯加上方框,复制粘贴,分开一些距离,加上楼梯台阶,这是3/4侧面的楼梯。 把侧面楼梯拉平,去掉侧面,改成上小下大,这是正面的楼梯。将正面的楼梯改成上大下小,这是俯视的楼梯。 将之前画好的楼梯合并,可以产生不一样的效果。使用开门/关门动画修改来的电梯。 参考资料[1]Luke: https://www.patreon.com/posts/tutorial-stairs-29330507完。
Luke像素画教程:木头箱子的画法
Luke像素画教程:木头箱子的画法图:Luke[1]Luke aka Sadface的像素画教程都是基础教程,他是0基础学习像素画的,通过学习像素画,分享自己写的像素画教程,获得了成就感使心理问题得到了改善。题图:pixelflag小编非常赞赏他的行为,也希望更多人能看到的他写的教程。 木头箱子教程虽然简单,但是步骤清晰,方法正确,其他更复杂的木头箱子也可以用同样的方法来完成。首先用褐色画出正方形,然后分别在上下擦出凹槽。 使用黑色线条画出木板的分界线,实际上是暗部,假想的光源在画面左上方。找一个上色参考放在右下角,画出木板的亮边。 然后画出倾斜的木板,分别画出暗部和亮部的线条,然后填充。注意上面的木板需要留出1像素的投影(最上面的木板是有厚度的)。 完成以后再修改颜色,增加细节(比如木板上的破洞)。我建议一个物体(比如木板)颜色数量可以控制在3-4个。 参考资料[1]Luke: https://www.patreon.com/posts/tutorial-wooden-28882701完。
0基础新手掌握像素画基础的正确步骤
0基础新手掌握像素画基础的正确步骤题图:El-Metallico像素画看起来简单,但亲手画可能还是有难度。食物主题非常庞大,而且非常适合像素画新手练习。 0基础像素画新手可以通过下面的练习,循序渐进的学会像素画。1、平面像素画早期的电子游戏都可以视为平面像素画,特点是颜色平涂,没有或只有很少的明暗。 很多经典游戏都来源于平面像素画,比如超级马里奥,塞尔达传说等等。图:Nintendo画好平面像素画的关键在于画准确形状,那么形状简单的食物就非常适合新手入门。 要画准形状,就必须仔细观察要画的对象,然后大脑思考将对象简化成简单的几何形状,最后再画出来。建议直接画出形状,然后根据需要描边。 因为新手要画出好看的线稿难度还是挺大的。图:Luke(下略)2、复杂的平面像素画复杂的平面像素画可能包含多个形状,难度自然大大提高。 对人类的大脑来说,单次要处理的事情越多大脑的负担就越重。因此新手在画包含多个形状对象的时候,就需要注意到局部和整体的关系,否则就会比例失调。 画准了其中一部分是没用的,需要整体的所有部分都比例恰当。比如夹热狗的汉堡包,面包和热狗的比例如果不当,观众就可以认不出来这是汉堡包。 3、材质和细节如果你已经能够熟练的画出平面像素画,那么就可以开始考虑添加材质和细节。某些材质可能跟明暗密切相关。 为了降低难度,这一步仍然不需要画明暗。尽量将你眼睛看到的细节都画出来吧,哪怕是甜甜圈上的糖粒。 4、不同角度三次元世界的东西角度不同,样子就不同。到这里你已经可以画出各种物体的像素画了,挑战一下自己,试试画出不同角度的东西吧。…
适合0基础新手练习的像素画尺寸大小
适合0基础新手练习的像素画尺寸大小像素画要画多大?适合0基础新手练习的像素画尺寸大小多少? 万事开头难,知道像素画的有100万人;喜欢像素画的有1万人;真正动手画的可能只有100个人;能最后坚持下来的可能只有1个人。题图:Guffman[1]第一张像素画的尺寸第一张像素画不管是临摹还是创作,尺寸一定要小。 建议不超过16X16像素,也就是16X16个格子。早期的RPG游戏角色和场景Tile都是这个尺寸。 可以从最简单的水果,比如苹果开始画。首先用中性的红色(饱和度不要太高,即不太亮也不太暗)画出苹果的形状—-椭圆形。 选择中性的褐色画出苹果蒂。、选择颜色较深的红色画出苹果的暗部。 如果开头的红色太暗,这里就不好办了。注意苹果的结构类似球体,明暗交接的地方都是曲线型的。 选择较亮的红色画出苹果的亮部。点出高光就画好了。 放大尺寸,提高难度当你能够熟练的画出各种16X16像素尺寸的小东西,就可以考虑放大尺寸。放大尺寸不是画其他东西,而是仍然画苹果。 下面是一个24X24像素的苹果。可以看到苹果的尺寸明显变大,细节变多。 为了在不增加颜色的情况下表现颜色的过渡,开始使用抖动。继续放大尺寸画面的尺寸越大,意味着对细节的要求越高。…
Luke像素画教程:像素画运动线
Luke像素画教程:像素画运动线作者:Luke[1]题图:Phil Giarrusso像素画非常小,但是你可以看懂像素画。像素画运动线主要用在角色攻击动画里面,可以提高动画的可读性。 某些特殊的游戏甚至会省略角色的动作,仅仅画出运动线来暗示攻击动作。没有运动线的攻击动作没有运动线的攻击动作,如果角色本身尺寸比较小,就不太容易识别,可读性较差。 加入运动线的攻击动作加入运动线,给观众增加了提示,标示出角色攻击的起点和终点以及攻击范围,有较高的可读性。配合挨打动作和其他特效配合挨打动作和其他特效,就可以获得打击感很强的攻击效果。 像素画也可以做出效果一流的格斗游戏。可参考街头霸王和DNF地下城与勇士。 参考资料[1]Luke: https://www.patreon.com/sadface_RL完。
Luke像素画教程:冰冻特效
Luke像素画教程:冰冻特效作者:Luke[1]题图:alexeytronov[2]用像素画实现简单的冰冻特效。制作思路将冰冻特效拆分为2部分动画来考虑。 触发效果的飞行道具(冰锥)和冰冻过程。冰锥只需要画1帧,然后由程序控制冰锥飞行轨迹;冰冻过程则需要根据不同怪物的体形来设计。 具体思路有2种:1、针对每一种体形设计一种冰冻效果; 2、设计通用的冰冻效果,可以叠加在所有怪物上。制作步骤1、冻住怪物的一部分;2、扩大冰冻的面积;3、完全冻住;4、挂下冰柱。 效果预览 参考资料[1]Luke: https://www.patreon.com/sadface_RL[2]题图:alexeytronov: http://pixeljoint.com/pixelart/128837.htm完。
Luke像素画教程:普通行走动画模版
作者:Luke[1]题图:ADYODYO[2]角色行走动画是新手制作像素画游戏遇到的第一个难题。怎么让静止的角色动起来? 4帧角色行走动画。行走动画的关键帧只有2帧,第1帧抬脚,第2帧迈出去,左右脚交替迈出是一个完整的行走动画循环,注意手臂的摆动和脚的方向相反。 这是4帧角色行走动画。新手应该首先学会做4帧行走动画。 因为动画的帧数越多难度就越大,制作所需要的时间也越多。8帧角色行走动画。 在4帧的基础上加上2帧中间帧,就变成了8帧角色行走动画。到底增加了哪两帧? 请下载gif图以后用photoshop或aseprite打开查看。逐帧查看GIF或视频就是学习动画最好的方式之一。 12帧角色行走动画继续增加中间帧,就变成了12帧角色行走动画。如果你的像素画游戏可以登录XBOX/PS4,就需要制作很多帧的动画。 不同角色行走动画也不同世界上没有两个人的行走会完全一样,因此在学会普通行走动画以后,就要以制作出能够表现角色个性的行走动画为目标。可以通过改变角色姿势,头的位置,四肢摆动的幅度等制作不同的行走动画。 为了便于查看动画之间的不同,放慢了动画的播放速度。注意行走时角色的高度行走时角色是以破浪线向前移动,表现出高低起伏。 抬脚时角色最高,脚迈出落地时最矮。…