Recent Posts

Posted in 游戏美术

Slynyrd像素画教程:8位ARPG游戏

Pixelblog – 36 – 8位冒险介绍曾几何时,游戏机的“位”数是衡量其性能的重要指标。虽然大多数人并不理解其工作原理,但我们只知道“位”数越多越好,于是从8位计算机转向了更强大的设备。 然而,我很快意识到,没有好的艺术表现,再多的“位”数也无法造就更好的游戏。事实证明,最美的表达往往以有限的形式出现,比如像素艺术。 随着计算机处理能力的不断进步,“8位”这一术语在现代仍然具有相关性。如今,“8位”通常用来指代低分辨率的像素艺术和捕捉8位时代美学的芯片音乐。 这个时代主要由NES(任天堂娱乐系统)定义和主导。在这个现代意义上,我呈现了一个受NES技术限制启发但不完全受其限制的俯视世界。 接下来的课程将介绍角色、动画和环境设计,为一场精彩的8位冒险做好准备!BG_4玩家精灵我们的冒险自然从英雄开始,或者至少是其中之一。 98-Player_Sprites为了保持一致的复古风格,我使用了16×16像素的通用尺寸,并将每个角色的调色板限制为3种颜色加上轮廓颜色。我选择这个尺寸是因为它能很好地与16×16像素的环境图块融合,这在当时的游戏中非常常见。…

Continue Reading... Slynyrd像素画教程:8位ARPG游戏
Posted in 游戏美术

Slynyrd像素画教程:恶魔城游戏拆解

像素画教程:探索《恶魔城》的8位美学像素画教程第37期 – 《恶魔城》研究image简介继续探索8位像素的美学,我带来一个最具代表性的NES游戏系列——《恶魔城》的新视角。这款游戏在1987年登陆北美,以其在硬件限制下的出色表现深深吸引了我。 城堡场景、史诗般的音乐和令人难忘的角色设计共同营造了一种独特的哥特式美学,完美地配合了鞭子挥舞的游戏玩法。时至今日,这些游戏看起来依然出色,甚至比当时更好。 《恶魔城》完美地诠释了“少即是多”的理念,展示了技术限制如何孕育出杰作。分析在老式硬件严格限制下制作的游戏艺术,能为像素艺术家提供极高的启发。 本研究主要聚焦于《恶魔城3》,我认为它在8位三部曲中拥有最精良的图形呈现。为了保持与原版一致的美学风格,我在本教程中使用了官方的NES调色板,但没有完全遵守真实的技术限制。 为了更全面地呈现,我将涵盖玩家角色、敌人角色以及平铺环境。吸血鬼猎人101-Vampire_Hunter请见谅,这里会略微暴露一些裸露的部分,但目的是提供一个基础模型,供你创作自己的设计。 在创作过程中,我参考了《恶魔城3》中特雷弗·贝尔蒙特角色的实际像素,重新设计了所有动作帧并添加了一些额外动作。在简化特雷弗之后,我发现基础的解剖结构做得相当不错,但仍然对姿势和表情做了改进,并在色彩组合上加入了自己的理解。 我添加的额外动作包括:蹲下移动和攻击动作。攻击动作不再仅仅是一帧挥动鞭子,而是分成“挥鞭”和“鞭子甩出”两个帧,分别对应攻击动作的第3帧和第4帧。 蹲下帧被重复利用到跳跃动画中。如果你在跳跃中攻击,则使用常规攻击帧。…

Continue Reading... Slynyrd像素画教程:恶魔城游戏拆解
Posted in 新手入门

学习像素画最快速的方法

