Recent Posts
像素画第四部分:让光线流动
第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画第三部分:待机动画和光影变化昨天更的比较晚,logo都忘了加,哈哈~今天补上。不说空话,上图。 边看图边学习。还是先从剪影开始。 剪影是不言而喻的。观众可以理解,这是一个骑手。 准备刻画具体的结构了! 继续刻画细节。 裤子上的黄色条纹,车上的文字,通过这些就可以告诉玩家或观众更多的信息! 来点动态吧,想要表现前进,可以画一个不断后退的东西。 还记得上一篇里的例子吗?这次要应用在车子和角色身上。 来一组慢镜头,看看光是怎么流动的。 现在扩大光的范围。…
Pedro Medeiros像素画系列教程-Tile图块教程
Tile图块简介图块的英文是Tile,直译是瓷砖。大多数游戏的场景都是由图块拼接而成的。 有部分游戏还支持程序自动生成关卡。这些游戏设计场景的基础就是图块。 图块制作流程无缝拼接图块的制作方法按照形状-上色,画出图块; 使用Photoshop滤镜-其他-位移命令,使像素在图块区域内折回,这样就可以看到明显的无法自然拼接的区域(下图左起第1个图块)。修改这些区域,使之自然拼接(下图左起第3个图块)。 再使用位移命令,让图块变回原来的样子。 制作用于上下左右拼接图块顶部,中间,底部,分别复制3份。 红色区域的部分不要修改。 先做出左右边缘的图块。 将改好的左右边缘复制到顶部和底部的块。做出顶部的装饰和底部的边缘。 其他拼接场景需要的图块水平或垂直…
像素画第四部分:材质的表现
第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画第三部分:待机动画和光影变化第四部分:让光线流动不同材质的物体反射光的能力各不相同。玻璃、纸、粘土、金属和塑料,它们反射光的能力都不一样,所以在同一光源下的明暗也不同。 下面是2张不同材质的唱片。 加强右边的光照强度。 减弱左边的亮度,增加条纹的亮斑。 给划痕增加高光。 加上水纹一样的流动。 最后的润色,做出纹理以及边框的光影变化。 用不同的明暗和纹理来表现物体的材质。很多时候不需要做出整个场景的动画,可以选择1-2个元素,并强调它,留下动画。 让观众自己去探索去发现。 完。
Pedro Medeiros像素画系列教程-血液飞溅特效
血液血迹不要飞溅过多的血迹,那样看起来太凌乱了。我只有在非常低的分辨率时,才会画一些孤立的像素。 尽量使用圆形 飙血对于飙血,我喜欢从尖锐的形状开始,然后我扩展它,慢慢消失以尖锐的形状启动,然后由于空气阻力变得弯曲 我喜欢增加重力感,使粒子在褪色之前下降尽量避免孤立的像素,只有粒子的最后一帧可以例外使用色调变化,看起来就不会太单调 肠子看起来像管子和球的结合体添加高光斑点,表明它是湿的和粘稠的
ISO像素画-松鼠和树桩
ISO规则图形画规则图形,尽量用几何图形去套。树桩的难点在于横切面。 椭圆都是从圆变化而来,所以第一步先画圆。用PS的椭圆形工具,按住shift就可以轻松画出。 然后选中圆,Ctrl+T自由变换,修改宽为原来的50%。然后修改角度为22.6度,这样就得到了所需要的椭圆。 由于变换后,部分像素点丢失,所以需要手工补齐。根据像素画的阶梯规则补齐就可以了。 有了椭圆以后,再加上ISO最常用的2像素阶梯,就可以把树桩画出来了。光源在上方,画出明暗,最后刻画出细节。 ISO不规则图形画不规则图形就需要一点点美术基础了。这个松鼠是ISO风格的,所以需要倾斜22.6度。 在画草稿的时候就要注意。 有了草稿就有了形状,利用阈值命令是可以很方便的获得线稿。 然后根据光源上色即可。 完。…
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。…
Aseprite官方文档-基础知识
学习一个软件的捷径是看软件的官方文档。其次才是看其他人写的教程。 我之前只用过Aseprite0.9,昨天在官网买了Aseprite1.2,为了不误导大家,还是老实看官方文档,然后再说说自己的体会。Aseprite可以为电子游戏创建2D动画。 包括精灵,像素艺术,复古风格的图形,以及您喜欢的8位(和16位)游戏。在这里,您将找到一些帮助文档,教程和一些技巧来使用Aseprite,从一开始就打好基础。 快捷键首先你可以打印Aseprite的快捷键列表,贴在抬头就能看到的地方……(点评:是个好办法,但是不适合我,我建议大家只记自己最常用的那几个命令。实际情况是这样的,你学会了Aseprite,然后经常使用一些工具和命令,然后发现每次操作菜单太慢了,出于提高效率的需求,再去记快捷键! )基础知识你应该熟悉工作区窗口的名称: 在Aseprite中,精灵(游戏角色或动画)由一系列的帧和一堆层组成。帧图层创建了一个可编辑的图形阵列,它们在时间轴上以这种方式表示: Aseprite的时间轴很像Flash,比Photoshop强大! 一个图层上可以有很多个帧,每一帧可以对应多个图层,这就为制作动画提供了极大的便利。 基本元素帧是角色动画中单个静止的图像。 添加和更改帧会创建一系列称为动画的图像。动画部分将详细介绍这部分的细节。…
Aseprite官方文档-画画示范和修改尺寸
Aseprite官方文档-基础知识画画,视频约10分钟Aseprite画像素画和PS相差不大。但是画起来感觉更舒服。 我又修改了一下。 放大400%修改图像尺寸菜单Edit>Sprite Sice,修改长宽数值。 修改画布尺寸菜单修改菜单Sprite>Canvas Size,可以通过修改长宽数值,或者移动蓝色辅助线修改画布尺寸。 剪切修改选中选区,菜单Sprite>Crop。 修剪透明区域菜单Sprite>Trim,可以直接修剪掉透明区域。 完。