Posted in Uncategorized

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

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

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

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

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

Continue Reading... 像素画高级教程:像素画纹理指南
Posted in Uncategorized

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

作者: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 Uncategorized

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

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

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

像素画高级教程:火焰动画指南

作者:Nauris Amatnieks教你画像素画编译出品摘要:火焰动画制作方法。以实际例子讲解火焰动画的规律,掌握这种规律可以自由的画出火焰动画。 运动轨迹任何运动都有轨迹,用简单的形状画出火焰的运动轨迹。动画初稿火焰就像一个球从底部上升,然后缩小消失。 修改形状修改球的形状,使它看起来更像火焰。注意火焰在上升到顶部时会散开。 小型火焰现在需要画(用不同的颜色)一些小型的火焰,运动轨迹和规律都和大的一样。叠加上色用较亮的颜色画出中心温度较高的火焰,注意颜色对比不要太强烈。 火焰球越大的区域,颜色越亮;越小的区域,颜色越暗。可以添加高光增强明暗对比。 细节最后添加一些火星作为小细节,丰富整个动画。完。

Continue Reading... 像素画高级教程:火焰动画指南
Posted in Uncategorized

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

作者:Slynyrd教你画像素画编译出品摘要:通过简单的抽象表现令人信服的透视是像素画的最大魅力之一。如果分析像素游戏,会发现它们不一定遵循现实世界的透视规则,但它们仍然有一种可信的深度感立体感,这要归因于像素画视图。 ISO像素画视图ISO轴测视图使用倾斜的俯视图,类似于1/2顶视图,但它将建筑物旋转45度。这种独特的3D透视图通过同时显示屋顶和多个墙壁来显示大量信息。 在真正的轴测视图中,倾斜的角度相等,如果是立方体则为120度。在像素领域中,使用2:1像素比的线条来实现。 可以使用其他斜度的线条,但2像素的线条是ISO像素画最常用的线条。基本上,ISO像素画可以使用这种线的网格来制作。 核心规则自80年代早期以来,ISO像素画在电子游戏中被大量使用,作为展示令人信服的3D效果的方法。现在,它是复古美学的标志性风格,并且仍然拥有大量的粉丝。 ISO像素画确实看起来不错。优点创建令人信服的3D画面,可以平铺。 在游戏中使用时,使游戏玩法具备更多维度的可能性。缺点绘制要求比侧视图和顶视图更高。 下面是ISO基本造型单位立方体的绘画示范,从左到右从上到下依次:1、纯颜色和线稿版本的立方体示范;2、添加轮廓线示范;3、其他斜度的立方体示范;4、ISO网格建筑物房子示范。1、用2像素的线条画出墙壁;2、补画完整缺少的墙壁;3、画出屋顶,加上明暗;4、画出门窗和烟囱;5、添加细节明暗,高光,砖块纹理;6、加上投影和冒烟动画。 绘画步骤和技巧定义规则尽早建立一些原则,例如,调色板,光源,比例等样式属性应始终保持一致。这适用于任何类型的像素艺术。 复制和粘贴使用复制和粘贴可以提高绘画效率。在网格上工作使用ISO网格可以快速放置正确角度的线条。…

Continue Reading... 像素画高级教程:ISO像素画视图指南
Posted in Uncategorized

像素画初级教程:回归像素画基础

作者:Slynyrd教你画像素画编译出品摘要:帮助像素画初学者快速入门,提高专业水平。我们都要从某个地方开始。 在合适的条件下,你会惊讶于自己的成长速度。什么是像素艺术? 在开始画像素画之前,最好知道它是什么。像素画是一种以低画质美学为特征的数字艺术。 在提及像素画时,大多数人可能会想到某种像素化图形。低分辨率和其他低规格参数确实是像素画的基本品质。 然而,最重要的决定因素是意图。以精确的方式仔细考虑像素的颜色和位置。 并不是说每一个像素都需要手动放置,但应该有意识地关注和控制画布上的每一个像素。即使是大尺寸高分辨率的图像也可以是像素画,如果它是在单个像素级别上进行精确控制的话。 如果尺寸和分辨率太高,观众是无法注意到单个像素的,因此像素画应该是有限制的。上面的树显然是像素画。 为什么?首先你可以清楚地看到像素,重要的是它们是以刻意的方式排列的。 相似的叶子不断重复,顺序和批次使得所有像素都具有目的性。现在来看看上面这幅画。 虽然它在技术上由像素组成,但它不是像素画,因为我在画的时候不关心像素。我只关注光线,形状,颜色,但分辨率太高,无法看到像素。…

Continue Reading... 像素画初级教程:回归像素画基础
Posted in Uncategorized

像素画高级教程:光明与黑暗

