Posted in 透视与ISO

ISO像素画-松鼠和树桩

ISO规则图形画规则图形,尽量用几何图形去套。树桩的难点在于横切面。 椭圆都是从圆变化而来,所以第一步先画圆。用PS的椭圆形工具,按住shift就可以轻松画出。 然后选中圆,Ctrl+T自由变换,修改宽为原来的50%。然后修改角度为22.6度,这样就得到了所需要的椭圆。 由于变换后,部分像素点丢失,所以需要手工补齐。根据像素画的阶梯规则补齐就可以了。 有了椭圆以后,再加上ISO最常用的2像素阶梯,就可以把树桩画出来了。光源在上方,画出明暗,最后刻画出细节。 ISO不规则图形画不规则图形就需要一点点美术基础了。这个松鼠是ISO风格的,所以需要倾斜22.6度。 在画草稿的时候就要注意。 有了草稿就有了形状,利用阈值命令是可以很方便的获得线稿。 然后根据光源上色即可。 完。…

Continue Reading... ISO像素画-松鼠和树桩
Posted in foundation

Sprite Art像素画教程-线条

SpriteArt的这一系列教程非常的全面,涉及到像素艺术的方方面面。如果不仔细研究的话,确实有些可惜。 狂人的英语水平可以说非常的低,但能够翻译自己的所爱,终究是快乐的。还是多亏了《金山词霸》啊! 值得庆幸的是,英文原文写的相当的流畅易懂。不过,偶尔会出现一些有趣的地方,譬如 2=to/too ,呵呵。 一时间还真有些摸不着头脑。如果你有一定英语水平的话,还是推荐你阅读原文。 总之,这是狂人第一次尝试翻译文章,肯定有不足之处,还望大家指教。对于你,像素艺术的观念可能会很新鲜。 不论你是个伟大的画家还是个聪明的天才,如果你从来没有使用过像素来创建一幅图片的话,那么你所面对的像素艺术将是个十分独立的艺术形式。不是所有可以应用于其他数字美术的规则都适用于像素领域。 关键就是精确,我们要尽善尽美的完成每一个像素点,有目的的放置每一个元素。让我们从基础的来开始吧。 关键的一条就是“精确”。不论你有如何超强的色彩理论或者艺术才能,在线稿中出现了“锯齿”也将会影响你整个作品的平滑感觉。…

Continue Reading... Sprite Art像素画教程-线条
Posted in 抖动与递色

Sprite Art像素画教程-抖动基础

Sprite Art像素画教程-线条抖动基础抖动基础图案回到16色,4色甚至2种颜色,颜色受限制的时代,艺术家不得不使用混合两个颜色的方法,以“伪造”不同的颜色。因为在一个像素点(x,y)位置不能存在两种颜色,所以使用交替颜色的图案来产生这种效果。 由于像素点非常小,人的眼睛将融合彼此相邻的两个像素点颜色。使用交替颜色产生额外颜色的技巧称为“ 抖动 ”。 让我们来看一些抖动的最基本和常用的模式,并尝试创建一个完整的渐变。让我们选择在亮度值上有很大差异的两种颜色。 为了这个演示,我们将把这个32×32像素的区域分成两半。下面的图片中左右分别为不同的颜色。 接下来要做的事情就是不增加颜色数量,使这两种颜色可以平滑过渡。 沿着中分线,依次画出类似国际象棋棋盘的网格图案。 这种交叉的像素图案就是最基础的抖动技术。通过它,原本格格不入的两种颜色,现在已经通过中间的灰调子融合到了一起。…

Continue Reading... Sprite Art像素画教程-抖动基础
Posted in 抗锯齿AA

Sprite Art像素画教程-AA抗锯齿基础

Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础AA的本质:增加颜色过渡让我教你像素艺术最重要的基础技术“ AA ”。当你使用Photoshop的画笔工具画画时,Photoshop就会使用算法来对所画的区域进行抗锯齿计算。 为了平滑一个对象,需要创建一个颜色到另一个颜色的渐变。从暗到亮让我们画一个简单的圆。 放大后的圆就会出现像素画的锯齿。AA的任务是使这个圆看起来“光滑”,我们将通过在锯齿状边缘依次放置过渡颜色像素来做到这一点。 在这里需要增加由深蓝色到白色的渐变颜色像素。使用比较亮的蓝色加在圆周的锯齿处,有了过渡色以后,看起来就会平滑。 但是如果加的太多,就会使图形模糊。一般AA,1-2个颜色的过渡就可以了。 需要注意的是,千万不要像下面这样来画AA。…

Continue Reading... Sprite Art像素画教程-AA抗锯齿基础
Posted in Aseprite

Aseprite官方文档-基础知识

