Recent Posts

Posted in character

游戏开发初级教程:透明史莱姆的画法

教你画像素画原创教程摘要:像素画最大的应用就是游戏开发了。我们画的单个像素画都可以作为游戏的小怪物或道具。 本文范例使用Aseprite完成。透明首先找到一张史莱姆的图片,可以了解史莱姆的形状和颜色。 要画出透明的感觉对新手是一个难点。透明意味着玩家可以穿透某些东西,看到后面的东西。 透明并不意味着什么都没有。即使透明如水和玻璃,画家也可以通过不同的明暗和高光来刻画它们。 椭圆工具新建24X24像素新文件,用椭圆工具画出史莱姆的身体。然后画出头顶的尖尖。 固有色史莱姆的形状特别简单,对于像素画新手可以选择此类形状简单的来画。要直到复杂的东西也只不过是由简单的东西组合而成! 填充史莱姆的蓝色。画出透明如何画出透明的感觉呢? 关键在于画出不透明时看不到的东西。对于史莱姆来说,透明就意味着我们可以看到史莱姆和地面接触的那个面,并且史莱姆的身体会在地面上留下投影,把这个投影画出来就成功了一半。 我在椭圆的下半部分,画一个水平的椭圆暗示这是史莱姆在地面的投影。紧接着画出顶部的透明感,只是简单的把颜色提亮,光源在上方,即使不透明,顶部也应该比较亮。 注意亮部区域的形状需要画成弧形,因为史莱姆是一个椭球体。画出暗部区域的反光,将亮部的颜色顺着边缘延申到暗部区域。…

Continue Reading... 游戏开发初级教程:透明史莱姆的画法
Posted in animation

笨办法学像素画:大小形变心跳动画

摘要:大小形变动画是常用的动画基本形式之一。每次完成一张像素画作品,可以尝试放大和缩小它,然后重新清理不规则的像素杂点,使作品完美。 这也是像素游戏开发和移植必备的技能。我们先从最简单的大小形变动画开始学习像素画动画。 大小形变,就是放大和缩小形状,从而获得动画关键帧的方法。每次放大或缩小,就能获得关键帧。 像素画动画都是逐帧动画。最终完成效果。 感觉可以当表情来发。首先画出静帧打开Aseprite,新建24×24像素新文件。 用红色画出心形,用暗红色勾边,点出白色的高光。缩小形状制作中间帧复制帧,Ctrl+T,按住alt,缩小形状。 每复制1帧,就缩小一点形状。有的形状比较好,有的则会缺少像素或细节,需要事后修改。 预览动画效果我复制了3帧,点击Aseprite时间轴上的播放按钮就可以看到效果。看起来不错啊,再去修改效果不那么好的帧。 完成!人也是可以缩放的哦~课后作业是任意缩放自己的像素画作品,然后连续播放看看。 完。

Continue Reading... 笨办法学像素画:大小形变心跳动画
Posted in foundation

Pedro Medeiros 像素画如何表现木头纹理呢?

作者:Pedro Medeiros教你画像素画编译出品摘要:详细而全面的介绍了各种木头的画法树根 从填充了固有色的基础形状开始画木头 顺着木头的结构添加阴影 使用明暗反差大的颜色画出年轮 使用深色画出纹理的边界线 然后根据每个部位的受光情况提亮纹理块 添加额外的细节, 比如小草,巨大的裂纹等等木板 从木板的整体形状入手,注意木板是有厚度的…

Continue Reading... Pedro Medeiros 像素画如何表现木头纹理呢?
Posted in 新手入门

像素交流:像素画和体素的区别

作者:Matej’Retro’Jan教你画像素画编译出品摘要:有人在问答网站Quora问:像素和体素有什么区别?关于这个问题,我想写一篇文章来回答。 在计算机上表示图形有两种主要方式:矢量和栅格。矢量图形用数学方程描述图像,通常表示线条,曲线和形状等东西。 光栅图形将图像描述为一个一个接一个地放置在网格图案中的颜色值数组。计算机图形学的第二个区别在于代表2D和3D空间。 结合矢量/光栅分割,我们可以看到4个象限:矢量在2D矢量图形中,线条或形状上的每个点都用包含两个分量(x和y)的向量来描述。这就是2D(两个组件 – 两个维度)。 下面是一个低多边形 2D矢量图像的例子。它完全由2D多边形构成(在这种情况下为三角形)。 术语“低多边形”意味着用于制作图像的多边形数量相对较小。我们添加一个维度。 在3D矢量图形中,情况是相同的,但每个矢量使用三个分量(x,y和z)。三个组件…

