Category: foundation
像素画第四部分:材质的表现
第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画第三部分:待机动画和光影变化第四部分:让光线流动不同材质的物体反射光的能力各不相同。玻璃、纸、粘土、金属和塑料,它们反射光的能力都不一样,所以在同一光源下的明暗也不同。 下面是2张不同材质的唱片。 加强右边的光照强度。 减弱左边的亮度,增加条纹的亮斑。 给划痕增加高光。 加上水纹一样的流动。 最后的润色,做出纹理以及边框的光影变化。 用不同的明暗和纹理来表现物体的材质。很多时候不需要做出整个场景的动画,可以选择1-2个元素,并强调它,留下动画。 让观众自己去探索去发现。 完。
Sprite Art像素画教程-线条
SpriteArt的这一系列教程非常的全面,涉及到像素艺术的方方面面。如果不仔细研究的话,确实有些可惜。 狂人的英语水平可以说非常的低,但能够翻译自己的所爱,终究是快乐的。还是多亏了《金山词霸》啊! 值得庆幸的是,英文原文写的相当的流畅易懂。不过,偶尔会出现一些有趣的地方,譬如 2=to/too ,呵呵。 一时间还真有些摸不着头脑。如果你有一定英语水平的话,还是推荐你阅读原文。 总之,这是狂人第一次尝试翻译文章,肯定有不足之处,还望大家指教。对于你,像素艺术的观念可能会很新鲜。 不论你是个伟大的画家还是个聪明的天才,如果你从来没有使用过像素来创建一幅图片的话,那么你所面对的像素艺术将是个十分独立的艺术形式。不是所有可以应用于其他数字美术的规则都适用于像素领域。 关键就是精确,我们要尽善尽美的完成每一个像素点,有目的的放置每一个元素。让我们从基础的来开始吧。 关键的一条就是“精确”。不论你有如何超强的色彩理论或者艺术才能,在线稿中出现了“锯齿”也将会影响你整个作品的平滑感觉。…
Sprite Art像素画教程-抖动基础
Sprite Art像素画教程-线条抖动基础抖动基础图案回到16色,4色甚至2种颜色,颜色受限制的时代,艺术家不得不使用混合两个颜色的方法,以“伪造”不同的颜色。因为在一个像素点(x,y)位置不能存在两种颜色,所以使用交替颜色的图案来产生这种效果。 由于像素点非常小,人的眼睛将融合彼此相邻的两个像素点颜色。使用交替颜色产生额外颜色的技巧称为“ 抖动 ”。 让我们来看一些抖动的最基本和常用的模式,并尝试创建一个完整的渐变。让我们选择在亮度值上有很大差异的两种颜色。 为了这个演示,我们将把这个32×32像素的区域分成两半。下面的图片中左右分别为不同的颜色。 接下来要做的事情就是不增加颜色数量,使这两种颜色可以平滑过渡。 沿着中分线,依次画出类似国际象棋棋盘的网格图案。 这种交叉的像素图案就是最基础的抖动技术。通过它,原本格格不入的两种颜色,现在已经通过中间的灰调子融合到了一起。…
Sprite Art像素画教程-AA抗锯齿基础
Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础AA的本质:增加颜色过渡让我教你像素艺术最重要的基础技术“ AA ”。当你使用Photoshop的画笔工具画画时,Photoshop就会使用算法来对所画的区域进行抗锯齿计算。 为了平滑一个对象,需要创建一个颜色到另一个颜色的渐变。从暗到亮让我们画一个简单的圆。 放大后的圆就会出现像素画的锯齿。AA的任务是使这个圆看起来“光滑”,我们将通过在锯齿状边缘依次放置过渡颜色像素来做到这一点。 在这里需要增加由深蓝色到白色的渐变颜色像素。使用比较亮的蓝色加在圆周的锯齿处,有了过渡色以后,看起来就会平滑。 但是如果加的太多,就会使图形模糊。一般AA,1-2个颜色的过渡就可以了。 需要注意的是,千万不要像下面这样来画AA。…
Sprite Art像素画教程-逆向AA
Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础Sprite Art像素画教程-AA抗锯齿基础AA是将两种颜色混合在一起,或者将对象融合到背景中。逆向AA是将对象从环境中分离出来的技术。 在开发游戏的时候,角色所在的背景颜色是千变万化的,所以用AA的思路去处理角色是不可取的了。因为背景颜色太多了,不可能去适配背景色画出AA。 无论角色在什么背景之上,我们希望角色的辨识度和外观都保持不变。解决方案就是在角色轮廓和背景色之间制造对比。 最简单的方式给角色画一个黑色轮廓线。 单纯的黑色轮廓线其实效果是很差的,会导致角色看起来黑糊糊的。 所以一定要加也只加外轮廓,内轮廓线不用黑色。 反过来添加黑色到蓝色的渐变像素。…
像画CG那样画像素画
像素画的尺寸越大,绘画的难度越大,耗费的时间越长。我在这介绍一下像素画家Dan Fessler提供的解决方案。 我觉得非常酷。先看下效果,下图左是CG绘画,右边是处理后的效果。 堪称完美。因为软件自动生成的,精细度明显不及手工画的像素画。 使用这种方法就可以画较大或者特大尺寸的像素画了! 那么这种方法能做什么呢? 几乎无所不能,就是你可以像画CG那样画像素画,仅限大尺寸的。可以用画笔画画 抖动自动生成,可调节可控 抖动可以用吸管吸 自定义抖动图案…
像素画基本功手工抗锯齿练习方法
学习方法还记得初学汉字时临摹的字帖吗?学习像素画基本功之一的AA(手工抗锯齿),也可以用类似的方法。 AA可以提高线条的平滑度和可读性。使用下面我发现的方法,任何人都可以快速的理解并掌握AA这一技术。 打开Photoshop或GIMP,输入大约9或10P的文本。目标是使所有的字母尽可能清晰可读,只能使用黑色,白色和50%的灰色(即1个抗锯齿颜色)。 字体应该是弯曲和简单的,可以是手写或其他脚本字体。下面是不同难度等级的练习。 初学者关闭抗锯齿选项,然后输入文字。尝试使用灰色平滑线条。 注意不要用太多灰色。画完可以眯起眼睛看看,能发现不少问题。 中级这个挑战是反向的AA,需要把模糊的字母改画成清晰的像素字。通过此练习,可以学会怎样使线条简洁。 高级找一个难以阅读的字体,并尝试初级和中级的练习。此练习可以提高概括力和想象力。 大师级输入文本,并旋转30度。识别非正常角度的文字,并用像素画出来。 让大脑习惯特殊的情况。这将使你有自信可以画出以前从未见过的人物或物体。…
初级教程-像素画轮廓线的意义
画像素画线稿是比较花时间的,所以大部分有经验的画家都会直接从剪影开始画。这种方法虽然可以省略线稿步骤,但是轮廓线还是不可或缺的。 原因如下: 1、分离形状 轮廓线可以分隔形状外轮廓线将球体与背景分开内轮廓线将球体彼此分开 内轮廓线可以使用较深的颜色代替黑色2、像素画规则要求 以线稿开始,不可缺少的步骤就是清理杂点像素,使线条保持完美的单像素状态。 3、选择性勾边效果更佳 选择性勾边是将明暗法则应用到轮廓线上。简单的说就是轮廓线也有明暗。 所以亮部的轮廓线颜色和暗部的轮廓线颜色不一样。 4、表现特定的形状和细节…
画好超低分辨率像素画的8个秘诀
pixel32 编译整理教你画像素画 出品 | 公众号 pixelart编者按:本文来自pixelkit的博客,pixelkit是由128个led灯组成的电子玩具,可以通过编程把像素画带入现实世界。很酷~以下秘诀适用于绝大多数像素画,部分略极端的秘诀仅适合超低分辨率,比如16X8像素。 pixelkit画像素画的难点画像素画的难点在于,每个像素所代表的含义。在画像素画之前,毫无疑问的我们需要在脑海中或者其他媒介上有成形的图像。 大脑需要同时关注两件事:第一是想要画的图像;第二是如何用像素画来表现这个图像。 塔楼怪物概念艺术和精灵上面这个图中,难点就在于如何将概念图转换为游戏中的像素小怪物。 在有限的尺寸内,需要经过思考和取舍,来决定突出表现哪些内容,省略或简化哪些内容。秘诀一:保持简单重点是选择玩家或观众想看的内容。 像素画特别小,你不可能表现出所有细节。专注于表达你想强调的东西,删除一些不那么重要的细节,保持简单。…
初级教程-16×16像素能画些什么?
教你画像素画 出品 | 公众号 pixelart1616像素,一共256个像素。256,感觉好像挺多的,事实上1616非常小。 虽然小,但是适合新人做像素画练习。事实上很多著名游戏的初代版本都是16*16像素的,比如马里奥。 理由如下: 1、以前很多游戏角色和道具icon都是16*16像素,有丰富的参考资料。2、像素点不多,画起来容易。 3、由于分辨率超级低,颜色少,不会有复杂的明暗。眼球 这是eboy专门为game frame设计的作品,图片中是一个像素眼球。…