Recent Posts

Posted in animation

像素画高级教程:传统动画制作方法

摘要:像素画高级教程:传统动画制作方法 关键词:像素画,传统动画,制作方法 这是以传统动画的制作方式来制作像素画动画。 名将 (Arcade, SNES)首先在纸上或者Photoshop中画出动画,此时不需要画出太小的细节。 因为后续缩小到像素画尺寸会损失掉。动画效果OK后缩小到合适的像素尺寸,再清理像素。 街霸3 (Arcade, Dreamcast)早期很多日本游戏开发商都使用这种方法开发游戏。仔细观察街霸3春丽的草图,可以发现美术将春丽的草图画在格子纸上,动画确定后再转画到电脑上。…

Continue Reading... 像素画高级教程:传统动画制作方法
Posted in character

0基础像素画游戏美术:角色篇

0基础像素画游戏美术:角色篇 摘要:像素画达到毕业水平,离做游戏还有多远? 关键词:0基础,像素画,游戏美术,游戏角色 像素画达到毕业水平(能够画准确像素画形状,可以将其他位图、照片、设定转画为像素画)的人,离做游戏还有多远? 我可以明确的告诉你,只有一步之遥。对于做游戏有一些错误的认识,我来例举一下。 错误认识1:游戏美术必须写实谁告诉你的?不写实的游戏,照样有很多爆款。 游戏最重要的品质是好玩,能带给玩家乐趣,写实有个毛线用(如果你有很多很多,可以雇几百个人,开发4A游戏,那么一定要写实,不写实不叫4A,每一根头发和眼睫毛都要渲染出来)。Minecraft《我的世界》《星露谷物语》《星露谷》错误认识2:游戏美术必须高大上小而美的游戏,照样有玩家买单。 重申一遍:游戏最重要的品质是好玩,能带给玩家乐趣!Baba Is You…

Continue Reading... 0基础像素画游戏美术:角色篇
Posted in 游戏美术

六边形塔防游戏,如果是我,怎么画?

六边形塔防游戏,如果是我,怎么画?摘要:六边形塔防游戏,如果是我,怎么画? 关键词:像素画,独立游戏,游戏美术,高级教程 最近群里有一个小伙伴特别肝,每天做游戏做到凌晨。美术、策划、程序全部一个人做。 我挺佩服的。但是他画出来的图是这样的👇WechatIMG4实在是太丑了。 作为个人项目,当然怎么画都可以。但是如果做完了要发Steam,确实差点意思。 问题来了?六边形塔防游戏,如果是我,怎么画? 1、查找资料我没做过塔防,所以首先我需要查找资料。多看多想,总之我在2022年做的像素画塔防游戏,不能比过去的游戏美术low。 没找资料之前,我有2种思路:1、做极简像素画,画极简塔防,突出像素感,喜欢像素画的人一看马赛克塔防,萌Q可爱,男女老少都可以玩。2、做写实像素画,画的比星际争霸还要细腻,但是还能看出来像素感。 这个成本就高了,不太现实。3、做成体素塔防,2D渲染,可以节省做动画的时间,游戏特效也可以用现成的3D特效。 不过这需要学习Unity…

Continue Reading... 六边形塔防游戏,如果是我,怎么画?
Posted in 道具、图标与UI

像素画桃子详细步骤

像素画桃子详细步骤 摘要:像素画桃子详细步骤 关键词:像素画,桃子,创作,步骤 桃子是一种夏季常见的水果,它具有美味的味道和丰富的营养价值。桃子的外观呈圆形或稍微扁平的形状,表面覆盖着柔软的绒毛。 桃子的颜色多种多样,包括淡粉红色、橙色和黄色,这取决于不同品种的桃子。桃子的果肉柔软多汁,带有甜美的芳香味道。 它们的口感可口,有时带有一点酸味,让人爱不释口。桃子可以生吃或加工成各种美食,如水果沙拉、桃子派、果酱、冰淇淋和桃子蛋糕等。 桃子还富含维生素C、维生素A和纤维等营养素。维生素C有助于增强免疫系统,维生素A对视力和皮肤健康至关重要,而纤维则有助于促进肠道健康。 画像素画桃子可以遵循以下步骤:1. 打开Aseprite,创建一个新的画布,并选择你想要的桃子的尺寸,例如32×32像素。2. 使用颜色选择工具选择桃子的颜色。…

Continue Reading... 像素画桃子详细步骤
Posted in 瓦片与图块

