Posted in Aseprite 色彩与明暗

初级教程:如何开始制作像素画?#2

作者:Pedro Medeiros教你画像素画编译出品摘要:这是一篇关于如何开始制作像素画的小文章,适合那些想开始或从未画过像素画的人。现在我将介绍像素画的一种技巧:色块画法。 第一篇点击此处查看~我在本教程中使用Aseprite。在本文中,我将教授一种画像素画的技术,这种技术类似于传统绘画。 我通常将这种技术称为色块草图,因为我从大颜色块开始画并对它们进行优化,直到我感到满意为止。什么是色块? 色块,也称为彩色块或像素块,是颜色相同的像素集合。关于它们是否可以对角连接存在争议。 我会尽量避免对角连接的像素块。上图右边绿色框内是突出显示的像素色块。 在画像素画时,我的重点是使用尽可能少的色块,并尽可能避免单像素色块。这些像素也称为孤立像素,它们会使画面变得很糟糕。 上图从左到右,是将孤立像素(中间图中红色线框起来的孤立像素)找出来,然后修改成小像素色块。有时可以删除孤立像素,有时需要这些细节。 对于后者,我有一些最喜欢的形状来取代孤立像素,它们是上图中饼干下方的绿色形状。但是也有一些情况可以使用它们,纹理,抗锯齿(我将在后面的章节中详细讨论)和强大的细节,比如这个头骨的眼睛:当孤立的像素有实际意义的时候,就可以单独存在! 我们画一些东西吧!我正在使用DB32…

Continue Reading... 初级教程:如何开始制作像素画?#2
Posted in 软件与工具

体素游戏制作利器:Qubicle快速入门

摘要:体素游戏制作利器:Qubicle快速入门通过观看Qubicle官方教学视频,我学会了基础工具的使用。第一次使用Qubicle,决定码一个冰棍,跟我一起进入3D新世界吧。 2D绘画功能Qubicle有一个强大的功能是2D绘画功能,也就是说点击了2D按钮,就会出现一个平面画布,然后就像画像素画那样画3D就行了,太爽了有么有?对于有像素画基础的小伙伴来说,可以说1秒学会3D。 于是我很快用最古老的1粒1粒像素码出了一只马里奥。然后我发现我的思维还是停留在平面像素画上。 因此这个马里奥只是简单的将平面拉伸了。而且软件自带的渲染,灯光效果我也不会调,画质感人。 很快我挨个尝试了每一个渲染可设置的属性,成果就是下面这个冰棍,导出的效果强一些了吧?3D思维然后我不甘心,第二次想把之前的冰棍码出来,有了马里奥的经验,冰棍就太好画了。 不过既然是3D,就需要3D思维,3D思维意味着在做3D的时候,脑海里需要有对象的360度全景图,你需要知道模型的每一个角度长什么样子。转换成2D的话,就是三视图了(就是物体的正面视图,侧面视图,顶视图)。 因此直接将像素画码成3D意义不大,需要转换成三视图。原来的像素画冰棍会以透视的方式画出冰棍的立体感,但是在3D世界,立体感3D模型本身就具备,因此在画三视图的时候只要画出平面图形即可。 我只画出了正面图和侧面图。顶视图,由于冰棍比较简单就省略不画了。 第一步:新建文件,设置矩阵Qubicle只能通过steam下载,安装好steam注册账号,然后搜索Qubicle,下载demo版。(demo版可以使用绝大多数功能,可以保存Qubicle的专有格式,也可以渲染导出png图片,但是不支持导出其他格式)安装好以后打开软件,新建文件。 选中画布中间的方块,这个方块就是存放体素的容器,Qubicle称之为矩阵。默认是50X50X50。…

Continue Reading... 体素游戏制作利器:Qubicle快速入门
Posted in RPG Maker 软件与工具

RPGMaker官方像素画教程连载二:软件&基础技术