Continue Reading... 像素交流:像素画和体素的区别
Posted in animation

笨办法学像素画:逐帧动画核心规律

教你画像素画原创教程摘要:逐帧动画就是构成动画的每一帧都需要设计师手绘完成。在没有计算机以前,所有的动画片都是逐帧动画。 什么是逐帧动画?逐帧动画就是构成动画的每一帧都需要设计师手绘完成。 在没有计算机以前,所有的动画片都是逐帧动画。逐帧动画的概念是区别于计算机动画而言的。 传统手绘动画的制作需要耗费大量的大力和物力,按每秒24张计算,60分钟的动画需要86400张,工作量惊人。计算机诞生之后,原画师设计好关键帧,中间帧则由程序自动生成,可以大大提高生产效率。 计算机生成的动画被称为补间或元件动画(游戏开发领域)。像素动画绝大多数都是逐帧动画像素画的特性决定了不能任意旋转和缩放,旋转和缩放以后,像素画需要人类进行手工处理,才能获得较好的视觉效果。 因此绝大多数像素动画都是逐帧动画。如果动画帧没有被拆碎,将动画分解之后就可以看到每一帧的像素画。 Donkey Kong Jr Math(NES)如果想找类似的游戏素材,可以去www.spriters-resource.com,那里有很多游戏爱好者上传的游戏素材,涵盖了从NES到XBOX360等各大游戏机种的游戏。逐帧动画也非常契合像素画控制一切的特性,设计师可以掌控每一帧的效果,也就意味着可以完全掌控动画的效果。…

Continue Reading... 笨办法学像素画:逐帧动画核心规律
Posted in 色彩与明暗

像素画初学者渐变配色教程讲解

摘要:颜色在任何造型艺术中都属于高级内容,但是在古典派像素画中颜色的使用是有限制的,这是画家给自己的限制。一般来说像素画配色只需要配出从亮到暗的渐变色即可。 图片作者:Sadface从左到右依次为3种配色方法(下文略为1,2,3),难度依次增大。初学者渐变配色1第1种是初学者常用配色方法,具体为选择1种颜色,然后通过改变亮度值来获得从亮部到暗部的渐变色。 实际效果单调,明暗对比不强烈,如果渐变过多会显得模糊。经验者渐变配色2初学者经过一段时间的学习和观摩,了解一定的光源知识以后,知道物体的颜色会受到光源的影响,一般高光区域受到的影响最大,比如金属的高光区域大多为白色,原因在于金属的反射光能力非常强,在高光区域几乎反射了全部可见光,所以是白色的。 同样的植物,在经验者的配色中考虑了叶子的亮部和高光区域受到阳光的影响,仍然是绿色,但是会倾向于黄色。这样做增加了邻近色对比,明暗对比,效果比初学者配色就好多了。 大师渐变配色3有经验的像素画家会继续提高,从其他优秀的画家作品中吸取养料。亮部可以改变色相,暗部是否也可以呢? 当然可以。一切都是为了提高作品的视觉效果。 同样的大师渐变配色拓展到了暗部颜色,通常从亮部到暗部的配色可以极其细腻,在传统绘画中称为高级灰,就是这些变幻莫测的灰色渐变形成了这个多彩的世界。将原本的暗绿色增加蓝色倾向,可以最大程度增强明暗对比,突出植物的立体感。 并且从明到暗的色阶宽度极大,不同的画家可以搭配出无数种配色。大师配色阶段没有定规,各显神通吧。 作业:使用新的配色方法修改自己的作品。完。

Continue Reading... 像素画初学者渐变配色教程讲解
Posted in animation

笨办法学像素画:像素画动画帧速

