Recent Posts

Posted in 瓦片与图块

像素画基础教程:像素之道游戏场景Tile

摘要:像素画基础教程:像素之道游戏场景Tile关键词:像素画,像素图,马赛克画,游戏场景,Tile1、游戏场景Tile早期电子游戏受限于设备性能,为了尽可能丰富游戏的画面,设计师们使用一种Tile的东西设计游戏场景。早期RPG游戏勇者斗恶龙,世界宏大,游戏场景非常巨大,就是用Tile反复拼接而成的。 2、海岛TileSet案例这是已经制作好的海岛TileSet。TileSet就是多个相同主题的Tile组合。 tile的尺寸是16×16像素,海岛TileSet一共有10块。早期游戏开发,在设计TileSet时应考虑Tile可以上下左右翻转,这样可以最大限度节约Tile的数量,节省下来的Tile可以绘制其他小东西。 即使目前智能手机的性能大幅度提升,使用Tile也可以大大减小安装包容量,提高游戏运行效率!我觉得设计优秀的游戏,玩起来也比较省电……使用这10块Tile就可以拼出无限大的海岛场景啦。 下面是拼好的一个范例。2、游戏场景Tile的要求1、准确的构成在某些公司,Tile是美术画的,拼关卡地图的则是策划……这种组合容易出现问题。 由于Tile会大面积铺在游戏屏幕中,所以需要考虑Tile之间彼此相接的情况。过于特殊的情形,应该尽量避免。 下面是一个失败的案例。在这里的岛屿出现了裂缝,在拼接的时候应避免出现这种情况。 2、避免出现明显的栅格图案好的Tile设计需要避免出现栅格。通俗的讲就是被玩家一眼看出了Tile的破绽。 好的Tile设计,玩家很难看出游戏场景是用Tile拼出来的。糟糕的例子。 优秀的例子。3、增加Tile避免破绽拼关卡时,经常会上下左右翻转Tile来拼地图。…

Continue Reading... 像素画基础教程:像素之道游戏场景Tile
Posted in 色彩与明暗

像素画基础教程:像素之道颜色搭配

摘要:像素画基础教程:像素之道颜色搭配关键词:像素画,像素图,马赛克画,基础教程,颜色搭配1、预留透明色Sprite(Sprite是指游戏中的可动单位)颜色限制为16色,在一开始配色的时候就该考虑透明色。即除去透明色,实际上Sprite只有15色。 2、配色思考需要从3个方面来思考配色1、角色个性和场景的属性在游戏构思阶段优先考虑主角,使用何种配色能更好的表现角色个性,使玩家喜爱并产生代入感?主角是最重要的游戏角色。 假设要制作一款RPG游戏,就需要考虑主角是成人?小孩? 男?女? 瘦?胖? 属性不同,配色也不同。另外角色不同的服装和装备(这些服装和装备也受前面属性的影响,比如你可以设定胖角色穿深色的服装,因为这样看起来显瘦……),配色也会有差异。 对于场景,通常都有固有色。比如大海蓝,沙漠黄等等。 在此基础上与角色协调一致就可以了。对于某些剧情需要加的特效,则可以比较灵活。 2、颜色对比一旦设定好主角,就可以开始设计配色方案了。对于配色设计都建立在颜色对比的基础上。 3、颜色对比下面简单了解下颜色对比吧。A…

Continue Reading... 像素画基础教程:像素之道颜色搭配
Posted in environment

Slynyrd像素画教程:建筑房子的画法

Slynyrd像素画教程:建筑房子的画法摘要:Slynyrd像素画教程:建筑房子的画法关键词:Slynyrd,像素画教程,建筑,房子,游戏场景,步骤完成图预览1从一堵墙开始画,矩形工具起稿。当然你需要事先找好参考图,或者胸有成足。 2增加第二堵墙,已经有立体感了。3用同样的方法继续画矩形(墙)45将建筑物或房子简化为单个,然后再把单个的简化为可见的面。 最简单的类比就是长方形盒子,不同的视角透视不同,可见的面也不同。6按部就班的画出所有面7建筑物的围栏同样是方盒子,只是比较窄8房子的整体形状已经出来了9大形状OK以后,再画小细节,比如门窗10细化门窗11玻璃仅仅是换了个颜色12画出墙上的字和招牌13添加更多细节, 如植物、排气管道等完成图根据需要,增加场景动画关注 教你画像素画,让我们一起欣赏像素画,学习像素画。

Continue Reading... Slynyrd像素画教程:建筑房子的画法
Posted in 独立游戏

网友提问:小游戏怎么策划?