像素画软件必备功能1、单像素绘画,这是画像素画不可缺少的功能。2、颜色盘或取色器。 将颜色按色轮排列,方便选取。3、放大镜。 在高分辨率显示器上作画,放大镜必不可少。4、滴管(取色器)。 可以方便的拾取颜色。5、网格。 6、颜色表&透明色指定。像素画软件加分功能1、支持动画。 2、渐变工具。3、颜色交换。 4、图像尺寸变更。5、移位。 6、自定义图案。找到适合自己的软件网络上有很多可以画像素画的软件。 选择适合自己,用的顺手的一款就好。(国内普遍用PS,不过免费的也不少~)像素画基础技术:抖动(瓷砖模式)抖动是因为早期计算机性能限制(游戏只能使用2-8色),而产生的技术。 通过混合2种不同的颜色获得3种以上的色调。有点类似瓷砖。…

Continue Reading... RPGMaker官方像素画教程连载二:软件&基础技术
Posted in 软件与工具

使用Photoshop创作最小的像素画Mini pixel art 完结篇

嗨!欢迎来到最小像素画教程第3部分。 这是系列的最后一篇。今天会展示一些我最喜欢的技巧。 如果您没有阅读第1部分或第2部分,可以浏览一下。直线工具(U)如果你想略过,请直接跳到练习9:使用铅笔工具绘制直线。 回到直线工具。因为直线工具是用来画矢量线条的,在用它来画像素线条之前,需要按照下图所示设置: 大小设为1像素,模式为普通,透明度100%,不要勾选抗锯齿。 选择直线工具,单击画布中的任意位置,按住后将其拖动到新位置放开。这样就完成了一条直线的绘制。 如果你希望画出垂直或45度的线可以按住“SHIFT”。 正如你所看到的,有些线条看起来很不错,有些看起来很粗糙。 直线工具画出的直线效果很不理想,所以我不推荐使用它。我发现铅笔工具配合SHIFT键可以画出任意直线! 练习9:用铅笔工具绘制直线(B)使用铅笔画一条直线,首先点击画布的任意位置留下一个像素(直线的起点)。接下来按住“SHIFT”,然后点击画布的的某个地方作为直线的终点。…

Continue Reading... 使用Photoshop创作最小的像素画Mini pixel art 完结篇
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 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 抖动与递色 软件与工具

像画CG那样画像素画

像素画的尺寸越大,绘画的难度越大,耗费的时间越长。我在这介绍一下像素画家Dan Fessler提供的解决方案。 我觉得非常酷。先看下效果,下图左是CG绘画,右边是处理后的效果。 堪称完美。因为软件自动生成的,精细度明显不及手工画的像素画。 使用这种方法就可以画较大或者特大尺寸的像素画了! 那么这种方法能做什么呢? 几乎无所不能,就是你可以像画CG那样画像素画,仅限大尺寸的。可以用画笔画画 抖动自动生成,可调节可控 抖动可以用吸管吸 自定义抖动图案…

Continue Reading... 像画CG那样画像素画
Posted in animation Aseprite

Aseprite入门教程-动画编辑帧和图层

摘要:以小球动画为例讲解时间轴窗口图层和帧的使用。新建图层,复制图层,删除图层,合并图层;新建帧,复制帧,移动帧,帧tag;洋葱皮视图。 pixel32 原创  | 教你画像素画 出品图层Aseprite的图层与photoshop相似,只有细微差别。常用的命令,新建,复制,删除,合并,向下合并都在菜单Layer下面。 Aseprite支持设置图层叠加模式和透明度,在Properties属性菜单里设置,快捷键是Shift+P。初学者不追求速度,只要记住在什么菜单可以执行什么命令就可以了。 操作的多了自然就记住了,菜单右边就是快捷键,比如New Layer新建图层的快捷键就是Shift+N。另外所有的快捷键都可以自定义,在Edit-KeyboardShortcuts修改。 帧Aseprite的帧和Flash非常相似,是以点来组织的,空白就是空白帧,实心点就是关键帧。因为是像素画,所有中间帧都要手动完成,哈哈哈。 动画动画就是由一张张画连续播放而成的视觉假象。…

Continue Reading... Aseprite入门教程-动画编辑帧和图层