Recent Posts

Posted in 道具、图标与UI

游戏开发初级教程:药水药剂道具画法指南

摘要:药水药剂道具画法指南。道具虽然小,五脏俱全,道具的画法同样可以运用到其他东西比如角色和场景上去。 参考素材如果不知道画什么或者怎么画,首先寻找参考素材。找一瓶药水的图片。 参考药水的形状和明暗。图片来源:网络搜索形状优先打开Aseprite,使用椭圆形工具画出药水的形状,直接拖拉出大小不一的椭圆,堆叠在一起。 填充颜色用褐色填充盖子,浅蓝色(玻璃颜色)填充瓶子。画出红色的药水。 明暗细节刻画用代表玻璃的浅蓝色勾边药水,可以表现出瓶子的透明感觉也可以暗示玻璃瓶的厚度。将光源设置在左上方,用较亮的颜色点出瓶盖的亮部。 画出瓶子和药水的暗部。画出瓶子的高光,调整完成。 举一反三,融会贯通改变瓶子的形状和药水的颜色,可以获得更多的药水。这样画一瓶药水,就可以完成整个游戏所需要的药水啦。 完。

Continue Reading... 游戏开发初级教程:药水药剂道具画法指南
Posted in 瓦片与图块

笨办法学像素画:室内场景Tile

摘要:Tile是游戏场景之魂,不管是单独拼关卡还是程序自动生成关卡,Tile和TileSet是其中的核心。Tile是什么? Tile就是可以重复使用的正方形图片,一般默认尺寸均为2的次方。Tile有什么用? 游戏美术根据策划文档的描述,设计并画出游戏场景,然后需要在不影响效果的情况下拆出最少的Tile,并根据关卡描述在场景编辑器中拼出示范关卡,这样关卡策划就可以独立拼出项目所需要的关卡。之后如果游戏场景需要修改或增加或删除东西,都可以通过增加或删除Tile来实现。 因此为了降低开发成本,在游戏场景假图没有得到制作人认可之前,是不会进入拆Tile以及后续步骤的。Tile如何画? 不论何种游戏场景,除了按照一般流程来画,画的时候还需要注意以后的拆图问题,因此在具体画场景的时候,可以多使用复制粘贴,减少工作量。其他需要注意的是,虽然可以复制,但是不能复制的太多,被玩家看出破绽,或者重复的太多,过于单调。 对于初学者,可以从超级马里奥这样简单的游戏开始设计和画场景,画完以后再拆Tile。游戏最重要的还是玩法和设计,类似画出正常的大冒险游戏的美术去企业求职,是绝对不可能被录用的。 但是作为独立游戏开发者,完全够用了!室内场景Tile设计步骤以神奇宝贝游戏室内场景为例,讲解室内场景的设计步骤。 1、首先画出地面(不同功能的房间,地面和墙壁也会不同)新建文件128128像素,(为了示范我建的比较大,实际画的时候可以从3232开始,需要扩大的时候再扩大画布就行。)选择地面的主色填充。 在8*8(游戏的Tile尺寸由引擎或主程决定)的方格内画出地面纹理方形地砖,然后平铺。地面完成。 2、接着画墙壁选择墙壁的主色,与地面接近,但是又不一样。没有感觉的小伙伴,可以找点家装图片借鉴。…

Continue Reading... 笨办法学像素画:室内场景Tile
Posted in animation

Pedro Medeiros 剑的画法&攻击动画指南

作者:Pedro Medeiros教你画像素画编译出品摘要:详细介绍了剑以及角色使用剑攻击动画的画法。剑的结构剑的种类非常多,不可能在这篇文章里穷举。 我只能选择一些我本人喜欢的剑来讲解。1、维京时代的剑从左到右依次:剑首,剑柄,剑格,剑槽,剑刃,剑尖。 长剑从左到右依次:剑首,剑柄,剑格,防水革,剑槽,剑刃,中脊,剑尖。西洋剑护手比较大。 军刀/马刀日本武士刀拿剑姿势攻击动画剑的攻击动画可以分解成3段。分别是蓄力-发力(攻击)-回收。 蓄力在角色攻击之前,需要先后退蓄力。图片中示范的动作比较适合npc或小怪。 发力(攻击)为了表现攻击的速度和力度,攻击只有1帧。如果攻击有很多帧,速度会变慢,力度会降低。 画出剑的轨迹线变现运动模糊。回收完成攻击以后,手臂和剑都需要归位。 在格斗游戏中,回收帧也被称为攻击硬直。一般怪物或角色发出的招越大威力越强,硬直时间也越长。 完。