网友提问:小游戏怎么策划?摘要:网友提问:小游戏怎么策划? 关键词:独立游戏,小游戏,游戏策划其实不是网友提问,是因为我在群里看到群友自己设计的游戏惨不忍睹,忍不住想分享一下自己策划游戏的经验。第一个RPG游戏我做的第一个游戏是用RPGMaker做的,模仿暗黑破坏神做了Act1的剧情,最终Boss是安达利尔。 其实就是把主角名字改成野蛮人,然后游戏里面的npc改下名字,场景地图改下名字,加上剧情和对白,再串起来就算做完了。当时我挺激动的,还把exe分享给朋友们玩。 因为RPGMaker自带角色升级系统还有怪物,因此不需要自己来设计数值系统,那确实RPG游戏就很好做了,只要解决剧情问题就可以了。做完这个游戏,至少让我觉得做游戏并没有那么难。 第一个益智游戏植物大战僵尸打字版我做的第一个益智游戏是打字游戏,源代码是书上提供的,我修改了源代码。源代码的策划/核心玩法很简单:就是不同的英文字幕从屏幕上方随机往下落,玩家按对了键盘对应对字母,字母就会消失并记录得分,如果漏掉X个字母游戏就结束了。 当时植物大战僵尸非常火爆。我就想蹭下植物大战僵尸IP,同时练练手。 修改之后的策划:核心玩法不变,发挥我的特长,提高美术质量。我做了一个随机下落的僵尸,头上是随机的字母,然后地面上加上不同的植物,当僵尸碰到植物就会把植物偷走,如果玩家按对了字母,僵尸就会被消灭,如果连续被僵尸偷走X个植物,游戏就结束了。 僵尸的下落速度也会越来越快。这个游戏上传之后,每天能为我赚几分钱,哈哈哈,当时特别开心。 小游戏怎么策划?由于我的程序比较差,很难写出复杂的玩法程序。 因此大多数时候我做的小游戏都是在有核心玩法源码的基础上,修改出来的,要么在玩法上有改进,要么在美术上增加趣味性,小游戏的生命周期非常短,核心玩法也简单。什么是核心玩法?…

Continue Reading... 网友提问:小游戏怎么策划?
Posted in 软件与工具

网友提问:怎么用Wacom手写板画像素画?

网友提问:怎么用Wacom手写板画像素画?摘要:用鼠标画像素画不行吗? 怎么用Wacom手写板画像素画?关键词:像素画,像素图,Wacom,手写板,压感笔关于Wacom手写板,我说过好多次自己的观点,也就是合适的工具可以提高效率。 具体怎么使用wacom数位板,我还真的没有研究过,自己用着用着就习惯了。1、正确安装驱动拿到板子以后,第一步就是正确安装驱动啦。 在wacom官方驱动下载地址[1]下载并安装,就可以开始用手写板画像素画之旅了。2、手写板设置、安装好驱动,打开控制中心。 wacom控制中心选择我的设备-One by Wacom,点击压感笔设定压感笔设定设定笔主要有以下项目:笔尖感应:轻轻用笔尖点击画板,查看当前压力,然后调节滑块;双击时笔尖间距:用笔尖双击画板,然后调节滑块;笔的按键:笔尖点击等于鼠标左键点击;可以设置的笔上面的按键。 我设置为右键单击和中间键单击。用Aseprite画像素画时,右键单击其实就是用背景色画。 设定笔压感笔的按钮模式有两种,分别是悬空点击和接触点击。为了减少笔尖磨损,我建议选择悬空点击。 笔按钮模式最后是设定映射,一般手写板正常的话可以不设置,但是当手写板某个区域失灵,就可以设定映射避开失灵的区域,这样手写板还可以用。设定映射3、画线条练习打开Aseprite,用压感笔随意的画像素画线条。…

Continue Reading... 网友提问:怎么用Wacom手写板画像素画?
Posted in 新手入门

像素画快速练习方法:缩小练习

像素画快速练习方法:缩小练习 摘要:像素画快速练习方法:缩小练习 关键词:像素画,像素图,格子画,方格画,马赛克画,练习方法 学习像素画有一个快速提升水平的方法,可以完全不考虑像素画的技法,而只是单纯的磨练你的眼力和手上的功夫。 这个方法以前介绍过,今天再介绍一次。大佬们的像素画像素画有很多大佬,但是新手看到大佬的作品很难领会也很难学到什么东西。 使用缩放练习,你就可以更深入的了解和领会优秀像素画的逻辑。缩小练习把大佬的作品缩小之后,像素画就会崩溃打乱失去秩序。 像素画有一种秩序之美,虽然都是方块,但是按照一定的节奏和颜色来放置,就可以变成像素画作品。缩小大佬的作品缩小后的像素画,像素是混乱的,你需要做的就是,对照大佬的像素画,重新把混乱的像素摆放整齐,完成一副尺寸较小的像素画。 这个过程就是缩放练习。重新摆放整齐的小尺寸像素画在摆放的过程中,你需要思考形状、线条、颜色、明暗、细节、整体。 这个思考的过程就是画画的过程,也是创作的过程,缩放练习本质上是二次创作。很有可能最终完成的作品和大佬作品完全不同,但是主题和配色是一样的。 重新摆放整齐的小尺寸像素画这个练习可以反复的做。很有可能每一次你重新摆放之后的作品都会有细微差别。…