学习一个软件的捷径是看软件的官方文档。其次才是看其他人写的教程。 我之前只用过Aseprite0.9,昨天在官网买了Aseprite1.2,为了不误导大家,还是老实看官方文档,然后再说说自己的体会。Aseprite可以为电子游戏创建2D动画。 包括精灵,像素艺术,复古风格的图形,以及您喜欢的8位(和16位)游戏。在这里,您将找到一些帮助文档,教程和一些技巧来使用Aseprite,从一开始就打好基础。 快捷键首先你可以打印Aseprite的快捷键列表,贴在抬头就能看到的地方……(点评:是个好办法,但是不适合我,我建议大家只记自己最常用的那几个命令。实际情况是这样的,你学会了Aseprite,然后经常使用一些工具和命令,然后发现每次操作菜单太慢了,出于提高效率的需求,再去记快捷键! )基础知识你应该熟悉工作区窗口的名称: 在Aseprite中,精灵(游戏角色或动画)由一系列的帧和一堆层组成。帧图层创建了一个可编辑的图形阵列,它们在时间轴上以这种方式表示: Aseprite的时间轴很像Flash,比Photoshop强大! 一个图层上可以有很多个帧,每一帧可以对应多个图层,这就为制作动画提供了极大的便利。 基本元素帧是角色动画中单个静止的图像。 添加和更改帧会创建一系列称为动画的图像。动画部分将详细介绍这部分的细节。…

Continue Reading... Aseprite官方文档-基础知识
Posted in Aseprite

Aseprite官方文档-画画示范和修改尺寸

Aseprite官方文档-基础知识画画,视频约10分钟Aseprite画像素画和PS相差不大。但是画起来感觉更舒服。 我又修改了一下。 放大400%修改图像尺寸菜单Edit>Sprite Sice,修改长宽数值。 修改画布尺寸菜单修改菜单Sprite>Canvas Size,可以通过修改长宽数值,或者移动蓝色辅助线修改画布尺寸。 剪切修改选中选区,菜单Sprite>Crop。 修剪透明区域菜单Sprite>Trim,可以直接修剪掉透明区域。 完。

Continue Reading... Aseprite官方文档-画画示范和修改尺寸
Posted in 抗锯齿AA

Sprite Art像素画教程-逆向AA

Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础Sprite Art像素画教程-AA抗锯齿基础AA是将两种颜色混合在一起,或者将对象融合到背景中。逆向AA是将对象从环境中分离出来的技术。 在开发游戏的时候,角色所在的背景颜色是千变万化的,所以用AA的思路去处理角色是不可取的了。因为背景颜色太多了,不可能去适配背景色画出AA。 无论角色在什么背景之上,我们希望角色的辨识度和外观都保持不变。解决方案就是在角色轮廓和背景色之间制造对比。 最简单的方式给角色画一个黑色轮廓线。 单纯的黑色轮廓线其实效果是很差的,会导致角色看起来黑糊糊的。 所以一定要加也只加外轮廓,内轮廓线不用黑色。 反过来添加黑色到蓝色的渐变像素。…

Continue Reading... Sprite Art像素画教程-逆向AA
Posted in animation Aseprite

Aseprite官方文档-动画基础

Aseprite官方文档-基础知识Aseprite官方文档-画画示范和修改尺寸 添加帧,复制帧这两个常用:Alt+N:复制当前帧,Alt+B:新建空白帧。可以这样添加帧: Frame>New Frame(Alt+N):复制当前帧(当前帧的所有图层会一起复制)。 Frame> New Empty Frame(Alt+B):创建一个新的空白帧。Frame > Duplicated…

Continue Reading... Aseprite官方文档-动画基础
Posted in Aseprite

Aseprite官方文档-图层和选择

Aseprite官方文档-基础知识Aseprite官方文档-画画示范和修改尺寸Aseprite官方文档-动画基础 图层角色可以被拆散,分布在不同的图层中,可以在时间轴查看角色的部件。 每个图层都有单独的控制选项 图层名称: 你可以双击修改名称, 或者通过Layer > Propertiesmenu (快捷键Shift+P)帧Cels: 帧是一个容器,可以包含图像可见:…

Continue Reading... Aseprite官方文档-图层和选择
Posted in 色彩与明暗

怎样画好明暗?-Sprite Art像素画教程

Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础Sprite Art像素画教程-AA抗锯齿基础Sprite Art像素画教程-逆向AA反光如何使你的像素画作品提升到一个新的水平?将反光画出来。 简单的讲,就是暗部不要涂太黑。什么是反光? 光沿直线传播,遇到物体会反射和折射,这个反射光就是反光。因为有反光,所以任何物体的暗部都不会是纯黑。 反光除了可以丰富作品的表现力,还会给作品增加神秘感。范例我将使用球体来说明如何表现反光,因为光滑的球体更容易反射光。 首先,画一个圆。 接下来定义一个位于右上角的主光源。…

Continue Reading... 怎样画好明暗?-Sprite Art像素画教程