日本Takano像素画教程:场景地图TileSet

摘要:日本Takano像素画教程:场景地图TileSet 关键词:日本,Takano,像素画,像素图,高级教程,场景地图,TileSet 20世纪80年代受限于设备性能,为了尽可能丰富游戏的画面,游戏美术使用一种Tile(很像现实中的瓷砖,可以无缝拼合)的东西设计和拼搭游戏关卡。 早期的日本RPG游戏都使用Tile来拼关卡。Tile可以重复使用,就能够以最低的美术资源,拼出RPG游戏所需要的巨大的场景和大量视觉上不同的关卡。 Tile原理下图是已经设计好好的TileSet。Tile的尺寸是16×16像素,一共10块。 在设计TileSet时应考虑到Tile的上下左右翻转,这样可以最大限度减少Tile的数量,节省下来的Tile就可以画更多东西丰富场景。现在手机的性能都比以前的电脑强,做游戏Tile应该是没限制了。 使用这个TileSet就可以拼出无限大的海岛场景啦。下面左图是一个拼好场景,右图上标记了每个Tile的名称,TileA(海面)用的次数最多。 Tile使用原则1、避免明显裂缝有些时候,Tile是美术画的,拼游戏关卡的可能是策划……这样就比较容易出现错误。合适的做法是美术提供拼好的小块场景范例,并作必要的说明,这样关卡策划就可以拼出合理的游戏场景了。 由于Tile会大面积出现在游戏屏幕中,所以需要考虑Tile与Tile彼此相连的情况。某些Tile之间如果属于强关联(无法和其他Tile拼合)的情况,就更是如此。 下面是一个错误的案例。在这里黄色块与右侧相接时出现了裂缝,在拼关卡的时候应避免这种情况。…

Continue Reading... 日本Takano像素画教程:场景地图TileSet
Posted in animation

日本Takano像素画教程:动画基础

摘要:日本Takano像素画教程:动画基础 关键词:日本,Takano,像素画,像素图,动画基础关键帧 我们知道一个动作的发生,必然有两个关键点。就是:1、从A点运动到B点2、从姿势A变化到姿势B这两个点在动画中被称为—关键帧(动画术语)。 画好的动画的核心就是选择合适的关键帧,然后画出来。中间帧和动画在关键帧之间用—中间帧(动画术语)连接,连续播放就变成动画了。 实际例子:跑步跑步动作分析1、A点左腿在前右腿在后;2、B点左腿在后右腿在前。上图中红色方框中的两帧就是关键帧,其余4帧为中间帧。 现实生活比较常见的例子是人行道指示灯动画。早期的日本RPG游戏角色的行走动画,也只有2帧关键帧,再加上站立帧就可以变成4帧行走动画。 波形运动凡是物体由于力的作用,从受力点一端向另一端推移,就产生波形的曲线运动,曲线运动都是反复循环的。上图是波形运动从左到右的示范。 黑色竖线的位置代表波在运动过程的位置。简单的上下移动竖线就可以模拟波的运动。 行走,跑步等动作都是此类水平移动波形运动。复杂曲线运动波运动的同时会导致线本身发生变化。 类似头发、披风、旗帜等动作可以参考这个。选择合适的关键帧关键帧的选择也非常重要。…

Continue Reading... 日本Takano像素画教程:动画基础
Posted in 色彩与明暗

0基础像素画速成课程:黑白像素画

0基础像素画速成课程:黑白像素画 摘要:0基础像素画速成课程:黑白像素画 关键词:像素画,像素图,马赛克画,教程,速成,黑白, 1bit像素画从字面意思理解,就是使用方块像素塑造形象的数码绘画。这是一种对0基础新手非常友好的数字艺术。 无需手绘基础,就可以学会。但是如果你想要自由的创作,那么还是需要有一点点手绘基础。 幸运的是,在你画像素画的过程中,慢慢的就会具备手绘基础(前提是需要使用wacom压感笔)。这样在你使用纸笔画画的时候,像素画的经验就可以无缝迁移到纸和笔上。 为什么无需手绘基础,就可以学会?为什么无需手绘基础,就可以学会? 因为像素画本质上是一种转画。因为不管是人眼睛看到的图像,大脑里的图像,或者是现实中的图像,都不是像素图(由方块组成)。 所以需要像素画家手工来转换。也就是说把你眼睛看到的图像,转换为像素图。 如果仅仅是转换的话,就不存在创作问题,只要100%照猫画虎,按照像素画的规则转换就可以了。像素画规则简单介绍下像素画规则。…