作者:Slynyrd教你画像素画编译出品摘要:与其他形式的插画一样,良好的光感是营造深度和氛围的关键。如果处理明暗不当,像素画就会显得平坦。 在尺寸极小的情况下工作,找到正确的明暗可能是一个棘手的问题。但是,也在抽象方面提供了更大的灵活性,想要表现细微的细节仍然需要练习才能掌握。 光是什么?光使我们可以看到世界,并影响我们可以看到的颜色。 颜色是物体反射光的结果。像素画用颜色和不同大小的像素块表现明暗,高光和中间色调。 光源画画之前都应该设置一个光源。光源决定明暗的流动,提示你高光在哪,以及指导你如何选择颜色。 所画对象的明暗以及环境都会帮助你确定光源的位置。现实世界通常有多个不同强度的光源,最常见和自然的光源是太阳。 因为太阳通常在我们头顶,大多数人造光也在头顶。我最常使用的光源位置是右上方。 这会产生动态的高光和阴影,同时保持平衡和自然。这是一种简单的光源设置方法。 情绪你希望观众在看到作品时感受到什么?快乐? 轻松?忧郁?…

Continue Reading... 像素画高级教程:光明与黑暗
Posted in Uncategorized

像素画高级教程:像素画风格

作者:Slynyrd教你画像素画编译出品摘要:像素画多年来形成了多样化的风格,并且今天继续发展新的艺术形式。发展自己的个人风格对于寻找商业成功有很大的帮助。 消费者和潜在的客户会被专业化的风格所吸引。此外,你需要一个个人风格和品牌才能引起注意。 为了正确地形成一种风格,你必须首先探索和发展像素画技能。请允许我分享关于我自己成长的过程。 风格就是各种美学的混合物我的学习经历在我致力于像素画之前,我的作品集包括标志,绘画,摄影和各种数字媒体。作品的探索性受到其他创意人员的欢迎,但我很难找到工作并出售我的作品。 我认为多样性证明了自己的才华,但实际上却让我退缩了。我需要找到我自己的东西。 值得庆幸的是,我发现了自己对像素画的热情,很明显我应该集中精力去画像素画。我刚开始在像素画领域冒险。 像其他人一样,我没有自己的风格。2015年3月我第一次开始画像素画。 最初我将作品的尺寸限制在32*32像素,尺寸太小了,迫使我不得不关注像素块,我犯过初学者犯过的所有错误。我开始研究Neo Geo游戏风格,以Ryu为模板,我发现简单的像素块和有限的颜色就可以塑造出栩栩如生的角色。 2015年4月作品你可以看到我是如何探索许多不同的技术,没有固定的风格,我努力在明暗,色彩和像素块上做我想要的。2015年6月,一种风格开始出现了。…

Continue Reading... 像素画高级教程:像素画风格
Posted in Uncategorized

笨办法学像素画:像素画游戏动画解决方案

摘要:像素画游戏动画解决方案游戏中的绝大多数东西都是可动和可交互的,这些东西实际上都是小动画(为了方便理解,可以将小动画想像成可以无限循环的gif动画)。一个游戏中动画工作量最大的一般都是主角。 洛克人4帧奔跑像素画游戏动画解决方案一:序列帧早期的电脑游戏动画资源大多为序列帧,这是由早期计算机性能受限,游戏的分辨率很低且颜色数受限制,作为游戏美术资源的像素画同样尺寸小,颜色少。因此当时不管是电脑游戏还是家用机游戏,游戏动画都采用序列帧的形式。 冒险岛4主角动画序列帧随着计算机性能的不断提升,游戏的画面分辨率不断提升,市场主流游戏开始使用高清位图代替像素画。位图序列帧会导致图片资源巨大无敌,占用内存过高等问题,最主要的是序列帧修改麻烦,无法处理复杂的动画,开发成本高。 仙剑奇侠传98柔情版,dos游戏。大尺寸的像素画电脑游戏。 传奇怪物序列帧像素画游戏动画解决方案二:动画编辑器简单的游戏无法获得玩家的青睐,游戏开发商开始制作和开发复杂的游戏,自研引擎和编辑器开始增加,但是自研的成本不是小厂商可以承受的。因此大多数游戏开发商都会使用成熟的免费引擎和编辑器。 目前市场上最流行的编辑器是Spine。可以说如果你想成为游戏美术开发游戏,就必须学会使用Spine。 Spine可以处理位图动画也可以处理像素图动画。动画编辑器的原理将原本的序列帧相通的部分都拆出来,相同的部分可以重复使用,可以大大减少图片的容量和大小。 比如下面Spine自带的范例,将小男孩的每一个部分都拆出来,就可以拼搭出各种动画。类似这样侧面的角色,做出站立,行走,奔跑,攻击,挨打,死亡等游戏常用的动作完全没问题。 将帧拆碎之后,怎样将分散的块重组成角色?已经有PS的Spine插件,支持一键导出,美术只需要在PS中分层画好角色即可。 这样Spine打开导出的文件之后就和在PS中看到的一样,美术只要继续做动画即可。Spine的初级使用和Flash类似,是基于元件的补间动画。…

Continue Reading... 笨办法学像素画:像素画游戏动画解决方案