Posted in Uncategorized

没基础手残画画苦手?你也能画手绘像素画!

“ 摘要:没基础手残画画苦手?你也能画手绘像素画! ”教你画像素画原创教程像素画就是格子画,每一个方块就在一个格子里,不一样的是颜色。所以只要有图案,也就是已经画好的像素画,任何人都可以画手绘像素画! 本文主要介绍手绘像素画的工具,步骤和方法。关于如何画像素画,请查阅关注我们的其他文章。 手绘像素画工具—普通的方格本,我用的是得力零系列方格本,有27X38个格子,对应的像素画尺寸不能大于27X38像素。双头马克笔,36色或48色就可以了,我买的80色,其实没必要,有很多灰色用处不多。 马克笔买回来以后,需要把每支笔的颜色涂到色卡上,作为上色参考。有方格本和马克笔就可以画手绘像素画啦。 画完以后可能需要发到朋友圈或社交网络,那么可以在加一个台灯,打光以后拍摄效果会更好。手绘像素画步骤—打开Aseprite(使用Photoshop也可以哦),现画一张或者打开已经画好的像素画。 选择View–Grid–Grid Settings。(如果是Photoshop,需要在首选项里面设置网格间距为1像素,然后显示网格即可)将width和height的值都设置为1。 1就是1像素,1个格子。现在就可以开始画了。 这张小猪佩奇没有黑色轮廓线,看起来会更高级。所以一开始就不需要用点或者叉叉去标记方格,分别使用不同颜色的马克笔(用小头来勾线),勾出需要填色的区域。…

Continue Reading... 没基础手残画画苦手?你也能画手绘像素画!
Posted in Uncategorized

Cyangmou像素画教程:没人玩你的游戏?是不是跳跃设计出问题了?

Cyangmou像素画教程:没人玩你的游戏?是不是跳跃设计出问题了? 题图:WolfenoctisCyangmou是一位奥地利90后专业像素画家/动画师,专门研究像素画,并具有游戏设计和项目规划的专业知识。2012年Cyangmou以自由像素画家的身份开始个人职业生涯。 到目前为止,Cyangmou已经开发了十几款游戏,并为发行商的游戏原型设计或独立游戏项目提供咨询服务。Cyangmou擅长欧洲中世纪幻想&蒸汽朋克风格。 用于跳跃测试的免费美术资源包[1]。让我们想象游戏中玩家如何控制角色跳跃,并且何时会按下跳跃按钮? 这取决于很多变量:比如游戏的类型,玩家的年龄,玩家需要控制的按钮数量,玩家熟练程度,网络延迟…等等。让我们从一个简单案例开始。 当玩家跑到蓝色竖线处时应该开始准备跳跃;当玩家跑到平台缺口处时应该按下跳跃按钮。有一些资深玩家会非常谨慎,通常在下图中紫色小人/竖线处按下跳跃按钮;而大多数新手玩家会在黄色小人/竖线处按下跳跃按钮。 像素画游戏设计师需要确保角色的水平跳跃距离足够,否则游戏对于新手玩家来说就太难了。对于像素画游戏而言,当角色跑到平台边缘并掉落之前,会有一段安全距离,因为角色的矩形碰撞检测框还没有完全脱离平台。 尺寸较大的碰撞检测框将会对新手玩家非常有用。某些游戏在这方面走在更远,在玩家掉下去的一瞬间,仍然可以按下跳跃按钮并使角色跳起。 这样某些资深玩家可以利用这一点更好的玩游戏,而新手玩家则会慢慢成长为资深玩家,不会因为游戏太难而放弃游戏。 参考资料[1]free-side-scroller-prototype-box:…

Continue Reading... Cyangmou像素画教程:没人玩你的游戏?是不是跳跃设计出问题了?
Posted in Uncategorized

Cyangmou像素画教程:像素画游戏透视指南