Continue Reading... 0基础像素画速成课程:黑白像素画
Posted in 色彩与明暗

0基础像素画速成课程:灰度像素画

0基础像素画速成课程:灰度像素画摘要:0基础像素画速成课程:灰度像素画关键词:像素画,像素图,马赛克画,教程,速成,黑白,1bit上一篇我们学习了单一图形的黑白像素画,熟悉和了解了像素画的基本要素,线条和形状。今天我们来画比较复杂的像素画,但是颜色仍然只使用黑白。 练习主题我选择比较简单的宠物小精灵。去掉颜色后缩小用Aseprite打开图片,转换为灰度模式,这样就去掉了颜色信息。 然后将图片缩小到32X32像素后,发现非常模糊,看不清楚细节。这样就需要用画笔将原有的线条加粗。 再次缩小到48×48像素,就可以获得比较多有用的信息。线稿手工画出线稿。 可以叠加图层后描图。明暗增加1个颜色画出暗部。 在暗部区域,画出棋盘图案(这在像素画中称为抖动)。删除灰色现在可以删除灰色。 这样虽然只有黑白两色,但是借助抖动就实现了灰度效果。

Continue Reading... 0基础像素画速成课程:灰度像素画
Posted in 色彩与明暗

像素画高级教程:像素之道明暗和边缘

摘要:像素画基础教程:像素之道明暗和边缘关键词:像素画,像素图,马赛克画,明暗,教程1、明暗前一章简单介绍了面的画法,这次来研究下明暗。这是左上光源的立方体明暗示意图。 与前面的球体相比,立方体的明暗实在是很简单。类似球体的调子变化,高光,反光等在这里几乎可以被忽略。 光源的位置决定了暗部和投影的位置。同样明暗也反过来暗示光源的位置。 记住这个规律,画画经常会用到!2、边缘和立体感表现立体感的关键在于边缘的处理,是要凸起还是凹陷,大部分情况下也取决于边缘以及明暗。 来看例子:可以将平涂色块周围的一圈看作大边缘。图片中左上边缘较亮,右下边缘较暗,暗示光源在左上。 然后右图加了一圈内部亮边。没有亮边的的立体感较弱,也不够清晰。 可以思考下这个技巧还可以用在哪些地方?在此基础上可以继续添加边缘。 使用一边亮另一边暗的原理表现光影效果和物体的结构。不过请注意所有的明暗关系必须统一。 中间凹陷。因为光源在左上,所以要表现凹陷,就需要把内测左上边缘处理成暗色(因为背光),内测右下处理成亮色(因被光源直射)。 继续叠加,通过投影就可以制造出高度感。3、机械质感使用对比强烈的边缘可以很好的表现机械质感,下面是两个范例,供参考:平涂,然后添加各种凹陷和凸起,使用边缘来强化对比,表现金属的质感。…

Continue Reading... 像素画高级教程:像素之道明暗和边缘
Posted in foundation

像素画高级教程:像素之道线条

摘要:像素画高级教程:像素之道线条关键词:像素画,像素图,马赛克画,高级教程,线条通常在画像素画的时候,有线条和形状两种起稿方式。1、按阶梯规则调整线稿的好处在于细节清楚,不过徒手画的随意性较大,会导致一部分线条需要调整。 比如最简单的不同角度的直线,就可能变歪。左:调整前;右:调整后。 (没有窍门,按像素画的核心规律使像素阶梯规则调整即可。)2、微调以下面的例子来说明下此问题。 要求:图片尺寸320×240,16色。先将原稿缩小。 在此基础上新建图层,将线稿画出。需要画出与原稿对应的每一条直线。 第一遍完成后,需要先修掉杂点。然后是微调,对于一些视觉上变歪的线条需要重画,可以不拘泥于原稿。 比如主体建筑的垂直线,大门基座,校门的垂直线等等。3、细节的增减原稿的缩小图中,校舍窗户的某些线条消失或不甚明显,在绘制像素画时需要根据实际情况加回去。 当然每次画像素画情况不同,可以根据实际需要取舍。线稿调整完成后就可以上色了! 颜色的选择需要看整体效果,毕竟只有16色。定好光源以后再上色。 下面示范场景的光源在右上方。具体颜色分布如下:天空1;校舍8;地面4;植物3;一共16色。…

Continue Reading... 像素画高级教程:像素之道线条