Continue Reading... 像素画快速练习方法:缩小练习
Posted in 道具、图标与UI

像素画基础教程:武器画法

像素画基础教程:武器画法 摘要:像素画基础教程:武器画法 关键词:像素画,像素图,马赛克画,网格画,方格画,武器,icon皇家宝剑 像素画是一种以方块为基础元素的数码插画,不同颜色的方块通过有序的排列组合就变成了不同的插画作品。今天我们就来画一把剑,然后通过修改剑来获得其他武器。 剑由于像素方块的特性,通常游戏中的剑都会以45度来展示。因为方块四个角是尖尖的,正好用来表现剑尖。 确定好剑的宽度,大约就是剑尖直角的高度用直线画出剑身然后画出剑柄填充固有色明暗上色,只要分出亮面和暗面即可最后处理黑色轮廓线,也就是给轮廓线也明暗上色大剑通过加宽剑身和修改剑柄,就可以获得其他样式的宝剑了!如果你要做一款rpg游戏,里面有很多武器装备,可以试试这种修改方法。 皇家宝剑其他武器:长矛同样的掌握了方法以后,其他武器也可以快速的修改获得。如果没有灵感的话,就找一些同类游戏的icon来参考吧。

Continue Reading... 像素画基础教程:武器画法
Posted in environment

像素画场景基础建筑结构要点

像素画场景基础建筑结构要点 摘要:我认为最重要的建筑物结构要点 关键词:像素画,像素图,马赛克画,游戏场景,建筑物, 结构建筑物怎么画?好多新手会觉得很棘手。 如果是有经验的就不会慌,多找点参考素材,总能画个八九不离十。那么要点是什么? 像素画建筑物结构要点我把结论写在最前面,节省大家的时间。45度立方体建筑,可以看到3个面90度立方体建筑,可以看到2个面像素画建筑物结构要点就是立方体。 一个建筑物你可以简化理解为一个立方体,复杂的建筑物就是多个立方体的堆叠。立方体很简单,新手刚入门像素画就要画的,明白了这一点,再画建筑物是不是不慌了? 90度立方体建筑90度立方体建筑物,可以看到2个面,因此画起来比45度建筑物简单。90度立方体建筑室外星露谷度场景就是90度立方体建筑物。 90度立方体建筑,可以看到2个面纯平的90度立方体建筑,通常用于横版游戏的背景。90度立方体建筑,可以看到2个面,朝上的面比较窄当然也有比较极端的情况,好像只能看到一个面,但是实际上也通过高光暗示了朝上的面。 90度立方体建筑室外90度立方体建筑室内90度立方体建筑室外有时,90度立方体建筑,可以看到左右方向的2个面90度立方体建筑室外不管是室内还是室外,90度立方体规则都是适用的。比如皮克皮的室内场景,本身就是一个中空的立方体,室内的墙壁,家具等同样遵循90度立方体规则。…

Continue Reading... 像素画场景基础建筑结构要点
Posted in environment

​Slynyrd像素画教程:如何画风

Slynyrd像素画教程:如何画风 摘要:Slynyrd像素画教程:如何画风 关键词:Slynyrd,像素画教程,风 风必须使用动画来暗示。风是透明的,只能通过其他被风吹动的物体来暗示。 移动漩涡风是通过对事物施加的运动,就可以在视觉上被人类感知。漩涡是一个很好的通用解决方案,可以暗示几乎任何环境中的风。 即使你的构图中没有任何东西可以合理地移动,也可以产生漩涡来暗示风。 1、用线条漩涡暗示风  2、小的灰尘漩涡暗示风  3、大的灰尘团漩涡暗示风 纺织品和头发常见纺织品就是衣服,然后是头发,只要做出波形运动就可以暗示风。…

Continue Reading... ​Slynyrd像素画教程:如何画风
Posted in 色彩与明暗

像素画基础教程:怎样画出凹凸立体感?

像素画基础教程:怎样画出凹凸立体感? 摘要:像素画基础教程:怎样画出凹凸立体感 关键词:像素画,像素图,马赛克画,凹凸,立体感凹凸 画画就是追求在平面上塑造出栩栩如生的形象,所以画画是造型艺术。 像素画当然也不例外。那么怎样画出立体感? 立体感其实是个术语,普通人可能不容易理解。换一种说法就是怎样画出凹凸感? 有凹陷有凸起就自然有了立体感。凹凸感很容易画出来,任何人掌握了方法就可以画出来,这跟画画天赋没关系。 准备好Aseprite或其他画图软件,跟我一起来练习吧!凸起的画法新建32X32像素画布,填充灰色light1毫无疑问的,平涂灰色没有立体感。 现在用矩形工具画出一个白色正方形。light2现在还是没有立体感,但是有了亮度对比,所以眼睛可以看到一个白色边框的正方形。 神奇的一刻来了。现在用黑色把正方形右下角的2条边改成黑色!…

Continue Reading... 像素画基础教程:怎样画出凹凸立体感?