Posted in animation

赋予角色生命:动作游戏的像素攻击动画指南

赋予角色生命:动作游戏的像素攻击动画指南前言在像素游戏中,攻击动画(Attack Animation)是玩家感知战斗质感最直接的窗口。不少新手在做动画时,容易把动作做得“软绵绵”的,或者动作生硬。 今天,我们要聊的就是如何通过帧的布局,让你的像素角色打出“爆发力”。我们以一个经典的魔法波攻击(Blast Attack)为例,拆解它的动画核心。 像素动画的三大黄金阶段一个成功的攻击动作通常遵循“预备-爆发-收回”的逻辑。 蓄力阶段(Anticipation)动作开始前,角色需要一个反向的蓄力动作。 比如魔法师在释放法球前,身体会稍微向后缩,这种“蓄势待发”的感觉能极大增强后续爆发的视觉冲击力。 能量爆发(Energy Charge &…

Continue Reading... 赋予角色生命:动作游戏的像素攻击动画指南
Posted in animation

丝滑打击感:像素画近战攻击动画进阶指南

丝滑打击感:像素画近战攻击动画进阶指南 大家好,我是三二!之前我们聊了如何处理“聚能类”攻击的环境光,现在我们把视角拉回到动作游戏中最基础、也最难画出感觉的部分——近战挥砍(Melee Attack)。 如果你觉得你画的剑士挥剑像是在“慢动作挪动”,或者是动作连贯性差,那一定要看看巴西像素大师 Saint11 (Pedro Medeiros) 总结的这套“三段式”近战逻辑。1. 蓄力阶段 (Anticipation):怪物与玩家的差异化所有人都知道攻击前要蓄力,但很多新手没意识到主角和怪物的蓄力逻辑是完全不同的:设计怪物时:蓄力要“足”。…

Continue Reading... 丝滑打击感:像素画近战攻击动画进阶指南
Posted in foundation

像素画缩放:整数倍、滤镜与常见坑

今日教程|像素画缩放:整数倍、滤镜与常见坑 怎么在保证“还是像素画”的前提下正确缩放。做角色和攻击动画时经常要导出不同分辨率,用对缩放方式能少很多糊图、碎像素的坑。 什么是像素画一种常见定义:低分辨率、且每个像素的放置都是有意为之。和普通图片不同,缩放时不能随便用“平滑”算法,否则会糊掉。 像素画是画在网格上的,类似于马赛克或十字绣——每个格子对应一个像素,意图清晰。为什么要缩放你的屏幕(手机、平板、显示器)本身也是由物理像素组成的。 画布上的像素需要“翻译”到屏幕像素上。以前 32×32 的图在 640×480 的屏幕上刚好;现在 4K…

Continue Reading... 像素画缩放:整数倍、滤镜与常见坑
Posted in animation

今日教程|横版角色近战攻击:拳击、挥剑与手感

今日教程|横版角色近战攻击:拳击、挥剑与手感 今天这篇来自 Slynyrd 的 Pixelblog 第 9 期:Melee Attacks(Raymond Schlitter)。讲的是横版角色近战——从拳击到挥剑,以及怎么用…

Continue Reading... 今日教程|横版角色近战攻击:拳击、挥剑与手感
Posted in animation

今日教程|像素画剑刃挥砍攻击动画:预备、挥砍与回收

今日教程|像素画剑刃挥砍攻击动画:预备、挥砍与回收 这篇来自 itch.io 上 imonk 的教程:在已有站姿精灵的基础上,做一段带剑的挥砍攻击动画。教程把挥砍拆成“预备 → 挥砍 → 回收”三段,再补上中间帧和一点运动模糊,很适合当“像素剑攻击”的入门参考。…

Continue Reading... 今日教程|像素画剑刃挥砍攻击动画:预备、挥砍与回收
Posted in animation

俯视角角色待机动画与八向跑步(攻击动画的前置基础)

今日教程|八方向角色待机跑步攻击动画 今天这篇来自 SLYNYRD 的 Pixelblog 55 – Top Down Character…

Continue Reading... 俯视角角色待机动画与八向跑步(攻击动画的前置基础)
Posted in animation

今日教程|像素画人类行走循环:从参考到男女双版

今日教程|像素画人类行走循环:从参考到男女双版 今天记的是“人类行走循环”——怎么用真人参考做出自然、可复用的像素行走动画。我按 Slynyrd 的 Pixelblog 50 – Human Walk Cycle…

Continue Reading... 今日教程|像素画人类行走循环:从参考到男女双版
Posted in animation

今日教程|像素画动画入门:从待机循环到跑步节奏

今日教程|像素画动画入门:从待机循环到跑步节奏 虽然像素画的“经济性”让它成为一种非常适合制作动画的媒介,但其中的局限性也带来了一些独特的韵味。大多数像素动画都是以传统的逐帧方式制作的。 你最常在游戏里看到的,通常是短促的循环动画。别看这些循环好像很简单,它们其实需要极大的耐心和对细节的关注。 当一段动画被反复播放时,任何一个小瑕疵都会被放大,哪怕是一个像素的位置不对,都会让人觉得刺眼。今天,我就想结合 Raymond Schlitter 的经典教程,跟大家聊聊如何迈出像素动画的第一步。 待机循环(Idle Cycles):让角色“活起来”的最简单方式待机动画是给艺术作品或游戏注入活力的最有效方式。它的基本要求就是“动起来”——甚至不需要非常有逻辑,只要有位移或形变即可。 在早期的…

Continue Reading... 今日教程|像素画动画入门:从待机循环到跑步节奏
Posted in animation

今日教程|对话 1041uuu:如何做出“看不出循环”的像素动画?

对话 1041uuu:如何做出“看不出循环”的像素动画? 提到像素动画,很多人脑海中浮现的是复古游戏。 但你见过那种带有一种宁静、深邃,甚至有些哲思的像素 GIF 吗?今天我想跟大家分享一位我非常喜欢的像素艺术家——豊井祐太(Yuuta Toyoi,网名 1041uuu)。 他在和 Pixivision…

Continue Reading... 今日教程|对话 1041uuu:如何做出“看不出循环”的像素动画?
Posted in animation

今日教程|打造治愈系 Lo-Fi 像素动画:从呼吸到晚风

今日教程|打造治愈系 Lo-Fi 像素动画:从呼吸到晚风 你是否也曾被 YouTube 上那些 Lo-Fi 音乐频道的背景动画治愈过?一个在窗边看书的少女,或者一个躺在草地上看夕阳的剑客。 这些看似简单的循环动画,其实包含了非常精妙的分层设计。今天,我通过对资深动画师 KevinFarias…

Continue Reading... 今日教程|打造治愈系 Lo-Fi 像素动画:从呼吸到晚风