Posted in Uncategorized

​使用次级像素制作高度真实的像素画游戏角色动画

使用次级像素制作高度真实的像素画游戏角色动画作者:2dwillneverdie[1]题图:Night如果画过经典的RPG游戏角色,或其他小于100X100像素的游戏角色,你就会知道随着角色尺寸变小,像素似乎会变得更大。即使像素数量少,以这种尺寸制作动画也可能会非常困难。 因为角色的尺寸很小,因此即使移动1像素,看起来也是很大的距离。这在FC游戏洛克人中就非常明显。 比如下面这个Boss的耸肩动画。还有什么办法可以制作效果更好的动画吗? 摄像机拍摄的视频,不管人多么小,都可以表现出真实的动画。我们可以找有人物动作的视频,然后截取其中一段缩小。 观察上面的gif图,很容易可以看出里面的人吸了一口气。仔细观察实际发生的变化:1)明暗颜变化,2)人物的边缘如何融合到背景中(显然摄像机没有在人物周围画轮廓线)。 我们再将图片的颜色减少到16色。变得更加卡通了,但是仍然具有相同的效果:肋骨/腹部上部的浅色像素变为暗色,而边缘的颜色变为背景色。 继续将颜色减少到6种。即使轮廓几乎没有移动,这个50像素高的人物仍在执行特定的微妙动作。 好的,一定有什么东西藏在里面。只要学会这种技术,就可以使用像素画做出任意高度逼真的动画效果。 这种技术就是次级像素。次级像素是对明暗颜色进行动画处理。 既可以移动角色内部的明暗制作动画,也可以在不移动轮廓的情况下产生移动轮廓的错觉。游戏《合金弹头》是次级像素应用的经典之作。…

Continue Reading... ​使用次级像素制作高度真实的像素画游戏角色动画
Posted in Uncategorized

像素画基础教程:像素画线条画法指南

像素画基础教程:像素画线条画法指南作者:Jonathan Dodd[1]IjjoTho像素画线条清理使用绘图软件铅笔工具,徒手画出的像素画线条都会有多余的杂点像素,因此像素画线条画好之后都需要进行清理。有经验的像素画家或看过很多优秀像素画的爱好者,一眼就可以看出多余的杂点。 下面图片中红色标记部分就是有多余杂点像素画的区域。将多余的杂点像素删除,并根据需要重新编排像素,就可以获得干净完美的像素画线条。 具体应用学会像素画线条清理之后,就可以应用到创作或项目中去。熟练掌握之后,就可以直接使用铅笔工具画出草图,然后在草图基础上清理杂点像素,刻画细节直到完成。 1、首先徒手画出角色草图,为了演示线条清理,这里使用线稿。2、在草图基础上清理像素的同时,调整形状和角色造型,直到完成。 参考资料[1]Pixel Art Line Work: https://www.artstation.com/artwork/GAgrN完。

Continue Reading... 像素画基础教程:像素画线条画法指南
Posted in Uncategorized

像素画新手基础技法指南

像素画新手基础技法指南题图:Fool[1]像素画到底需要学什么?和传统绘画有什么不一样呢? 本质上所有的画画都是相似的,都是一门造型艺术,即画家需要使用线条,形状,明暗,颜色等绘画语言在平面上塑造出真实立体的形象。像素画以方块像素为基本单位和媒介,来塑造画家心目中的各种形象和意境。 既需要像传统绘画那样学会仔细观察对象,简化对象,还需要掌握像素这种特殊媒介的特点和相关技巧。像素画线条清理像素画线条也是由方块像素组成,不可避免的会有马赛克感觉。 在实际的像素画绘画中,画家要删除所有不必要的像素点,因为像素画是所有画种中最为克制和惜墨如金的,每一个像素如果没有意义,就应该删除。stavaey[2]像素画明暗像素画的明暗规律和传统绘画极其接近,只不过在像素画中,每一个明暗层次都对应一个颜色。 像素画对于颜色的使用也极为克制,正因为如此,像素画才具有容量小,颜色完全可控的优点。在明暗上色之前,画家还需要了解被画对象的形体结构,这样才能够准确的画出明暗关系。 以角色脸部刻画为例,如果不知道脸部的凹凸起伏,想画出准确的明暗关系是很难的。简单的讲,就是需要了解脸部哪些结构是凸起的? 哪些结构是凹陷的?凸起的结构有额头,眉弓,鼻头,颧骨,耳朵,下巴等区域。 ISO像素画ISO像素画可以很好的表现对象的立体感,在设计角色等不规则的对象时,可以使用参考线来辅助。抖动抖动是一种技巧,可以通过混合两种不同颜色,得到视觉上的第3种颜色。 如果没有特殊需要(特殊像素纹理效果),不建议使用抖动。AA手工抗锯齿AA手工抗锯齿是像素画家通过手工添加恰当的颜色过渡,消除锯齿感的技巧。 参考资料[1]题图:Fool: http://pixeljoint.com/pixelart/129216.htm[2]stavaey: https://www.deviantart.com/stavaey完。

