Posted in foundation

方块形状像素画重构

摘要:学传统绘画也是先从方块入手的 关键词:方块,形状,像素画,重构 像素画最小单位-像素,本身就是一个方块。很多个像素方块组合到一起。 注意,下面的黑色方块我没有添加任何轮廓线,像素本身就是一个方块,因此由像素组成的形状本身也是有轮廓线的,形状的边缘就是线。所以通常意义上的像素画轮廓线,更准确的称呼应该是描边。 有了正方形以后,通过修改正方形,就可以获得长方形,梯形……还有平行四边形。下面这个平行四边形内部没有填色,因为这是一个ISO像素画线稿,ISO像素画是唯一需要先画线稿的像素画风格。 将平行四边形,复制粘贴水平翻转后组合,就可以获得ISO像素画立方体。将立方体的3个面填上深浅不一的颜色,就获得了有立体感的立方体。 最后,别忘记加上高光,这样整个立方体就有了戏剧冲突,会比之前的版本更好看。画ISO像素画的技巧我都是从eboy学来的,大家也可以去eboy的官网学习和观摩,因为eboy的网站上有全世界最大的ISO像素画作品库。 这是eboy团队很多年的积累。现在再来看看手绘的立方体。 修改之前画好的ISO立方体,就可以获得正常透视下的立方体。留心观察生活中见到的物品,小到手机,大到电器和建筑物,都可以简化为各种立方体或长方体。 看到这里,你有没有学会画像素画正方形和各种正方形的变体呢?最后如果还有兴趣的小伙伴,可以尝试将正方形旋转到各种角度。…

Continue Reading... 方块形状像素画重构
Posted in foundation

正方形像素画重构应用:修改大佬作品

摘要:给别人的画挑毛病大家都很擅长,换自己画就…… 关键词:像素画,学习,第二步, 修改给别人的画挑毛病大家都很擅长,换自己画就……为了进一步降低大家动手画像素画的难度,我们可以来修改几十年前像素画大佬们的作品。小尺寸的像素画也可以开发大卖的游戏为了证明正方形像素画重构是有用的,并且小尺寸的像素画也可以开发大卖的游戏,我先放2个像素画独立游戏例子。 第一个是baba is you,这是个很有创意的解谜游戏,玩家可以通过推箱子的方式改变游戏的规则,让角色通关。baba is you的主角是一只白色的兔子,尺寸是32×32像素。 画的很简单,因为这个独立游戏的作者并不是像素画高手,而只是个初学者。你可以看到兔子的眼睛,耳朵,四条腿。 其他兔子的特征都被省略了。第二个游戏是《蔚蓝Celeste》,这是一个大卖的横版过关游戏,难度挺大的。…

Continue Reading... 正方形像素画重构应用:修改大佬作品
Posted in 抗锯齿AA

像素画学院:手工抗锯齿AA

题图摘要:某个大佬在Kickstarter众筹成功,制作了一套像素画教程 ……关键词:像素画教程,手工抗锯齿,AA网上有很多关于抗锯齿像素画教程,告诉你如何做到这一点(将中间色像素放置在对角线的边缘),但很少有人解释能解释清楚。手工抗锯齿的要点:与几何形状和分辨率有关。 为什么会出现锯齿?这是因为当分辨率变小,有效空间内的像素不足以描述原来的形状,导致信息丢失,就产生了锯齿感。 下面的图片中给出了窗户的矢量图和像素图的对比效果。随着计算机性能的提升,抗锯齿其实是算法标配的功能,但是由于算法自带的抗锯齿太强了,会自动产生无数的颜色,所以像素画想要获得较好的效果,又保持较少的颜色数量,就需要画家本人进行手工抗锯齿。 有趣的是,AA是一种会使像素画变模糊的技术。AA用的越多,像素画就会变得越模糊。 这是可以理解的。它是在像素画还不是一种风格而只是事物本来样子的时候开发出来的。 抗锯齿是向更逼真、更流畅、高清视觉效果迈进的一步。但今天像素画只是一种风格,你可以使用AA也可以不使用。

Continue Reading... 像素画学院:手工抗锯齿AA
Posted in foundation

如何确定像素画尺寸?

如何确定像素画尺寸?嗨大家好,我经常收到的一个问题是:我该如何确定像素画的大小? 首先,我希望你不要过分纠结画布大小,因为你随时可以改变画布大小,可以放大也可以缩小。在创作像素画时,我总是会考虑几个因素:它有什么用? 在网上发布?还是需要打印出来? 像素画中最小的特征是什么?这些特征需要多大尺寸来画? 让我们一个一个来看这些重要因素。首先,了解你的像素画有什么用非常重要。 你是在为游戏创作像素画吗?或者你只是创作一件要在网上发布的艺术作品? 我总是记住的一点是,最小的需要可见的特征是什么?因为如果角色最小的特征是可见的,那么其他所有特征肯定也都是可见的。 image比如说,如果我们看马里奥,他有很多标志性的特征。但我们要找的不是最重要的特征,而是最小的特征。 你可以看到我标出了马里奥的眼睛、手和纽扣。原因是这些是精灵图上我们需要能看到的最小特征。 通过先创建这些特征,精灵图上的其他一切都会自动变得清晰可见。索尼克也是一样。…

Continue Reading... 如何确定像素画尺寸?
Posted in 抗锯齿AA

像素画抗锯齿基础教程