Continue Reading... Pedro Medeiros 剑的画法&攻击动画指南
Posted in foundation

像素画基础教程:如何将原画或位图转画为像素画?

图片作者:DYA Games教你画像素画原创教程。摘要:如何将原画或位图转画为像素画? DYA Games使用的软件是idraw3,非常适合创作Tile以及小尺寸的像素画角色和动画。准备工作在开始画之前,先准备好需要的素材和 参考资料。DYA Games将一张45度回合制游戏截图作为角色斜向站立的透视参考,要勇者斗恶龙8的主角,所以找了一张主角的背面设定图,最后像素画角色使用街头霸王的风格(线条,明暗,色调等),所以有一张春丽的像素画图片。 万事俱备,就可以开始画了!形状优先我在教程里反复强调很多次,就是形状优先,因为人类的眼睛大脑会优先自动识别形状。 因此首先用大笔触画出角色的身体即可,椭圆代表头部,再画一个代表身体,不规则的形状分别代表四肢。形状调整,明暗上色首先使用固有颜色画出特定的部分,比如头巾。 为了表现立体感,会画出至少2个颜色,1个代表中间调,1个代表亮部。不断调整形状用不同的颜色来区分不同的部位,不断调整形状。 想一次画准形状,对像素画来说是不太可能的,准确传神的形状是经过多次尝试和修改之后完成的。宝剑和盾牌这样的道具可以在角色大致形状完成之后添加。…

Continue Reading... 像素画基础教程:如何将原画或位图转画为像素画?
Posted in 新手入门

笨办法学像素画:初学者学习像素画的正确方法

教你画像素画原创教程摘要:掌握画像素画的正确方法,可以事倍功半。对于画画来说,正确的方法优先于其他一切技巧。 在《像艺术家一样思考》中提到,画画就像骑自行车一样,是有方法和规律的技艺,是可以通过练习掌握的,像素画也不例外。我在这里 总结一下,画像素画的正确方法,使新手可以快速入门。1、从小尺寸开始画像素画像素画不仅仅是马赛克感觉很强烈的简单的数码插画。 NES的超级马里奥主角只有16*16像素,下面是放大2000%后的效果。NES的CPU和内存非常小,因此角色只能这么小,只能有4个颜色,红,黄,绿再加上白色。 这也导致像素画的风格以平涂为主,完全没有明暗。这需要画家精确的控制每一个区域所代表的含义。 比如头部的帽子,头发,研究,胡子,鼻子,耳朵,脸等等,都是以颜色区分的方式来暗示玩家的。思考题:如果没有明暗,怎样画好一个尺寸为16*16像素的穿背带裤大胡子水管工? Super Mario Bros.从小尺寸的像素画作品开始练习和创作,研究和模仿以往的经典游戏角色设计,是学习像素画的正确方法,也是整个像素画世界的基础。像素画从计算机诞生那天开始就一直在进化,热爱像素画的艺术家们在不断提高自己的技艺,拓展像素画的应用边界。 尺寸越大的像素画对画家的要求越高,对作品的细节要求也越高,可以说像素画尺寸越大越难画。下面是放大2000%的SNES的马里奥,原始尺寸为32*32像素,颜色更多了,也有了明暗。…

Continue Reading... 笨办法学像素画:初学者学习像素画的正确方法
Posted in 色彩与明暗

像素画基础教程:实例分析光源和明暗绘画规律