学习像素画最快速的方法我经常被问到学习像素画的最佳方式。我会给出下面的建议:从低分辨率开始画,并且只使用几个颜色来画。 但这是我在画像素画十几年后给出的建议,可能忘记了初学者不知道怎么画像素画是什么感觉。小尺寸和少量的颜色固然很棒,但当你不确定要画什么的时候,它们也帮不上什么忙。 最快速的方法:模仿与学习回顾一下我刚开始画像素画的第一年。eboy我刚开始学习像素画的时候,是临摹eboy的ISO像素画。 这种像素画有规律可循,比较容易入门。我画了不少ISO像素画建筑物,发布在像素森林论坛里。 学习eboy的像素画,帮助我理解了ISO像素画的基本规则。椅子独立创作我开始使用eboy的风格,创作自己的ISO像素画作品。 image很幸运的是在我入职游戏公司后做的第一个商业游戏,恰好也是ISO像素画的透视,我第一个项目的主要工作就是做足球游戏的球场。用别人的风格学习后来我跳槽去了另一家公司,当时负责招聘和培训新人。 我发现最适合新人的学习方式,就是模仿和修改。新人没有自己的风格,也可以用别人的风格来模仿和学习。 洛克人改成绿巨人,利用洛克人的风格画自己的绿巨人给定一个参考素材,然后修改成其他的样子,这是新人最擅长的。后来我还发现了一个大佬DYAGames,他们像素画就是通过修改来完成。 image具体的方法就是用自己的美术风格和颜色板,将参考素材转画成自己的作品(角色,场景……)红猪将参考图转画成自己的游戏角色DYAGames公开了很多角色设计和游戏场景设计的视频。

Continue Reading... 学习像素画最快速的方法
Posted in 新手入门

新手快速提升像素画水平的方法

新手快速提升像素画水平的方法摘要:用3-4个颜色,画小尺寸的像素画,就可以快速提升像素画水平image最右侧你可以看到一张有很多颜色的图片,看起来非常混乱杂乱。这是新手会犯的错误,原因是他们有太多颜色可以选择。 最左侧我只用3个颜色来画这个角色,效果也不差啊创意的有趣之处在于它也是解决问题的过程,而限制会真正帮助你更有创意地思考像素画。这就是为什么我建议你给自己设定一些限制,随着像素画水平的提高,再逐渐给自己更多自由。 这有点像游戏,你给自己设置的限制越多,就越像是回到最初的关卡。如果一开始就开放所有选项,你就会不知所措地摆弄所有东西,因为你没有经验,没有经历过所有阶段。 image我建议新手使用32×32像素画布练习像素画,并且只使用4种颜色。包括白色、黑色和两种灰色。 这样你就不会画尺寸太大的像素画,也不会使用太多颜色。事实上,你甚至不用考虑颜色,因为只有黑白灰可以用。 这将训练你思考每个像素放置的位置,它甚至可能教会你一些AA抗锯齿技巧。如果你是像素画新手,你应该多做这种练习。 你可以观察下GameBoy游戏里面的角色,都是黑白颜色的,但是细节依然很丰富。看看下面这个石像鬼的样子,脸部前面是白色的,但侧面有阴影,你甚至可以看到石像鬼的肌肉。 这些几十年前的游戏,可都是当年的经典!image等你学会了画3-4个颜色黑白像素画角色,就可以尝试添加更多的颜色。 image先模仿其他游戏角色的风格,然后慢慢形成自己的风格。

Continue Reading... 新手快速提升像素画水平的方法
Posted in foundation

如何确定像素画尺寸?

如何确定像素画尺寸?嗨大家好,我经常收到的一个问题是:我该如何确定像素画的大小? 首先,我希望你不要过分纠结画布大小,因为你随时可以改变画布大小,可以放大也可以缩小。在创作像素画时,我总是会考虑几个因素:它有什么用? 在网上发布?还是需要打印出来? 像素画中最小的特征是什么?这些特征需要多大尺寸来画? 让我们一个一个来看这些重要因素。首先,了解你的像素画有什么用非常重要。 你是在为游戏创作像素画吗?或者你只是创作一件要在网上发布的艺术作品? 我总是记住的一点是,最小的需要可见的特征是什么?因为如果角色最小的特征是可见的,那么其他所有特征肯定也都是可见的。 image比如说,如果我们看马里奥,他有很多标志性的特征。但我们要找的不是最重要的特征,而是最小的特征。 你可以看到我标出了马里奥的眼睛、手和纽扣。原因是这些是精灵图上我们需要能看到的最小特征。 通过先创建这些特征,精灵图上的其他一切都会自动变得清晰可见。索尼克也是一样。…