Cyangmou像素画教程:像素画游戏透视指南真实的透视具有“消失点”。如果要开发角色扮演游戏,就需要简化透视[1]来构建游戏世界。 Tile是形状和尺寸相同但内容不同的拼图。纹理,树木,房屋,墙壁等等,所有这些场景元素都是用Tile组成的。 像素画角色扮演游戏最流行的透视有2种:3/4俯视许多老式RPG游戏、冒险/动作游戏都采用3/4俯视,也有可能出现透视倾斜的情况。例子:ISO等距透视ISO等距透视用于SLG游戏、RPG游戏、模拟/冒险游戏。 还有很多80-90年代受欢迎的游戏,例如博得之门系列,模拟城市系列,星际争霸,帝国时代等等。例子:平行透视将透视简化并且去掉消失点,这种透视称为平行透视。 在平行透视的情况下,远处的物体与近处的物体具有相同的大小。ISO等距透视是轴测图的一种特殊情况,两个轴之间的角度始终为120°。 对于像素画ISO等距透视,将轴略微调整为2:1(例如,相对于水平线的角度为26.6°,而不是30°)。这是因为像素精度高,所以像素等距在技术上是偶数。 Tile网格将游戏场景打上网格辅助线,你就应该知道为什么像素画游戏会使用平行透视。网格辅助线之间反复使用的相同图案-就是Tile。 约20年前,计算机系统的内存非常有限,因此必须使用一堆Tile通过不同的组合来创建游戏世界。仅仅使用一些Tile就可以创建游戏世界,可以节省大量开发时间。 请记住,开发游戏的时间成本是比较昂贵的,并且与画出完整场景相比,画Tile更加经济和高效。同样的,现代的3D游戏会使用blocks,这与2D游戏的Tile非常相似。 参考资料[1] …

Continue Reading... Cyangmou像素画教程:像素画游戏透视指南
Posted in Uncategorized

Cyangmou像素画教程:像素画游戏开发透视角度怎么选?

Cyangmou像素画教程:像素画游戏开发透视角度怎么选?题图:GranderoISO比3/4俯视的3D效果更强,原因在于ISO可以看到3个面,而3/4俯视只能看到2个面。 透视分析造成3/4俯视和ISO透视不同的原因在于视点的位置。ISO透视的视点高度较低,比较接近正常成年人的视点,而3/4俯视视点高度比较高,适合表现大面积的游戏场景。 根据不同的视点高度和位置,画出相应的基本几何体,可以直观的看到不同透视对像素画的影响。3/4俯视也可以画出类似ISO透视的结构,但是这会导致不完美像素线条,相比以2像素完美线条为基础的ISO透视,需要花费更多的时间成本,并且在视觉上也不够美观。 3/4俯视场景Tile以方块为基础,ISO透视则以菱形格为基础,在视觉上ISO透视立体感更强。优秀的像素画家知道何时遵循或打破基本的透视规则,从而设计出优秀的游戏场景。 ISO透视的场景制作起来难度更大,但是难度最大的是ISO透视下的角色。相比3/4俯视4方向行走的角色(实际上是3方向,左右可以翻转),ISO透视只需要制作2个方向的角色,即45度朝上+45度朝下+左右翻转。 总结从游戏制作成本来考虑,如果你的游戏需要制作一大堆游戏角色,建议使用ISO透视,减少制作角色的时间成本。如果你的游戏需要制作一个巨大的场景,RPG游戏,则建议使用3/4俯视,减少制作场景的时间成本。 完。

Continue Reading... Cyangmou像素画教程:像素画游戏开发透视角度怎么选?
Posted in Uncategorized

Cyangmou像素画教程:用这种方法画木头箱子,你就掌握了像素画​!

Cyangmou像素画教程:用这种方法画木头箱子,你就掌握了像素画!分析透视规律首先想象一个立方体:立方体的6个面都是正方形,ISO透视正面的立方体可以看到2个面,朝上的面高度缩减为1/3,朝前的面高度缩减为2/3。 45度透视正面的立方体,朝上的面和朝前的面高度相同,均为3/4,根据规律画像素画立方体根据分析得出的透视规律,就可以凭空画出具有立体感的像素画立方体。1、从线条开始,先画一条32像素长的直线;2、然后画出垂直线32像素X3/4=24像素;3、左右都画好,然后连接得到长方形,这就是立方体朝上的面。 4、画出垂直线32像素X3/4=24像素;5、同样的方法,画出立方体朝前的面。6、填充颜色,就得到了立体感很强的立方体。 将线条缩小,就可以获得各种大小不同的立方体。这里需要注意的是立方体的明暗,通常朝上的面颜色应该比朝前的面浅,因为通常情况下,人类世界的光源都在上方。 假设朝前的面颜色比朝上的面浅,观众或玩家会将浅色的面误认为domain,将深色的面误认为墙。用立方体画木头箱子(游戏道具)立方体是基础形体,可以组合出各种复杂的形体。 我以16X16像素的木头箱子为例。1、首先画出16像素的像素画立方体,然后上色;2、朝上的木板会留下投影,底部的木板横条则会朝上的亮边,注意明暗对比;3、现在将颜色替换为木头的黄褐色,在这里我只用了3个颜色;使用同样的方法可以画出32X32像素的木头箱子,与小尺寸相比,大尺寸木头箱子有更多的空间来表现细节。 一般像素画新手没有能力画出太多的细节,这是我建议新手尽量画小尺寸像素画的原因。更多的细节当你能够顺利画出像素画形体,就可以考虑添加更多的细节。 缩小底部的木板宽度,就可以展示出更丰富的细节,同时改变了整个箱子的整体形状。添加高光是强化立体感简单而有效的方法。 效果对比:材质纹理接下来你可以继续画出对象的材质纹理。不同的材质会有不同的纹理和图案。 木头纹理绘画步骤:1、画出背景色;2、画出一些椭圆形;3、再画出一些线条;绝大多数纹理和材质都可以用木头纹理的画法和步骤来完成。要画出纹理首先要确保有足够的空间来画,其次需要注意的是尽量使用整块的颜色和线条。…

