Recent Posts

Posted in character

像素画角色基础:火柴人

像素画角色基础:火柴人摘要:想用像素画做游戏,角色是不可或缺的。人体是比较难画的,但是火柴人是可以快速上手的。 关键词:像素画,像素图,马赛克画,游戏角色,火柴人,教程想用像素画做游戏,角色是不可或缺的。人体是比较难画的,但是火柴人是可以快速上手的。 火柴人火柴人连几百万年前的原始人会画,每一个孩子也都会画火柴人。圆圈代表头部,竖线既可以代表身体,又可以代表四肢。 画的更细致一点,四肢还可以分成两段。关节活动范围火柴人虽然简单,但是关节活动范围还是要按照人体本身的结构。 达芬奇有一张研究人体关节活动范围的图,只要看这张图你就可以了解四肢活动的范围和极限。达芬奇:维特鲁威人比例研究可以把这张图转换为火柴人版本。 应用火柴人理论部分已经介绍完了。接下来就是应用了。 可以使用火柴人制作一个侧面4帧行走动画。为了区分前后四肢,我使用深色暗示后面的四肢。 拓展熟练火柴人的标准是能够做出任意火柴人角色动画。画的多了,你就会不满足于简单的火柴人。 比如希望加上表情。这么小的头部加不了表情,但是可以画出脸部。 如果像素画画起来有难度,直接画手绘也行。画好以后再转换为像素画。…

Continue Reading... 像素画角色基础:火柴人
Posted in character

像素画RPG游戏角色画法步骤

像素画RPG游戏角色画法步骤 摘要:像素画RPG游戏角色画法步骤 关键词:像素画,像素图,马赛克画,游戏角色,步骤,教程 本文共527个字,阅读大约需要2分钟。RPG游戏角色像素画游戏美术包含2大分支:游戏角色/动画和游戏场景。 RPG游戏角色是其中最容易入门的主题,原因在于足够小,足够简单,制作动画也很方便。第一步:画出线稿RPG游戏角色尺寸普遍较小,为16×16像素。 32×32像素的角色就算比较大的了。首先画出头部,为了省略画发型,我给角色戴上一顶帽子。 头部画完头部以后,再画出身体。腿简化为2个像素。 线稿就画好了。角色初始的线稿可以作为素体来使用,通俗的说素体就是角色模版,可以在此基础上修改发型和服装,变成n个角色。 素体完成第二步:填充颜色直接填充颜色即可。RPG角色尺寸小,颜色也不宜太多,一般1个主色即可。 比如我在这里用红色作为主色。填充颜色填充完基本色就可以刻画细节了。…

Continue Reading... 像素画RPG游戏角色画法步骤
Posted in 新手入门

如何快速提高像素画水平?

如何快速提高像素画水平?摘要:新手入门像素画之后,面临的最大问题就是如何快速提升水平? 关键词:像素画,像素图,马赛克画,新手,提高,简化像素画的核心和精髓就是简化,即使用小方格来表现世间万物。即便是传统绘画也是要简化的,画的和照相机拍出来一摸一样有啥意思呢? 都是超写实,每一个画家画出来都是一摸一样的,有意思吗?肯定不如每个画家画出来都不一样有趣啊。 如何提高简化能力?除了常规的仔细观察和思考(将对象归纳简化为基础的几何形状),还有什么方法可以提高简化能力? 有。其实画像素画本身就是一种简化。 不管是临摹也好,自己画草图也好,在脑海中你都需要把画面简化为像素画语言,也就是用小方格来表现形象,不管是照片也好,还是在你脑海中的形象也好。放大和缩小练习最直接的方法就是放大和缩小练习。 已经入门的像素画新手,一般都有几张像素画作品。你可以尝试放大和缩小已有的像素画,来做针对性的简化练习。

Continue Reading... 如何快速提高像素画水平?
Posted in 软件与工具

网友问答补更:Photoshop像素画新手教程