Continue Reading... 如何确定像素画尺寸?
Posted in 新手入门

像素画3个常见错误及解决方案

像素画3个常见错误及解决方案嗨大家好,今天我想讲讲我经常看到像素画新手犯的3个常见错误,以及一些避免这些错误的技巧。1. 双像素(Doubles)双像素第一个话题,也可能是我从新手像素画师那里看到的最常见的问题是双像素。 什么是双像素呢?标红的双像素双像素基本上就是当这些像素在一条线上并排排列。 而你真正想要的是一条更平滑的线。这里你可以看到,我标红显示了一些双像素,如果我删除这些像素,我们就能得到一条更平滑的线。 更平滑的线我看到人们的问题是,他们只是拿出画笔开始画线,然后说:”嘿,酷,我这里有一条小鲸鱼”,然后认为这就是像素画了。但你可以看到它看起来有点奇怪,如果我们删除所有的双像素,它会看起来好看得多。 有几种方法可以解决这个问题:一些软件有像素完美选项,当你开始绘画时,它会尝试模拟一条完美的像素线这只是一些更专注于像素的程序才有的功能,比如Aseprite。Photoshop是没有的如果你使用Photoshop,你可以按住Shift键并在两点之间点击, 这样也可以拖出一条完美直线你也可以在大多数软件中使用线条工具你可以明显看出糟糕的线条和更受控制的线条之间的区别。 我绝对建议你一开始就只画一个像素宽的线,并尽量避免双像素。包含双像素话虽如此,这并不意味着你不能创建包含双像素的作品,但你必须对如何使用双像素有更好的理解。 如果你在画线方面经验较少,我绝对建议你坚持使用单像素线。谈到线条,你不仅可以画单像素宽的线,你也可以画两个像素宽的线。 但我只建议用于物体的轮廓线,因为如果你开始把精灵图内部的东西做成两个像素宽,它会看起来有点奇怪。使用AA抗锯齿或者你可以在单线上使用AA抗锯齿。…

Continue Reading... 像素画3个常见错误及解决方案
Posted in animation Aseprite

Aseprite动画工具和时间轴教程

本文主要介绍Aseprite的时间轴和动画工具。这些工具会帮助你更容易地进行动画制作。 时间轴基础时间轴是你进行所有动画工作的地方。就像翻页本一样,每个数字代表一页,播放时会依次显示每一帧,直到动画结束。 时间轴工具栏主要工具眼睛图标显示/隐藏图层图层隐藏时无法绘制锁定图标锁定后无法移动或编辑图层防止意外在错误图层上绘制单元格图标(两个点/一个椭圆)独立单元格:每帧都是独立的图像链接单元格:多帧共享同一个图像可以在同一图层混合使用两种类型时间轴设置可以对整个时间轴进行设置,比如洋葱皮工具的一些属性。 时间轴设置洋葱皮工具类似传统动画的透光台可以看到前后帧的内容可调整显示的帧数可选择红蓝色调或合并模式时间轴设置位置设置可以调整时间轴的显示位置支持类似Photoshop的布局缩略图设置可以显示帧的预览图适合非动画工作时参考洋葱皮设置可选择合并帧或红蓝色调可调整透明度可设置仅显示当前图层可选择在精灵前面或后面显示帧操作点击菜单帧,可以进行帧的一系列操作。 帧操作帧属性可以设置当前帧的持续时间可以调整单元格透明度选中帧后右键,也可以操作标签选中多个帧,可以创建循环节,并且设置标签属性。比如可以选中角色待机动画的所有帧,创建【待机】标签,这样就可以循环播放【待机】动画。 标签属性可以给不同的动画序列添加标签可以设置标签颜色可以设置动画方向(正向、反向、来回)方便管理多个动画序列预览窗口点击右下角的1:1,可以显示预览窗口。预览基本功能实时预览当前工作可以缩放预览窗口可以同步或独立于主画布移动播放控制播放控制可以只播放当前标签的动画可以调整播放速度可以选择播放一次或循环播放可以选择是否忽略标签播放全部帧使用建议充分利用这些工具来提高工作效率多尝试和练习使用这些功能理解每个工具的用途会使工作更容易结语掌握这些工具对提高动画制作效率非常重要。 建议大家多加练习,熟悉这些功能。