Continue Reading... Cyangmou像素画教程:用这种方法画木头箱子,你就掌握了像素画​!
Posted in Uncategorized

cocefi像素画教程:游戏角色简单待机动画分析

cocefi像素画教程:游戏角色简单待机动画分析题图:Strazt游戏角色待机动画必不可少,主角的待机动画不能偷懒,但是很多npc和小怪物的待机动画就可以偷懒啦。来看看cocefi简单待机动画教程。 1、从角色基础形状开始首先画出角色的基础形状,要制作待机动画的是一只圆形的小狗。因此第1帧画出圆圈,点出眼睛。 简单待机动画是制作出角色上下起伏的感觉。因此第2帧圆形会下压,会比第1帧扁一些,我用半透明绿色标记出第1帧圆形的位置。 第3帧角色受到地面反作用力回弹,因此形状是竖起来的椭圆。现在将画好的3帧连续播放,查看动画效果。 角色整体的起伏动画就做好啦!2、增加细节角色整体形状动画OK之后,再添加细节。 画出小狗的尾巴。第2帧,当身体下落时,尾巴由于惯性不会马上跟随身体下落。 第3帧当身体回弹时,尾巴再下落。连续播放,查看动画效果。 3、增加中间帧3帧的待机动画有点太快了,再增加1帧中间帧。加在第2帧后面,身体被下压的更扁。 连续播放查看动画效果OK以后,就可以刻画具体细节了。使用不同颜色的大块形状来暗示角色,动画效果确认OK以后再刻画具体细节,可以大大节约绘画时间。 4、刻画具体细节耐心的刻画出小狗的具体细节,简单的小狗待机动画就做好啦~完。

Continue Reading... cocefi像素画教程:游戏角色简单待机动画分析
Posted in Uncategorized

cocefi像素画教程:ISO像素画场景树&建筑的画法步骤分析

cocefi像素画教程:ISO像素画场景树&建筑的画法步骤分析hexcode摘要:cocefi示范ISO像素画树的绘画详细步骤分析。关键词:cocefi,ISO像素画,树,植物,游戏场景,绘画步骤马来西亚像素画家cocefi示范的ISO像素画场景绘画过程,好好分析下可以学到很多东西,现在就跟小编一起来看看cocefi大佬是怎样画ISO像素画场景的。 ISO像素画树绘画步骤在画树之前,需要了解树的形体结构。众所周知,大多数树都由树干和树冠组成。 与一般画家将树冠简化为球体不同的是,cocefi将树冠简化为不同颜色椭球体的叠加,不仅暗示出树的形体结构,同时也画好了树的形状和外轮廓。形状画好,就可以添加细节(勾线轮廓,画出暗示出叶子的感觉,胖乎乎树干很可爱)和上固有色。 画出树冠的亮部,注意在这里直接将亮部形状改为树叶的形状(对于面积最大的树冠,树叶是非常重要的细节)。另外考虑到树冠右边会被建筑物遮挡,因此就可以留白,减少工作量。 看树叶的形状,应该是一片一片画的,不是复制粘贴。画出叶子的细节-叶脉,添加少许叶子尖端的高光。 画出暗部,同时继续增加亮部的层次。看起来立体感不强。 继续添加投影和高光层次,看起来立体感仍然不强。继续添加树冠的高光层次,立体感达到预期效果。 树就画好了。ISO像素画建筑物绘画步骤首先根据心中的设想,画出草图。 草图不需要用像素铅笔来画,用画笔即可。草图导入aseprite或Photoshop,用铅笔勾出轮廓线,边勾边上色。 注意cocefi在背景层铺了2像素菱形网格作为ISO辅助参考,这个是非常有用的。建筑物是主体,优先刻画细节。…

Continue Reading... cocefi像素画教程:ISO像素画场景树&建筑的画法步骤分析
Posted in Uncategorized

Cyangmou像素画教程:​游戏场景元素天使绘画过程分析