摘要:动画的效果由关键帧决定,不过帧速也非常重要。想做出色的动画,了解和学会使用帧速是必备条件。 帧数和帧速帧数也被称为帧速率,比如电影和动画片是每秒24帧,而游戏则是每秒60帧,帧数越高则可以表现的内容越多越精细。帧数通常决定游戏美术在设计动画时,每一个动作能有多少帧。 比如帧数60的游戏,一个1秒的动作就需要60帧,而帧数12的游戏,1秒的动作仅需12帧。简单的说帧数越高的游戏,美术开发成本也越高,这是大多数4A游戏选择3D开发的原因之一。 帧速是动画中每一帧的速度,在播放时停留的速度。游戏美术可以自由的控制动画中每一帧的速度。 在Aseprite中,选中帧右键-Frame Properties或直接按键盘“P”就会显示帧速设定窗口,默认帧速100毫秒。帧速平均下面是9帧攻击动作,每1帧的帧速为100毫秒。 100毫秒是最常用的游戏动画帧速,初学者可以从100毫秒(所有帧的帧速都是100毫秒)开始练习。在帧速平均的情况,想要获得更快速的效果,就只有减帧了。 下面这个5帧版本的攻击在视觉上就比9帧版本快一倍。改变帧速要做出更细腻的动画,就需要单独设定每一帧的帧速。 因为真实世界是有缓动存在的。比如质量越大速度越快的东西要停下来可能需要的缓冲时间越多。 同样是9帧版本的攻击,通过改变帧速,来使劈砍更加有力,提高动画效果。首先,将帧速全部改为60毫秒,可以获得比5帧版本更快但是更细腻的劈砍攻击。…

Continue Reading... 笨办法学像素画:像素画动画帧速
Posted in animation 透视与ISO

极简像素画教程:45度像素画房子动画

作者:slynyrd | 教你画像素画编译摘要:极简像素画是像素画中最容易上手的风格,适合0基础的新手。极简像素画的核心是简化形状,归纳组合。 形状和明暗形状优先的法则贯穿像素画绘制的整个过程。用1像素线条画出房子左半边。 记住在开始画的时候,将注意力集中在整体形状上,细节可以在以后的步骤中添加。现在画出房子的右半边。 在画墙面的时候,已经使用深浅不同的褐色,区分出房子的暗部和亮部,从右半边的浅褐色可以知道,照射房子的光源在右上方。最后是屋顶。 到此房子的基本形状已经画完了,给屋顶上色吧。从最浅的蓝色开始,逐渐加深,增强屋顶的层次感。 细节房子的细节是门窗,烟囱和屋顶的瓦片。画出墙壁的厚度。 画出投影,增强立体感。#纹理画出砖块的纹理,暗示建造房子的材料。 动画可以给烟囱加上4帧的烟雾动画,房子会更加生动有趣。完。

Continue Reading... 极简像素画教程:45度像素画房子动画
Posted in 独立游戏

怎样使游戏教学轻松有趣不枯燥?

作者:Teddy Lee | 教你画像素画编译出品摘要:Rogue Legacy的游戏设计师Teddy Lee介绍了设计游戏教学关卡的方法。谁? 我是Rogue Legacy的游戏设计师Teddy Lee。Rogue Legacy是一个上手容易,但是也非常复杂的游戏,拥有独特的角色选择和继承系统。…

Continue Reading... 怎样使游戏教学轻松有趣不枯燥?
Posted in environment

初级教程:像素画树的画法指南

图片作者:slynyrd | 教你画像素画编译出品摘要:简化形状,分拆对象,排列组合,了解并掌握这3个方法就能学会画画。树干从矩形开始,画出树干,然后添加明暗。 树冠树由树叶组成的树冠和树干组成,树根在地下一般不可见。树冠可以理解为球形的聚合物。 首先画出单个球形,先画出圆形,然后分层画出亮部。树叶使用简单的形状画出叶子,将叶子随机分布在球形表面。 这个叶子的形状也改成你喜欢的样式哦。树冠受到光照,有的地方暗,有的地方亮,所以再画一个亮一些的球。 用画好的树叶球码出树冠,可以有大小疏密的变化。修改调整完成完。

Continue Reading... 初级教程:像素画树的画法指南