Continue Reading... 像素画新手基础技法指南
Posted in Uncategorized

像素画创作方法和详细步骤

像素画创作方法和详细步骤题图:Mis-BUG设计草图在画像素画之前,需要先画出设计草图。你可以使用画笔来完成草图,这样就不必拘泥于像素画的规则。 因为草图阶段的唯一目的,就是将你脑海中的图像转画到纸上或电脑里。我一般直接用铅笔工具画草图,尺寸为100X100像素。 作者:Dogquest[1]像素画线稿对于尺寸较大的像素画,可以先画出线稿。尺寸较小的像素画,则可以直接画出形状。 将上一步画好的草图,转画为像素画线稿,注意线条的粗细为1像素。在画线稿的时候,需要注意删除不必要的像素杂点。 另外在画曲线的时候也需要注意尽量圆滑(像素组成的阶梯应该以此减少或增加)。刻画明暗我喜欢先画出明暗素描关系,不仅仅是角色内部的明暗关系,轮廓线的明暗关系也要画好。 明暗关系OK以后再上色。颜色搭配画好了明暗关系,上色就简单多了。 最简单的像素画配色就是1个主色+1个辅助色。比如我画的这个角色,主色为紫色(以及紫色的渐变色),辅助色为蓝色(以及蓝色的渐变色)。 紫色和蓝色在色相环上相邻,属于邻近色搭配,是最不容易出错的颜色搭配之一。 参考资料[1]Dogquest: https://www.deviantart.com/dogquest/art/Pixel-Tutorial-492475901完。

Continue Reading... 像素画创作方法和详细步骤
Posted in Uncategorized

没有美术基础,初学者新手如何画准像素画形状

没有美术基础,初学者新手如何画准像素画形状?题图:ArcadeHero美术基础到底是啥? 学过几天几个月几年画画算有美术基础吗?画画是一门造型艺术,简单的说就是有能力在平面上(纸、木板、画布等平面材料)能够画出逼真的三维立体画面。 怎么样能够画出逼真的三维立体画面?我在刚学画画的时候什么也不会,就知道要把眼睛看到的东西,一模一样的照搬到纸上,这样在我看来就是画的好。 这样的画在专业术语里面就叫写实绘画。画出逼真的三维立体画面,能不能画准形状,至关重要。 对于写实绘画,形状不准,一切白搭。很多人止步于此,认为自己没有画画天赋,放弃了。 但是实际上除了写实绘画,还有很多画不需要画的像,只需要意思到了就可以。最常见的就是儿童画,任何人都能看懂,画画是一种视觉语言,画出来有人能看懂,至少就及格了。 网格辅助+明暗画法早在15世纪,全世界喜欢画画的人都在思考,怎么才能在纸上画出逼真的三维立体画面?终于有聪明人解决了这个问题,方法就是网格辅助+明暗画法。 网格辅助就是像下面图片中这样,画家在模特前面放一个木头架子,架子里面有细线组成的网格,然后在纸上也画出同样多的网格。画家观察每一个小格子里的形状和线条,100%照搬到纸上,画完所有的格子,也就完成了作品。 网格辅助好处在于,使画家专注于单一的格子,降低了大脑算力,能够轻松画准确形状(如果没有格子,大脑需要耗费大量算力去计算线条和线条之间、形状和形状之间的比例位置关系,)。中国人喜欢用田字格练毛笔字,这也一种网格辅助,在田字格的帮助下,新手也能够写出不错的毛笔字。 另一种练毛笔字的方法更简单,就是描红,这需要大量练习才能使眼睛,大脑,手形成肌肉记忆。明暗画法则是利用在纸张纤维中炭粉数量的多寡来模拟现实中光的衰减。…