网友提问:photoshop怎么画像素画呢?其实没有Aseprite之前,都是用Photoshop来画像素画的,手机游戏公司也是用Photoshop来开发像素画手机游戏的。 只不过Aseprite确实太好用了,就不再更Photoshop的像素画教程了。1、像素画基础功能都是类似的画像素画的必备条件是铅笔工具,与之相关的基础功能,所有软件都是类似的。 绝大多数像素画软件也都是在Photoshop的基础上发展而来。Photoshop画像素画的主要工具和命令如下:1、铅笔工具2、橡皮3、吸管4、选区/魔棒5、复制粘贴6、网格设置和显示7、新建预览窗口8、图像-阈值命令9、图层+时间轴(制作逐帧动画)2、Photoshop的优势和劣势Photoshop有哪些Aseprite不具备的优势呢? 1、Photoshop支持中文文本输入,这是aseprite做不到的。2、Photoshop可以将图片转存为web格式压色(通过压色,Photoshop可以使大多数照片或图片1秒变“像素画”。 ),这也是aseprite做不到的劣势?1、photoshop太贵2、photoshop太大,耗内存,画像素画所用到的ps功能很少3、新手学习photoshop的成本相对于aseprite较高3、Photoshop转画像素画步骤1、打开要转画的图片 2、复制图片新建文件3、缩小到合适尺寸4、黑白图片:图像阈值命令/彩色图片:转存为web格式压色5、精修像素完成。 4、Photoshop创作像素画创作像素画的步骤和转画类似,只不过将转画的图片变成你自己画的画或拍摄的照片。完。 教你画像素画介绍每一个像素都有意义。像素画是独立游戏开发首选美术风格,深受小众玩家欢迎。 像素画还被应用于装饰画,墙贴,家具、箱包、床品等文创产品设计。像素画也是设计和开发乐高玩具图纸的必备技术。 像素画制作简单,上手容易,任何人都可以在短时间内学会。我们以不限于文字,图片,视频的方式免费教你画像素画。

Continue Reading... 网友问答补更:Photoshop像素画新手教程
Posted in environment

游戏美术场景设计步骤

摘要:游戏美术场景设计步骤关键词:游戏美术,场景设计,步骤撰文&编辑:三二 教你画像素画首发 | 公众号 pixelart本文共1771个字,阅读大约需要5分钟。通常美术接到场景设计的要求为文字描述,比如一个足球场,周围有看台,球场边有广告牌,还有记者,教练席。 有的策划会给参考图(策划喜欢的风格),也有的不给(那是希望美术根据自己的理解确定风格),通常我比较喜欢给图的策划,这样容错的范围比较小。而不给图,意味着来回修改的次数更多。 因为再画具体内容之前,还需要定风格。美术在理解策划意图后,找到当前游戏最适合的风格做出最优效果即可。 教程是分享经验以及教别人的,所以用倒推的方式来说明游戏美术场景设计步骤。先看几个stream的游戏截图:rpgmaker制作的独立游戏,类型当然是RPG。 这是Top View 正面顶视图,一般rpg都是这种视角,从8位机一直延续到PC时代。能根据这个图,给出一段策划要求吗? “一个山洞密室,地上是草地。地图块尺寸为32×32象素。…

Continue Reading... 游戏美术场景设计步骤
Posted in animation

像素画游戏美术角色动画基础

摘要:像素画游戏美术角色动画基础关键词:像素画,像素图,马赛克画,游戏美术,动画动画是什么?简单的说:动画就是连续播放的图片。 上学的时候,有没有喜欢在课本上涂鸦的朋友?在靠近课本页脚的地方,画上画,然后快速的翻页。 画的画就动起来了哦。恩,类似这样“手翻书”的效果……那么以多快的速度播放图片,人的大脑就会认为这是动画呢? 记住24就可以了,每秒播放24张图片就可以欺骗大脑了。这个播放速度也叫做帧速。 帧就是每一张图片。关键帧就是动作明显改变的那一帧,角色动画示例观察下面这个小女孩起立动作。 用PS打开后可以将gif动画分解为4帧。起立动作发生后,小女孩有什么改变? 对从坐着变成站着了。动画关键帧和中间帧在这里坐着和站着这两帧就是关键帧了。 而红色框住的就是过渡帧,也叫中间帧。中间帧的意义就是使动画流畅。 一般来说中间帧越多,动画越流畅。不过记住普通动画每秒24帧足够了,再多徒劳增加工作量,效果也不见得好。 动画基础一、所有动画都是循环动画。什么意思呢?…

Continue Reading... 像素画游戏美术角色动画基础
Posted in animation

像素画游戏角色动画拆图基础

摘要:游戏美术资源为什么要拆图?拆图有什么好处? 对于现在的iOS和安卓游戏如何应用拆图?怎么拆图? 有什么规律和原则?关键词:像素画,游戏角色,动画,拆图,游戏开发刀塔传奇角色拆图资源笔者2005年入行制作诺基亚S60游戏,当时最小的一个游戏包只有不到100K。 现在手机性能强大,几个G的手机游戏都有(原神…),做游戏几乎没有硬件上的限制。但是动画拆图还是2D游戏省略不了的步骤,为什么拆图? 拆图到底有什么好处?一、拆图可以最大限度增加素材被盗用的难度拆图最大的好处,是增加别人盗用游戏素材的难度。 拆图以后,即使盗用也要付出更高的破解成本。这是目前大多数2D游戏开发使用spine(骨骼动画编辑器)编辑动画的原因,另外 spine 对位图切片的再处理非常强大,无需画额外的静帧,通过程序就可以实现更细腻的动画效果。 对于捕鱼达2这样直接采用序列帧的游戏,非常容易被破解获取素材。捕鱼达人3采用了3D,也容易被破解……不过3D门槛比2D稍微高一点点罢了。 这也是为什么有很多3D游戏的女主角被玩家换皮(通过mod加载自制贴图)的原因。动画被拆解以后分为图片资源和动画描述文件,通常开发商会加密动画描述文件。…

