Recent Posts
体素游戏制作利器:Qubicle快速入门
摘要:体素游戏制作利器:Qubicle快速入门通过观看Qubicle官方教学视频,我学会了基础工具的使用。第一次使用Qubicle,决定码一个冰棍,跟我一起进入3D新世界吧。 2D绘画功能Qubicle有一个强大的功能是2D绘画功能,也就是说点击了2D按钮,就会出现一个平面画布,然后就像画像素画那样画3D就行了,太爽了有么有?对于有像素画基础的小伙伴来说,可以说1秒学会3D。 于是我很快用最古老的1粒1粒像素码出了一只马里奥。然后我发现我的思维还是停留在平面像素画上。 因此这个马里奥只是简单的将平面拉伸了。而且软件自带的渲染,灯光效果我也不会调,画质感人。 很快我挨个尝试了每一个渲染可设置的属性,成果就是下面这个冰棍,导出的效果强一些了吧?3D思维然后我不甘心,第二次想把之前的冰棍码出来,有了马里奥的经验,冰棍就太好画了。 不过既然是3D,就需要3D思维,3D思维意味着在做3D的时候,脑海里需要有对象的360度全景图,你需要知道模型的每一个角度长什么样子。转换成2D的话,就是三视图了(就是物体的正面视图,侧面视图,顶视图)。 因此直接将像素画码成3D意义不大,需要转换成三视图。原来的像素画冰棍会以透视的方式画出冰棍的立体感,但是在3D世界,立体感3D模型本身就具备,因此在画三视图的时候只要画出平面图形即可。 我只画出了正面图和侧面图。顶视图,由于冰棍比较简单就省略不画了。 第一步:新建文件,设置矩阵Qubicle只能通过steam下载,安装好steam注册账号,然后搜索Qubicle,下载demo版。(demo版可以使用绝大多数功能,可以保存Qubicle的专有格式,也可以渲染导出png图片,但是不支持导出其他格式)安装好以后打开软件,新建文件。 选中画布中间的方块,这个方块就是存放体素的容器,Qubicle称之为矩阵。默认是50X50X50。…
笨办法学像素画:位移动画精选案例学习
摘要:位移动画是最常用的动画基础形式之一,本文将精选优质案例并解析制作步骤。角色待机动画位移可以非常快速的制作出角色待机动画。 通常基础的待机动画会模拟角色呼吸时身体上下的动作,复杂的待机动画则会在基础的上下起伏以外,增加一些额外的动作。下面我用冒险岛的主角待机动画作为范例。 第一帧:站立帧站立帧是所有角色动画的初始帧。待机动作是简单的上下起伏,但是起伏的位置注意选好。 第一个起伏的位置是膝盖,我用红色线框框起来往下位移的区域,往下移动1像素。第二帧:第1帧将膝盖以上身体整体往下移动1像素,就变成了第2帧。 要想有比较自然的起伏,最少需要3帧。因此继续往下移动,这一次从腰部开始往下移动1像素。 第三帧:将第2帧从腰部往下移动1像素,就得到了第3帧。第四帧:不需要处理,只要将第2帧复制过来就可以。 这样待机动画就完成了。按照1-2-3-2的顺序播放即可。 角色奔跑范例角色奔跑如果仅仅是关键帧变化,是不够自然的。因为真实的奔跑,身体是有起伏的。 原版冒险岛角色的奔跑没有起伏。加上起伏以后看看效果怎么样。 将第1帧和第3帧,往下移动1像素即可。火把燃烧动画使用简单的上下位移,就做出了火把燃烧的效果。…
MagicaVoxel新人快速上手指南
摘要:MagicaVoxel是一款免费的体素软件,功能强大支持帧动画模式。重要的是免费免费免费! 可以直接用来开发商业游戏。相对的,Qubicle专业版则需要175美元。 掌握了Qubicle的基础用法,看看MagicaVoxel是不是也可以快速上手?用了以后发现,真的可以。 我一直觉得软件都是相通的,如果你会Photoshop那么用其他设计软件也可以很快上手。MagicaVoxel的大多数功能都与Qubicle类似,跟我一起来码东西吧。 做什么?首先需要决定做什么。 我会优先选择自己之前画的极简像素画。这次我想试试码这只狗。 调整矩阵尺寸打开MagicaVoxel,新建文件。部分mac可能会白屏,这时需要把MagicaVoxel应用程序复制一份到桌面,然后再复制回去覆盖就好了。 我也不了解为什么会这样。新建文件是40 40 40的矩阵,直接点击Size修改为24…
Pedro Medeiros像素画教程:像素画旋转与缩放
教你画像素画编译出品摘要:Pedro Medeiros像素画教程,像素画旋转与缩放。对于像素画来说,旋转和缩放应该尽量避免,因为旋转和缩放之后,你不得不重新画一边。 有一些自动的旋转和缩放工具可以使用,但是不要用的太多,毕竟重画一遍意味着双倍时间和成本。缩小像素画很多游戏的角色在开发之前,可能有原画,像素画家需要将几千像素大的原画转画为几十像素高的游戏角色。 把缩小看作一种重新诠释,而不是直接缩放;首先关注大块的形状;选择比较显眼的细节,如护肩和大衣上的纽扣;增加细节和对比度,同时保持其他区域更清晰选择合适的尺寸于像素画的尺寸,重要的是选择什么样的细节;较大的尺寸意味着需要更多的颜色和花费更多的时间;较大的尺寸可以有更多的风格选择。 缩放以后的处理示范缩小以后重画丢失的细节;修补丢失的抖动和明暗调子;放大以后首先处理轮廓线然后处理因为放大出现的大块像素,使它变圆润。最后补上丢失的细节。 Aseprite提供的RotSprite功能,可以很方便的旋转和缩放像素画,不过想要最好的效果还是需要手工清理。作业缩放自己的作品,并清理试试。 完。
三和大神、像素森林、游戏开发还有我
摘要:昨天看了三和大神,看的时候感触特别深。感觉说的就是我。 三和大神是谁?深圳市中心往北10公里有一个三和人才市场,全国各地去深圳打工的年轻人都会去三和找工作。 因为没有学历和技能,只能去这种线下的劳动力市场找工作,等待他们的是各种骗子和坑。三和大神就是放弃了正常的打工,每天找日结的工作,干一天歇三天,甚至连吃饭(6元阳春面)睡觉(15元床位)的钱都没有。 我为什么觉得说的是我?高中的时候如果我不是因为喜欢漫画,自作主张去学画画,我不知道现在的我会是什么样子? 细思极恐。可能我也会变成类似三和大神这样自暴自弃的“老年人”。 喜欢像素画学了画画走上艺考生的路子,很轻松的上了大学,虽然大学四年也没有学到什么东西,每天就是打游戏,但是喜欢上了像素画,用搜索引擎在网上疯狂找跟像素画有关的一切,看到了有一个德国老外做的gif动画,叫做boy meet pixel,讲述他如何遇到像素画,爱上像素画的过程。 我举得太牛了,我也想学。当时全世界很多人都看到了这一套gif,这个老外出名了。 图片来源:http://www.flipflopflyin.com像素画就像一块磁铁,把喜欢它的人们不分国籍种族,都聚合到一起。当时国内也有一个像素画论坛,叫像素森林。…
笨办法学像素画:如何画准像素画形状?
摘要:笨办法学像素画:如何画准像素画形状?教你画像素画原创教程画画到底是什么? 我小时候很喜欢看电视里的动画片,很开心很放松,看动画片几乎可以等于快乐本身。动画片其实就是一张一张的画按照一定的速度连续播放,一般电视动画片的速度是每秒24张。 很多人想学会画画那么画画到底是什么?非的要有天赋才能学会吗? 必须不是啊,《像艺术家一样思考》这本书很明确的提出,画画和骑自行车一样,是一门技术,任何人只要想学都可以学会。几乎所有普通人(非画家,设计师等)都会认为画的逼真,惟妙惟肖才是好。 但其实艺术发展到现在,画的逼真画的像仅仅只是刚刚入门而已。几乎99%的国内教画画的都会教素描,但是对于中国素描,陈丹青是这样说的:”梵高要是拿着1881~1883年的初习的这些画,来到中国排队考,他估计准考证都拿不到,可是我每次看到考前班的这些画,看到考场的这些素描,我就想死,我宁可一辈子不会画画。 ”学习像素画不需要画中国式素描像素画是计算机性能受限制时代,画家兼设计师们想出的解决方案,是最适合电子屏幕的艺术形式。容量小,效果好,修改方便,换颜色也方便。 早期的像素画没有明暗,依然是出色的作品。低龄玩家很容易找到主角,秒懂主角的表情和动作。 像素画的核心是准确的形状像素画首先应该练习什么,学像素画应该怎么学?像素画的核心是准确的形状。 2D像素画是这样,3D体素也是这样,只有准确的形状,人眼才能识别为不同的东西。画准形状的秘诀是简化和概括要想把形状画准确的秘诀就是简化和概括。 这个世界很复杂,要画的东西也是,哪怕是一粒瓜子,如果你要画超写实,估计得画一个月。我个人比较喜欢极简像素画,形状准确就可以清楚的表达出画家的想法和观念。…
像素画基础教程:荔枝的画法
教你画像素画原创教程摘要:像素画基础教程荔枝的画法像素画水果是一个非常好的新人练习题材。夏天来了吃荔枝,荔枝表面都是细小的凸起,要怎么画呢? 如何在较小尺寸的像素画中画出荔枝?跟我一起来画吧。 找到清晰的荔枝照片作为参考,打开Aseprite,新建24×24像素新文件。画准形状荔枝也是椭圆形,用椭圆形工具画出椭圆,填充成荔枝表皮的暗红色。 荔枝蒂荔枝蒂很小,先用褐色画出大致的形状,然后点出亮部和高光就可以了。难点:荔枝表皮荔枝表皮有凹凸起伏,只要把凹凸起伏画出来就成功了一大半。 绘画中越亮的约凸起,越暗的越凹陷。了解了这个规律就可以画荔枝表皮了! 注意千万不要视图去画荔枝表皮的凸起轮廓线,真没有地方放轮廓线。用更深的暗红色勾勒出表皮的颗粒,选择一些有代表性的即可,不需要每一个都画。 形状搞定以后,就用更深的颜色去刻画暗部,更亮的颜色去刻画亮部。、点上高光以后就完成啦! 用同样的方法画出剥开的荔枝。完。
游戏开发初级教程:简单横版游戏场景TileSet画法
作者:MortMort教你画像素画编译出品摘要:使用这种方法可以画出横版游戏所需要的场景TileSet拼制关卡。画质由画家的水平和细节决定。 教程给出的例子,画质可达到SFC和GBA水准。本教程使用软件:Photoshop参考素材像素画不是无中生有的,用于游戏开发的像素画更是如此。 设计者需要考虑不同层次的玩家可以准确无误的识别出游戏场景或者角色。找一份TileSet的参考,就很容易知道游戏场景可以用这些小方块拼搭出来。 最基本的TileSet是9宫格,使用最少9块Tile就可以拼搭出任意的游戏关卡(横版)。草地Tile草地Tile是必不可缺的Tile,绝大部分游戏都有草地Tile,玩游戏的时候仔细观察一下,记住2D游戏才有哦。 画出下方有3个凸起的草地。草地需要横向连续,所以复制一份移动到旁边,看看拼接效果。 效果没问题的,继续画第二层颜色较暗的草,这样的好处在于增加草地的层次和质感。同样的画完以后需要水品拼接,看下效果。 拼接OK,就可以包边了,将左右两边的口封上。为了便于后期修改,草地Tile到这一步就可以了,等土地Tile也画好之后再上明暗和细节。 土地Tile接着草地Tile,按照9宫格画出土地Tile的方框,填充泥土的颜色。大多数FC游戏会把土地Tile做成墙砖,这样其实挺丑的。 我们可以在纹样有更多设计。将Tile均分为4个方格,在小方格内画出弧线。 将Tile复制4份拼接在一起查看效果。在前面的基础上再增加一条线,仍然复制4份查看拼接效果。…
游戏开发初级教程:透明史莱姆的画法
教你画像素画原创教程摘要:像素画最大的应用就是游戏开发了。我们画的单个像素画都可以作为游戏的小怪物或道具。 本文范例使用Aseprite完成。透明首先找到一张史莱姆的图片,可以了解史莱姆的形状和颜色。 要画出透明的感觉对新手是一个难点。透明意味着玩家可以穿透某些东西,看到后面的东西。 透明并不意味着什么都没有。即使透明如水和玻璃,画家也可以通过不同的明暗和高光来刻画它们。 椭圆工具新建24X24像素新文件,用椭圆工具画出史莱姆的身体。然后画出头顶的尖尖。 固有色史莱姆的形状特别简单,对于像素画新手可以选择此类形状简单的来画。要直到复杂的东西也只不过是由简单的东西组合而成! 填充史莱姆的蓝色。画出透明如何画出透明的感觉呢? 关键在于画出不透明时看不到的东西。对于史莱姆来说,透明就意味着我们可以看到史莱姆和地面接触的那个面,并且史莱姆的身体会在地面上留下投影,把这个投影画出来就成功了一半。 我在椭圆的下半部分,画一个水平的椭圆暗示这是史莱姆在地面的投影。紧接着画出顶部的透明感,只是简单的把颜色提亮,光源在上方,即使不透明,顶部也应该比较亮。 注意亮部区域的形状需要画成弧形,因为史莱姆是一个椭球体。画出暗部区域的反光,将亮部的颜色顺着边缘延申到暗部区域。…
笨办法学像素画:大小形变心跳动画
摘要:大小形变动画是常用的动画基本形式之一。每次完成一张像素画作品,可以尝试放大和缩小它,然后重新清理不规则的像素杂点,使作品完美。 这也是像素游戏开发和移植必备的技能。我们先从最简单的大小形变动画开始学习像素画动画。 大小形变,就是放大和缩小形状,从而获得动画关键帧的方法。每次放大或缩小,就能获得关键帧。 像素画动画都是逐帧动画。最终完成效果。 感觉可以当表情来发。首先画出静帧打开Aseprite,新建24×24像素新文件。 用红色画出心形,用暗红色勾边,点出白色的高光。缩小形状制作中间帧复制帧,Ctrl+T,按住alt,缩小形状。 每复制1帧,就缩小一点形状。有的形状比较好,有的则会缺少像素或细节,需要事后修改。 预览动画效果我复制了3帧,点击Aseprite时间轴上的播放按钮就可以看到效果。看起来不错啊,再去修改效果不那么好的帧。 完成!人也是可以缩放的哦~课后作业是任意缩放自己的像素画作品,然后连续播放看看。 完。