图片作者:slynyrd教你画像素画原创教程摘要:实例分析光源和明暗绘画规律光源明暗是光造成的魔法,明暗会跟随光的变化而变化。地球上最大的光源是太阳,在室外物体明暗的变化大多数是由太阳在天空中的位置变化导致的。 追求真实外光效果的印象派画家会在每一天的同一时间去画风景,追求极致的画家则会太阳位置发生变化之前就完成作品。画好的明暗的根本在于学会设置光源的位置,掌握明暗规律。 绘画初学者通常会画在单一光源下的白色石膏像,原因是白色的石膏像线条明确,明暗调子层次简单(灰色渐变)。如果是有颜色的话,没有经过训练是很难分辨出各种颜色灰度之间的亮度变化。 明暗规律1、被光直接照射到区域是亮部,背光区域是暗部;2、物体通常会有影子,影子的方向与光源相关3、不同结构(物体表面的高低起伏),不同材质(反射光的能力不同)的物体明暗也不一样。这是基本规律,实际画的时候也不能生搬硬套。 比如画人头像的时候,如果光源来自上方,鼻子会在上嘴唇上留下投影,下巴也会在脖子上留下投影。如果按照眼睛看到的来画,上嘴唇和下巴都会很黑,难看不说,看画的人还会以为上嘴唇和脖子上有个洞。 上下左右光照明暗范例下面是各种不同位置光源下,头像,宝石,球体和正方体的明暗变化。结合基本明暗规律和这些图片,应该能够在短时间内记住明暗规律,如果记不住也可以保存这些图片,在画像素画不知道怎么画明暗的时候,看一看。 光源在物体的正上方。头像除去五官,很像一个椭球体,当光源在正上方时,耳朵会留下影子,脸颊上的颧骨也会留下影子。 在这里鼻子留下的影子被画家减弱了。球体和正方体的影子在正下方。 球体的表面明暗的分布也是以圆形来分布的。4个物体表面的结构(凹凸不平)不同,因此明暗也不同。 光源在右上方,暗部和影子出现在左下方。物体没有变,仅仅是光源位置的变化,就会导致明暗变化,能察觉到其中的规律吗?…

Continue Reading... 像素画基础教程:实例分析光源和明暗绘画规律
Posted in 色彩与明暗

像素画高级教程:像素画调色板指南