Continue Reading... 没有美术基础,初学者新手如何画准像素画形状
Posted in Uncategorized

neorice超级马里奥库巴大魔王像素画教程

neorice超级马里奥库巴大魔王像素画教程作者:neoriceisgood[1]游戏火了以后,每一个游戏中的角色都可能变成IP。就连粉丝恶搞的库巴娘都能红透半边天。 拆分库巴,化繁为简因为已经有了库巴的原画或参考图,所以在画之前就可以先拆分库巴。比如拆成常见的头部,身体,四肢等等。 当然如果只是画静态图,根据自己的画画习惯,怎么方便怎么来就可以了。使用单色画出形状,不同的部分,比如脚上的爪子就换一种颜色。 形状优先继续画形状。在画头部之前,先在身体区域分出大的块面,比如肚子,后面的腿,龟壳等。 画头部的时间,为了简化,也可以再将头部拆分,先画面积最大的嘴巴。拆分的目的就是为了简化对象,如果你觉得要画的东西太难,就可以拆拆拆! 这里要注意,为了以后方便修改,有重叠的区域就可以分层画,比如头部和身体重叠,可以分层。再画眼睛和头发。 继续画出角,牙齿。因为还处于草图阶段,所以不求特别精确,只要把形状画到位就可以了。 主要关注形状是否准确?比例是否合适? 位置是否正确?现在分层画出手臂。 只加必要的明暗,比如不加明暗就没有办法暗示手指,就需要加。明暗本身就是细节的一部分。…

Continue Reading... neorice超级马里奥库巴大魔王像素画教程
Posted in Uncategorized

一看就会画的像素画房子

题图:El-Metallico[1]一看就会画的像素画房子,只需要使用photoshop或Aseprite简单操作就可以画出来的像素画房子。有非常多的像素画,画起来非常简单,且有规律可循。 非常适合0基础新手入门。房子是人造物品,所有人造物品为了节约成本,都有规律可循,最简单的就是形状都比较统一,因为好加工可量产。 像素画房子仅用长方形+三角形就可以方便画出来。长方形+三角形长方形+三角形画出房子的一面墙。 Luke[2]长方形长方形画出房子的另一面墙。注意墙的颜色要比之前的淡一些。 这是因为光源预先设置在右上方,因此右边的墙颜色比较亮比较浅。缺角的三角形先画三角形,然后去掉三角形朝上的角,画出房子的屋顶。 长方形用长方形画出房子的烟囱,窗户和门。注意长方形的大小和位置。 到这一步房子的基础形状就画好了。明暗1像素的线条如果放大,也可以看作长方形,因为像素本来就是小方块。 根据光源在右上方的明暗规则(影子的位置在光源的相反方向)用线条画出屋顶的在墙面上的投影;窗户的投影;门的投影。更多的细节最后是根据个人的喜好,画出更多的细节。 用1像素长短不一的线条画出屋顶的条纹;墙面上的砖块;窗户上的高光;门把手;地面的草坪。恭喜你完成了一张像素画作品! 参考资料[1]El-Metallico: http://pixeljoint.com/pixelart/128987.htm[2]Luke: https://www.patreon.com/sadface_RL/posts完。

Continue Reading... 一看就会画的像素画房子
Posted in Uncategorized

无需美术基础,一看就会画的像素画草莓