Continue Reading... 像素画游戏角色动画拆图基础
Posted in animation

泰拉瑞亚像素画游戏角色行走动画

泰拉瑞亚像素画游戏角色行走动画摘要:泰拉瑞亚像素画游戏角色行走动画关键词:泰拉瑞亚,像素画,游戏角色,行走动画上一篇我们使用泰拉瑞亚角色的风格,画一个超人。今天我们让超人动起来。 首先分析一下泰拉瑞亚的角色动画,是比较简单的位移动画,也就是单纯只靠移动就可以制作的动画。具体怎么做,跟着教程来一步一步来做吧。 1、上下起伏人行走的时候,身体会上下起伏,站立的时候最高,迈腿的时候会矮一点。首先隐藏角色的腿,然后复制5次,这样就有了1-6帧一摸一样的站立。 把第3和第6帧,往上移1像素。就可以获得上面的动画效果👆2、单腿行走然后显示腿,删除一边,只显示一条腿即可。 我们来移动腿,模拟向前迈腿的动作。walk11、第1帧不用改walk22、第2帧往左上方移动walk33、第3帧在第2帧基础上,往右下前移动walk44、第4帧不用改walk55、第5帧往后移动一点点walk66、第6帧在第5帧基础上往后移1像素动起来的效果如下👇3、用同样的方法做另一条腿为了区分前后腿,可以把后面的腿颜色调暗一点。 由于移动会产生空隙,暂时不用管。4、手臂的摆动接着来做手臂的摆动,只需要简单的左右移动即可。 注意不要和腿顺拐了。如果左腿迈出,那么右手应该向前。 5、处理空隙处理空隙很简单,用颜色填实即可。6、处理披风最后处理披风,只要让它稍微摆动一下就可以了。

Continue Reading... 泰拉瑞亚像素画游戏角色行走动画
Posted in 新手入门

[20小时学会像素画] 像素画个人素材库

摘要:像素画个人素材库 关键词:像素画,像素图,马赛克画,素材 20小时学会像素画系列最终篇了,前面介绍的内容大家都掌握了吗?当你掌握了一个技艺绝大部分的基础技术,接下去就是漫漫的“升级打怪”旅程。 “升级打怪”就是提升你的技艺水平。打怪就是克服一个个过程遇到的难题。 每个人的情况不太一样,有的人快有的人慢,还有中途放弃的,也有坚持到底的。每个人都追随内心的呼唤,学习或者钻研自己委身的技艺或事业。 这没有好坏高低之分,都值得肯定。对于像素画,你可以浅尝即止,也可以探索一生 ^ ^ 闲话少叙,回到正题。 个人素材库对于任何一个画家或者设计师都是至关重要的。在解决了技法问题之后,困扰画家的会是一些抽象的课题,比如主题? 题材?风格?…

Continue Reading... [20小时学会像素画] 像素画个人素材库
Posted in 色彩与明暗

像素画基础教程:像素之道明度差异

摘要:像素画基础教程:像素之道明度差异 关键词:像素画,像素图,马赛克画,明度,教程 本文共1057个字,阅读大约需要3分钟。明度是美术专有名词(术语),指颜色的亮度,最亮是白色,最暗是黑色。 颜色有明度差异,是因为混入了不同比例的白色和黑色。1、颜色缩小现象先观察下面的图片。 左边第一个图中,黑色的方块放置在一堆白色方块中;右边第二个图白线的末端明度逐渐降低,最后变成黑色。很快你会发现黑色方块似乎比白色方块要小,渐渐变黑的线也比白线细……颜色难道会缩小吗? 因为黑色几乎不反射光,所以看起来就会比较小,而白色会反射90%以上的光,自带5毛特效,就会有放大的感觉。事实上这些方块和线都是一样大小和粗细。 2、颜色对比颜色的对比一般有3种:明度对比,色相对比,纯度对比。色相指的是颜色的外相,是在不同波长的光照射下,人眼所感觉不同的颜色,如红色、黄色、蓝色等。 纯度,是指原色在颜色中所占据的百分比。纯度用来表现色彩的鲜艳和深浅。 纯度是深色、浅色等色彩鲜艳度的判断标准。观察下图:将相同大小的灰色方块,分别放置在黑色方块和白色方块边上。 黑灰颜色对比比白灰对比大,在深灰色背景上更清晰,更容易被辨识。从这个例子可以看出,颜色对比越大,形状越突出。…

Continue Reading... 像素画基础教程:像素之道明度差异