Continue Reading... Aseprite动画工具和时间轴教程
Posted in 抗锯齿AA

像素画抗锯齿基础教程

像素画抗锯齿基础教程什么是抗锯齿1像素AA你的显示器屏幕是由一堆方块构成的,当你试图制作一条线或曲线时,实际上是用这些方块构建的。有时线条看起来不够平滑,这时抗锯齿可以帮助平滑边缘,使其看起来更自然。 何时使用抗锯齿修复锯齿线条(如果你不知道什么是锯齿线条,可以查看的”三个像素画常见错误”)用于处理某些角度或线条柔化轮廓线,可以让轮廓线看起来更粗或更细重要提示:如果你在一件作品中使用抗锯齿,要保持整个作品的一致性抗锯齿效果对比让我来快速展示一下使用和不使用抗锯齿的区别。 左边是有抗锯齿的,右边没有。抗锯齿效果对比注意我没有改变任何颜色,只是移除了右边的所有抗锯齿。 你可以看到角色肩膀的边缘如何被平滑处理,而另一边看起来很平坦,缺少细节感。通常情况下我会用1-2个颜色来画AA。 AA常见错误有两个AA常见错误需要避免:带状效果带状效果(Banding): 像素只是跟随轮廓线而不做任何缩短或变化看起来像是融化在一起这种效果应该避免。过度使用过度使用: 你可以添加很多抗锯齿但经验越少,难度就越大。 建议新手开始时只使用1-2种颜色进行抗锯齿如何思考和应用抗锯齿image如果我们看这条粉色线,它展示了这些小方框。粉色线展示了我们应该如何思考这条黑线。 它应该是一条直线,但因为我们受像素方块限制,就需要使用抗锯齿,模拟实际想要的线条。关于抗锯齿,少即是多。 千万不要过度使用。游戏角色的抗锯齿应用游戏角色的抗锯齿与普通像素画不同:背景考虑背景考虑:游戏角色会遇到各种不同颜色的背景。…

Continue Reading... 像素画抗锯齿基础教程
Posted in 新手入门

不知道画什么怎么办?

不知道画什么怎么办?今天我想谈谈那个令人困扰的问题 – 绘画瓶颈。 不同的人对绘画瓶颈有不同的感受,我将分享一些用来克服绘画瓶颈或不知道画什么时候的方法和技巧。绘画瓶颈因人而异。 对某些人来说可能是疲惫,可能是灵感问题,可能是没有动力,可能是环境不好,可能是心情不好。导致绘画瓶颈的原因有很多。 所以绘画瓶颈不是单一的问题,它更像是一个术语,表示”我现在真的很难完成任何事情”。至少这是我的理解。 让我们来谈谈克服绘画瓶颈的不同方法,或者说是我的一些方法。方法一:随机形状法我最喜欢的方法之一是”随机形状”法。 就像看天上的云一样,因为当你看云时,它本来不应该是任何东西,但有时你能从云中看出一些东西来。所以我喜欢画一个随机的形状,看看我能把这个形状变成什么。 不一定要做出有意义的东西,你可以随意发挥。现在我只是稍微整理一下这个形状,给它一些结构,然后就是想:我能把它变成什么? 好吧,对我来说它看起来有点像一架可爱的小飞机。你可以尝试一些简单的东西,不必完成它们,只需在一个大画布上画一堆随机形状,然后试着把它们变成某些东西。…

Continue Reading... 不知道画什么怎么办?
Posted in Aseprite

Aseprite画笔工具详细介绍

大家好,今天我想讲一下在Aseprite中使用画笔工具的一些技巧和窍门。Tile笔刷第一个技巧是如何用画笔绘制Tile。 方法很简单:先制作一个图块用选择工具选中整个图块按下Ctrl+B将图块转换为画笔顶部有三种绘制设置:Pattern Align to Source (图案对齐到源)Pattern Align to Destination (图案对齐到目标)Paint…

Continue Reading... Aseprite画笔工具详细介绍