Cyangmou像素画教程:游戏场景元素天使绘画过程分析《Tower57》 是一款像素画射击游戏,在游戏中团队协作就跟弹夹容量一样重要。作为特殊小队的成员之一,玩家将要在这个柴油朋克风格的世界中杀出一条通往巨塔的血路,同时揭开不为人知的秘密。 Cyangmou是《Tower57》主美。以下是场景元素天使的绘画过程分析。 1、草图使用简练的线条画出天使的姿势,这样不满意也可以即时修改。圆圈代表头部,S线是脊柱,4条曲线代表四肢,背后2条曲线代表翅膀,2道横线,1道肩线,1道骨盆线。 姿势确定后,勾出大致形状。在这一步可以参考各种资料和素材,画出天使的形状,头部仍然是圆圈,身体是椭球体,四肢是圆柱体,可以看出翅膀,用不同颜色画出小号。 使用不同颜色画出大致的明暗,查看整体效果。注意如果画角色,优先画出身体,身体OK之后再加服装。 这是为了更好的画准确人体结构。加上服装,查看效果。 2、结构&明暗关系在继续深入刻画之前,需要确定角色的架构和明暗关系。结构影响明暗,将角色还原为几何形体,可以清楚的看清明暗关系。 辅助线也可以用起来,比如在这里就使用2像素辅助线(《Tower57》基于ISO像素画等距透视),确定2个翅膀的高度。3、深入刻画搞清楚角色结构和明暗关系,深入刻画就容易多了。 不求精确的画出角色整体明暗关系,在这一步修改角色也很方便,更换了服装款式。为了将角色嵌入到已经画好的场景中,需要对角色进行缩小。…

Continue Reading... Cyangmou像素画教程:​游戏场景元素天使绘画过程分析
Posted in Uncategorized

像素画高级教程:头发的画法

摘要:像素画高级教程:头发的画法使用软件:Aseprite像素画的根本在于化繁为简,简单的说就是把复杂的对象简单化,画任何东西都可以这样去考虑。头发也是如此,如果单独去看头发的细节,那么一根一根的头发有几万跟头发,没法画也没有必要。 将头发分组,整体的来考虑就会容易很多。整体考虑头发是覆盖在头皮上的,头皮下面是头骨,头骨简单的看就是一个椭球体。 实际在画头发的时候也可以先把角色的脑袋画出来,就画一个球也可以。头发覆盖在头骨上,也有体积和形状,具体画的时候需要分组来画,大多数发型在设计的时候也是按分组来设计的。 下面这个网络图片,我用红色画了一个分组示范。这样是不是容易多了,分组以后画起来更简单,细节较少。 在原来的基础上加了一个马尾。光打在头发上就会有明暗。 明暗的产生就在于存在高低起伏,因此有的地方比较亮(光照到的多),有的地方比较暗(光照到的少)。清理出线稿,然后填上颜色。 注意我选的橙色是中性色,就是不要太鲜艳也不要太暗。逐个刻画明暗和细节整体形状画好以后,就需要上明暗和刻画细节了。 首先设置光源在头部上方,然后用亮部的颜色划分出亮部的区域。填上亮部颜色。 我调整了部分头发分组的形状。增加1个过渡的颜色,使亮部的颜色和暗部的颜色过渡更自然。 修改了脸型,加上了五官。增加亮部的高光颜色,我选了接近于白色的浅黄色。…

Continue Reading... 像素画高级教程:头发的画法
Posted in Uncategorized

像素画高级教程:怎么画小猪佩奇一家

作者:pixel32 | 教你画像素画原创教程摘要:怎么画小猪佩奇一家?看过上一篇小猪佩奇之后,我相信大家都已经学会怎样画单个的小猪佩奇。 如果你已经亲手画出了小猪佩奇,就说明已经入门像素画了。小猪佩奇虽然画的很简单,但是故事非常棒,动画设计也很赞。 我们一点一点来进步吧。这次来画小猪佩奇一家。 化繁为简,拆多为少小猪佩奇一家4口,第一眼看就觉得很复杂。别怕,老办法,都拆开,一个一个画。 不论新手大佬都是这个步骤。打开Aseprite,勾选完美像素选框,提起wacom压感笔开画。 先用1像素铅笔画出佩奇的线稿。然后填充颜色,处理轮廓线,补充细节,比如脸上的腮红。 画完啦。继续下一个。 重复利用已画好的资源因为乔治很像佩奇,所以我复制了一份佩奇,把佩奇改成乔治,他俩唯一的区别可能是身体,佩奇是梯形,乔治是椭圆。这里的窍门就是尽量重复利用已经画好的资源,这样速度会更快。…

Continue Reading... 像素画高级教程:怎么画小猪佩奇一家