作者:Slynyrd教你画像素画编译出品摘要:不同于随机的颜色选择,Slynyrd提供了一种建立独特调色板的方法,适合像素画创作以及商业游戏。在像素艺术方面,一切都始于良好的调色板。 创建自定义调色板是一种非常令人满意且功能强大的方式,以此建立自己独特的像素画风格。我将引导你如何建立一个调色板。 首先让我们来看看一些基本的原则。HSB颜色模式我发现通过HSB理解和控制颜色最容易。 H色相 – 实际颜色(0 – 360º)S饱和度 – 颜色的强度或纯度(0…

Continue Reading... 像素画高级教程:像素画调色板指南
Posted in foundation

像素画高级教程:像素画纹理指南

作者:Slynyrd教你画像素画编译出品摘要:纹理可以增加作品的丰富程度,运动感和沉浸感。但使用像素创建纹理可能会非常棘手,如果处理不当,纹理反而会破坏作品的美感。 我发现了像素画纹理的规律,可以轻松的处理各种纹理。像素画纹理规律简化将细节分解为简单的抽象形状。 不要试图描绘每片叶子和草的细节。如果作品尺寸足够大,那么选择其他艺术形式会比像素画更合适。 重复良好的纹理可能只需要几个简单的形状。一遍又一遍地重复这些相同的形状,但改变它们分布的模式。 平衡纹理应该感觉平衡。平衡通常意味着你需要一些细节。 对比度改变纹理的对比度,会看起来更有趣,而不是在大面积上具有相同的一致性。这可以通过在选定区域中放置纹理细节并留下隐含纹理的空白区域来实现。 或者可以通过颜色变化实现纹理对比。完美均匀的纹理可能看起来不自然。 避免使用孤立像素孤立像素是未连接到相同颜色的群集的单个像素单位。它们可以分散注意力,通常应该尽力避免。 然而,当他们没有明显漂浮并且与更大的纹理有关时,我允许它们,在这种情况下,我不认为它们是真正的孤立。下面是一个关于制作草地纹理的简单教程,它说明了所有这些原理。 从左到右依次说明:1、画出草,植物,花的简单暗示形状。2、将3种形状随机的放置在画布上。…

Continue Reading... 像素画高级教程:像素画纹理指南
Posted in 透视与ISO

像素画高级教程:常用像素画视图指南

作者:Slynyrd教你画像素画编译出品摘要:通过简单的抽象表现令人信服的透视是像素画的最大魅力之一。如果分析像素游戏,会发现它们不一定遵循现实世界的透视规则,但它们仍然有一种可信的深度感立体感,这要归因于像素画视图。 视图提供一种规则将3D对象转画到平面上。就个人而言,我不会被数学规则所困扰。 我更依赖于眼睛而不是数值精度。这种对想象力的自由使用创造出一种独特的风格,在本教程中,我将通过房屋来解释最常用的两种像素画视图。 有许多不同类型的视图,但在大多数情况下,它们不会混合用在同一场景中。只要场景中的所有元素都遵循相同的视图规则,所得到的和谐画面就会让人眼前一亮。 有关图形视图更多内容,可以阅读下面的文章:https://medium.com/retronator-magazine/game-developers-guide-to-graphical-projections-with-video-game-examples-part-1-introduction-aa3d051c137d1/2顶视图这个视图被称为1/2顶视图, 因为你可以看到立面的一半高度和屋顶全长的一半。 换句话说,就好像你正在从45度上方观看房子。房屋的前部缩短了,但屋顶的角度不受倾斜的影响,并保持与前面的相同。 实际上,当你在房子上方并且墙壁略微向外倾斜时,这些角度会变平,但我更喜欢干净角度的外观。在像素艺术中,优先于现实主义。 这是我用于照亮顶视图物体的方法。光可以来自任何角落,但最自然的是来自一个顶角。 上面的gif图展示了光源从右上方照射到物体上,从最暗的左下方开始上色。下面是1/2顶视图房子的绘画过程:1、画出房子的侧面形状;2、将侧面形状缩短1/2;3、画出屋顶的形状,分出明暗;4、画出门窗烟囱的基本形状;5、添加明暗,细节,还有投影;6、画出烟雾动画,完成。…

Continue Reading... 像素画高级教程:常用像素画视图指南
Posted in 游戏美术

笨办法学像素画:像素画游戏美术开发基础

摘要:介绍像素画游戏美术开发基础相关知识。简单的说对于像素画游戏美术,开发游戏的基础只有2个:第一可以画出静帧像素画,第二可以画出帧动画。 其中画出静帧像素画是核心。本文主要讲解跟游戏美术开发有关的像素画基础知识。 用于游戏开发的像素画尺寸?画多大? 是否要放大?这个问题其实很容易解决。 第一美术可以询问负责游戏程序的程序员,根据程序员的要求给到图片就OK了。美术负责画图,尺寸以及动画的帧速可以问程序员。 第二,爱钻研的美术可以自己从appStore上下载像素画游戏,然后截屏用PS或Asepeite打开,以Goblin Sword为例,下载游戏后截屏。可知游戏在1:1像素的基础上放大了600%。 因此用于游戏开发的像素画仍然按照1:1的比例来画,至于最后给程序的时候是1:1?(由程序自动缩放)还是1:N? (导出多个尺寸),需要和主程序讨论决定,强大的游戏引擎应该可以由程序自动来适配不同分辨率的设备。美术画好的像素画图片如何提交给程序做成游戏? 不论是游戏场景,还是游戏角色和UI界面,都需要做成可以重复调用的图片+数据格式的形式提交给程序。直接给图片,然后让程序来处理图片是非常低效率的方式。…

Continue Reading... 笨办法学像素画:像素画游戏美术开发基础