无需美术基础,一看就会画的像素画草莓题图:SnugBoat如果脑海中有非常清晰的草莓图像,那么可以直接开画。如果没有,就老老实实的去找草莓的照片或图片来参考。 观察草莓的形状,然后简化打开Aseprite,新建24X24像素新文件。草莓虽然是不规则形状,但是我们可以简化为大圆圈套小圆圈(使用椭圆形工具可以快速画出圆圈),这样很快就可以得到草莓的形状。 草莓的叶子比较复杂,每一片叶子可以概括为一块形状,大致看起来像叶子就可以。固有色每一样东西都有自己固有的颜色。 草莓的的固有色是红色,为了便于后期明暗上色,固有色应该首选中性色,简单的说中性色就是不深也不浅的颜色,通常位于取色窗口的中间地带。同理,叶子的固有色就是绿色了。 明暗明暗依附于结构,结构不同,明暗就不同。草莓的形体类似球体,因此可以套用球体的明暗规律来上色。 叶子则是薄片,靠近光源的地方亮,反之则暗。我们将草莓的光源设置在左上方。 细节明暗画好之后,草莓就比较立体了。现在来画细节,就是草莓表面的草莓籽。 草莓籽很小,用1像素方块暗示即可,颜色使用淡黄色。在这里为了突出淡黄色的草莓籽,草莓的固有色可以修改的偏紫一些。 因为黄色和紫色是补色,对比最强烈。围绕草莓籽,画出凹陷的投影。 高光高光区域一般最后画,根据球体明暗规律画出草莓表面的亮部区域,由于草莓籽的存在,亮部区域比较细碎。画好亮部以后,点出高光。…

Continue Reading... 无需美术基础,一看就会画的像素画草莓
Posted in Uncategorized

像素画场景怎么画?详细步骤看这里

像素画场景怎么画?详细步骤看这里作者:hitogata[1]这是一个ISO等角透视的场景,角色和物体有轮廓线以及简单的明暗。 1、草图在画之前需要有草图,草图可以用画笔来完成,只需要勾勒出大概的形状(自己能看懂即可)+基本颜色。2、线稿草图确定之后,画出1像素线条的线稿。 在这里的场景尺寸比较大,如果作品尺寸较小,建议直接画出形状,这样更方便快捷。因为画线稿,对于新手其实难度挺大的。 3、固有色线稿画好之后先填充固有色。上色期间如果发现线稿有问题,也可以随时修改。 4、细节刻画接下来就是细节刻画了。需要有耐心的一个一个物体来刻画。 可以按照自己的喜好来安排先后次序。5、署名完成作品之后,记得在画面中加上自己的记号或署名。 可以防止作品被人盗用。 参考资料[1]hitogata: https://www.deviantart.com/hitogata完。

Continue Reading... 像素画场景怎么画?详细步骤看这里
Posted in Uncategorized

像素画技巧AA手工抗锯齿教程

像素画技巧AA手工抗锯齿教程AA手工抗锯齿是像素画家解决像素画锯齿感的秘密武器。早期的计算机性能很差,像素画家没有条件画尺寸较大颜色较多的作品,因此像素画的锯齿感都很强烈。 随着计算机性能的飞速发展,像素画家在尺寸和颜色上的限制越来越少,但是为了提高效率和降低成本,像素画的尺寸和颜色使用都非常节制(像素画尺寸越大颜色越多,生产的成本就越高)。颜色不受限,AA手工抗锯齿这个技术就登上了历史舞台。 AA手工抗锯齿实际例子完美像素是指直线和45度像素线,这样的线条不需要加AA。2像素阶梯理论上也可以不加AA,但是2像素阶梯已经有明显的锯齿感,可以加1像素过度颜色AA,使阶梯更圆润平滑。 仔细观察下面这个例子,就可以知道AA手工抗锯齿实际上就是添加白色阶梯和深灰色背景之间过度颜色。AA有内外之分,即向内过度和向外过度。 拉一条红色辅助线,可以看到红色辅助线和白色阶梯之间形成了很多直角三角形,直角三角形直角的那个角落很空,正是这个很空的角落导致锯齿产生,作为过度颜色AA的那个像素填满这个角落之后,就间接消除了锯齿感。下面这个例子看小图,会很容易发现锯齿和突兀的感觉。 应该怎样添加AA消除锯齿感呢?经验丰富的像素画家肉眼观察就可以开始画了。 新手可以借助辅助线。一画辅助线,哪里需要加AA一目了然。 曲线或圆怎么办?辅助线依然有效哦。 画一个圆,就可以看到1的位置比较空,2的位置比较满。因此1的位置需要添加AA(向外过度),而2的区域需要用AA来代替原来的白色像素(向内过度)。 这样就能获得比较圆润的像素圆。新手绝对不能依赖辅助线,而应该训练自己的眼睛和眼力。…

Continue Reading... 像素画技巧AA手工抗锯齿教程