像素画抗锯齿基础教程什么是抗锯齿1像素AA你的显示器屏幕是由一堆方块构成的,当你试图制作一条线或曲线时,实际上是用这些方块构建的。有时线条看起来不够平滑,这时抗锯齿可以帮助平滑边缘,使其看起来更自然。 何时使用抗锯齿修复锯齿线条(如果你不知道什么是锯齿线条,可以查看的”三个像素画常见错误”)用于处理某些角度或线条柔化轮廓线,可以让轮廓线看起来更粗或更细重要提示:如果你在一件作品中使用抗锯齿,要保持整个作品的一致性抗锯齿效果对比让我来快速展示一下使用和不使用抗锯齿的区别。 左边是有抗锯齿的,右边没有。抗锯齿效果对比注意我没有改变任何颜色,只是移除了右边的所有抗锯齿。 你可以看到角色肩膀的边缘如何被平滑处理,而另一边看起来很平坦,缺少细节感。通常情况下我会用1-2个颜色来画AA。 AA常见错误有两个AA常见错误需要避免:带状效果带状效果(Banding): 像素只是跟随轮廓线而不做任何缩短或变化看起来像是融化在一起这种效果应该避免。过度使用过度使用: 你可以添加很多抗锯齿但经验越少,难度就越大。 建议新手开始时只使用1-2种颜色进行抗锯齿如何思考和应用抗锯齿image如果我们看这条粉色线,它展示了这些小方框。粉色线展示了我们应该如何思考这条黑线。 它应该是一条直线,但因为我们受像素方块限制,就需要使用抗锯齿,模拟实际想要的线条。关于抗锯齿,少即是多。 千万不要过度使用。游戏角色的抗锯齿应用游戏角色的抗锯齿与普通像素画不同:背景考虑背景考虑:游戏角色会遇到各种不同颜色的背景。…

Continue Reading... 像素画抗锯齿基础教程
Posted in foundation

像素画缩放:整数倍、滤镜与常见坑

今日教程|像素画缩放:整数倍、滤镜与常见坑 怎么在保证“还是像素画”的前提下正确缩放。做角色和攻击动画时经常要导出不同分辨率,用对缩放方式能少很多糊图、碎像素的坑。 什么是像素画一种常见定义:低分辨率、且每个像素的放置都是有意为之。和普通图片不同,缩放时不能随便用“平滑”算法,否则会糊掉。 像素画是画在网格上的,类似于马赛克或十字绣——每个格子对应一个像素,意图清晰。为什么要缩放你的屏幕(手机、平板、显示器)本身也是由物理像素组成的。 画布上的像素需要“翻译”到屏幕像素上。以前 32×32 的图在 640×480 的屏幕上刚好;现在 4K…

Continue Reading... 像素画缩放:整数倍、滤镜与常见坑
Posted in 抖动与递色

像素画抖动(Dithering)入门:填充与过渡两种用法

像素画抖动(Dithering)入门:填充与过渡两种用法本篇整理自 Pixel Parmesan 的《Dithering for Pixel Artists》,把抖动的概念和两种主要用法讲清楚,并配上图例,方便你在限色像素画里按需使用。前言抖动(dithering)是一种用图案在有限颜色下制造更多色阶错觉的技法。 早年主机和 CRT 时代常不得不抖,现代我们多是主动限色;但理解它之后,你可以自己决定什么时候该用、什么时候不必用。我自己平时并不总用抖动,但在需要控制色数、或想做平滑过渡时就会用到。…

Continue Reading... 像素画抖动(Dithering)入门:填充与过渡两种用法
Posted in foundation 像素交流

笨办法学像素画第一章:画圆练习

摘要:使用最笨的办法一步一个脚印的学习像素画。 内容概览: 1、新手上路 很多年以前,我也是一个像素画新手,不懂术语也不会各种技巧。 我一直思考如何用最快的速度使新手学会像素画,思考的同时写了很多教程,录了示范视频,也翻译了不少外文教程。 某一天我发现就是在写教程时,是从自己的角度出发,这样会导致严重的问题。 教程已经很简单了,为什么有人看不懂? 同样的内容已经写过了,为什么还有人来问同样的问题? 应该彻底的把自己当成一个新手来审视写好的教程,这样才有可能真正的对新手有帮助。 1.1、无需担心没有美术基础…

Continue Reading... 笨办法学像素画第一章:画圆练习
Posted in foundation 像素交流

PixelLogic像素画教程:次级像素可读性

玩家或观众大多数会关注角色的脸部和眼睛。因此最好避免对脸部添加次级像素。 当角色仅移动1个像素时,仍然可以使用次级像素来增加动画帧数,但中间帧看起来会非常模糊 – 即使在比较快速的帧速率下也是如此。 应用次级像素的中间帧动画细腻,非常时髦,毕竟,这些帧只会出现一瞬间。你不会希望这些有下次的帧停留太长时间。 无论使用何种技术,都可以通过复制帧来制作次级像素。一个好的解决方案是让中间帧尽可能的与关键帧保持一致。 保持一致性的简单方法是: 有多个帧,其中面部五官在2个位置之间移动(五官不添加次级像素),但是头部,身体和它周围的一切增加次级像素移动。如果五官添加次级像素,会降低可读性。

Continue Reading... PixelLogic像素画教程:次级像素可读性
Posted in foundation 像素交流

极简像素画(Minimal Pixel Art)入门

字数 212,阅读大约需 2 分钟 极简像素画(Minimal Pixel Art)入门 极简像素画(Minimal Pixel Art)是早期计算机软硬件还不够发达时,游戏软件广泛采用的游戏美术形式。了解和掌握极简像素画,会使你对像素画有更深入的了解和运用。…

Continue Reading... 极简像素画(Minimal Pixel Art)入门