Posted in 特效动画

Luke像素画教程:冰冻特效

Luke像素画教程:冰冻特效作者:Luke[1]题图:alexeytronov[2]用像素画实现简单的冰冻特效。制作思路将冰冻特效拆分为2部分动画来考虑。 触发效果的飞行道具(冰锥)和冰冻过程。冰锥只需要画1帧,然后由程序控制冰锥飞行轨迹;冰冻过程则需要根据不同怪物的体形来设计。 具体思路有2种:1、针对每一种体形设计一种冰冻效果; 2、设计通用的冰冻效果,可以叠加在所有怪物上。制作步骤1、冻住怪物的一部分;2、扩大冰冻的面积;3、完全冻住;4、挂下冰柱。 效果预览 参考资料[1]Luke: https://www.patreon.com/sadface_RL[2]题图:alexeytronov: http://pixeljoint.com/pixelart/128837.htm完。

Continue Reading... Luke像素画教程:冰冻特效
Posted in animation

像素画高级教程:旋转的金币

摘要:像素画高级教程:旋转的金币 关键词:像素画,教程,动画,金币 本文共719个字,阅读大约需要2分钟。画画也好,动画也好,很多时候跟做数学题差不太多。 比如你学会了加法,那么理论上所有的加法题都会做了;如果你可以画准确形状,那么理论上任何东西都可以画准确。动画也是一样的。 如果你学会了制作旋转的金币,那么理论上任何东西的旋转动画也都可以制作了。基础图片在制作动画之前,我们需要一张基础图片(动画术语可以叫初始帧)。 既然是旋转的金币,那就需要先画好一个金币像素画。看下图是不是很简单? 使用Aseprite椭圆形工具就可以很快的完成,画好以后别忘记填上颜色。关于颜色的选择也需要注意,这个金币没有使用黑色轮廓线,而是用了浅褐色。 这是旋转动画第1帧。像素位移我们要制作最简单的水平旋转动画,因此只需要简单的水平像素位移就可以啦。 选中画好的金币,复制第1帧粘贴到新图层,然后选中1/2向右位移1-2像素。注意可能需要修改金币高光位置。 这是第2帧。新建图层,复制第2帧粘贴,继续向右位移1像素,这里需要一点想象力,当金币旋转之后,我们已经可以看到金币的厚度,而且会越来越厚;而金币内部的圆圈由于偏转则会越来越窄。…

Continue Reading... 像素画高级教程:旋转的金币
Posted in animation

Nick N像素画动画教程:怎样制作角色快速奔跑动画?

作者:Nick N编译 | 三二 (转载请注明出处)。方法1:倾斜角色身体第一种方法是倾斜角色身体。 正常跑的时候角色身体和地面是90度夹角。要制造出快速奔跑的感觉,可以将身体向前倾斜。 这样在视觉上就会给观众一种角色跑很快的感觉。方法2:减少帧数第二种方法是减少动画的帧数,上面的奔跑动画一共14帧,每帧50毫秒。 减少迈腿腾空关键帧之间的的中间帧,就会产生极速奔跑的感觉。Tips:配合第一种方法使用效果更佳。 下面是10帧的效果。第二种方法也适用于给普通的奔跑加速,前提是普通奔跑帧足够多,对于目前的像素画游戏行走和奔跑动画建议不低于6帧。 下面是10帧效果。完。

Continue Reading... Nick N像素画动画教程:怎样制作角色快速奔跑动画?
Posted in animation

PixelLogic像素画教程次级像素动画介绍

作者:PixelLogic教你画像素画编译出品1、次级像素是什么?你可能听说过像素画,那什么是次级像素? 次级像素经常出现在游戏角色待机动画和微妙的角色动画中。许多8bit游戏使用了次级像素技术,这些作品激发了像素画家的灵感。 像素是计算机显示分辨率的最小单位。1个像素不能变的更小,也不能在两个方格之间分割像素。 所以必须并找到一种模拟1/2像素的方法。这是1个方格,代表1像素这是1/2个方格,代表次级像素,是不可能的这也是不可能的,1个像素不能被分割。 次级像素就是制造出小于1像素的错觉。次级像素就是表示“在1像素以下”或“小于1像素”。 次级像素是一种先进和复杂技巧。如果你遇到麻烦,请不要担心。 它并不是必需的,但这是一个有趣的挑战,可以磨练和提高你的像素画动画水平。下面的蘑菇人,左边是次级像素版本,右边是普通版本,仔细观察两者之间的区别。 2、次级像素何时使用?怎样使用? 对于静态像素画,次级像素就是AA抗锯齿和像素线条的粗细。对于动画,它被称为次级像素动画。 两者都依赖相同的技术创造视错觉:抗锯齿。通常,次级像素Sub…

Continue Reading... PixelLogic像素画教程次级像素动画介绍
Posted in animation

笨办法学像素画:像素画游戏动画解决方案

摘要:像素画游戏动画解决方案游戏中的绝大多数东西都是可动和可交互的,这些东西实际上都是小动画(为了方便理解,可以将小动画想像成可以无限循环的gif动画)。一个游戏中动画工作量最大的一般都是主角。 洛克人4帧奔跑像素画游戏动画解决方案一:序列帧早期的电脑游戏动画资源大多为序列帧,这是由早期计算机性能受限,游戏的分辨率很低且颜色数受限制,作为游戏美术资源的像素画同样尺寸小,颜色少。因此当时不管是电脑游戏还是家用机游戏,游戏动画都采用序列帧的形式。 冒险岛4主角动画序列帧随着计算机性能的不断提升,游戏的画面分辨率不断提升,市场主流游戏开始使用高清位图代替像素画。位图序列帧会导致图片资源巨大无敌,占用内存过高等问题,最主要的是序列帧修改麻烦,无法处理复杂的动画,开发成本高。 仙剑奇侠传98柔情版,dos游戏。大尺寸的像素画电脑游戏。 传奇怪物序列帧像素画游戏动画解决方案二:动画编辑器简单的游戏无法获得玩家的青睐,游戏开发商开始制作和开发复杂的游戏,自研引擎和编辑器开始增加,但是自研的成本不是小厂商可以承受的。因此大多数游戏开发商都会使用成熟的免费引擎和编辑器。 目前市场上最流行的编辑器是Spine。可以说如果你想成为游戏美术开发游戏,就必须学会使用Spine。 Spine可以处理位图动画也可以处理像素图动画。动画编辑器的原理将原本的序列帧相通的部分都拆出来,相同的部分可以重复使用,可以大大减少图片的容量和大小。 比如下面Spine自带的范例,将小男孩的每一个部分都拆出来,就可以拼搭出各种动画。类似这样侧面的角色,做出站立,行走,奔跑,攻击,挨打,死亡等游戏常用的动作完全没问题。 将帧拆碎之后,怎样将分散的块重组成角色?已经有PS的Spine插件,支持一键导出,美术只需要在PS中分层画好角色即可。 这样Spine打开导出的文件之后就和在PS中看到的一样,美术只要继续做动画即可。Spine的初级使用和Flash类似,是基于元件的补间动画。…

Continue Reading... 笨办法学像素画:像素画游戏动画解决方案
Posted in 特效动画

Nick N像素画动画教程:武器攻击特效画法

作者:Nick N编译 | 三二 (转载请注明出处)。直线特效角色使用武器攻击时会产生运动轨迹线,武器特效应当和运动轨迹保持一致。 比如挥动武器时是抛物线型的曲线轨迹特效,画成直线就会很奇怪。曲线特效符合武器运动轨迹的曲线特效。 折线特效如果一定要使用直线也不是不可以,你可以试试折线特效。渐变消失在正确画出运动轨迹的基础上,加上特效形状渐变消失的动画。 完。

Continue Reading... Nick N像素画动画教程:武器攻击特效画法
Posted in animation 道具、图标与UI

像素画游戏UI:按钮动画教程

摘要:像素画游戏UI:按钮动画教程 关键词:像素画,游戏,UI,按钮,动画 本文共353个字,阅读大约需要1分钟。 1、形状首先确定按钮的大小,16X16像素,然后画出形状。 从正方形开始。通过切角变成圆角。 2、明暗对于像素画来说,明暗和颜色就是细节,明暗层次越多,颜色越多,细节也越多。填充按钮基本颜色。 使用深褐色在按钮中间“制造”视觉凹陷。假设光源在左上方,画出按钮边缘的高光区域。 3、立体感通过增加观众能看到的面来增强立体感。将按钮向上移动几个像素,然后补全缺失的部分,填充一个更暗的褐色。 现在是不是更有立体感了?以这个按钮底板为模版,在上面添加文本或图案,就可以变成游戏中可以使用的按钮了! 4、动画只需要简单的上下移动按钮,然后修改按钮的颜色,就可以做出2帧按钮被按下的动画。完。

Continue Reading... 像素画游戏UI:按钮动画教程
Posted in animation

Luke像素画教程:弓箭手射击动画

Luke像素画教程:弓箭手射击动画作者:Luke[1]题图:Fily[2]弓箭手射击动画怎么制作?在做任何动画之前都需要先分析简化,想清楚以后再画。 分析动画弓箭手射击动画可以拆分为3段动画,简便起见本教程中省略角色的动画:1、拉弓射击;2、弓箭飞行;3、命中目标。1、拉弓射击需要画出弓被拉开然后回收。 弓从静止状态到拉开,关键帧只有2帧,从拉开再回到静止,由于存在惯性,因此需要2-3帧来表现弓弦的回弹。2、弓箭飞行弓箭只需要画1帧,弓箭会以直线或抛物线向前飞行,在游戏中一般由代码控制。 3、命中目标命中不同的目标,需要播放不同的动画,本教程以命中墙壁为例。弓箭比较轻,命中以后会受到墙壁的反作用力,弓箭会晃动。 完成动画最后查看完整动画效果,做好以后就可以切序列帧给程序调用了。 参考资料[1]tutorial-bow: https://www.patreon.com/posts/tutorial-bow-and-19521936[2]Fily: http://pixeljoint.com/pixelart/105209.htm完。

Continue Reading... Luke像素画教程:弓箭手射击动画
Posted in animation

人人都是动画师:角色动画帧怎样保持一致?

文 | 三二 (转载请注明出处)。早期的迪士尼动画都是动画师手绘而成,每位动画师都有自己的绘画风格,通过多视图模板可以保证所有动画师绘制的都是同一个角色。 像素画游戏通常由1人或多人(小于5人)完成,如果原画师设定角色,然后由像素画美术完成动画,就需要角色多视图模板作为规范,这样就可以保证角色动画每一帧都与设定保持一致。角色多视图模板怎么画? 1、保持立体思维角色多视图模板应该包括角色正面,背面,侧面,3/4侧面,一共4个视图。这些视图有助于动画师理解角色的构造和比例。 同时画出这些视图意味着角色可以360转动,将角色分解成球体、圆柱体等最简单等几何形体,可以大大降低设计和绘画难度。画好这样的基础形体角色之后,再逐步添加细节;在制作角色动画的时候也可以使用这种方法,可以大大减少反复修改的时间(没有细节修改很方便,关注整体感觉动作更细腻)。 Tips:头部始终在躯干的前部。2、头部细节比例眼睛在眼线的上方,鼻子在眼线的下方。 具体五官比例可以参考传统绘画的三庭五眼。中国的传统审美观念对人的面部美特别重视,三庭五眼是古代画家根据成年人的面部五官位置和比例归纳出来的一种人物面部的普遍规律,它阐明人体面部正面观的纵向和横向的比例关系。 三庭是指将人面部正面横向分为三个等分,即从发际至眉线为一庭、眉线至鼻底为一庭、鼻底至颏底线为一庭。五眼是指将面部正面纵向分为五等分,以一个眼长为一等分,即两眼之间距离为一个眼的距离,从外眼角垂线至外耳孔垂线之间为一个眼的距离,整个面部正面纵向分为五个眼之距离。…

Continue Reading... 人人都是动画师:角色动画帧怎样保持一致?
Posted in animation

极简游戏角色行走动画制作方法

教你画像素画原创视频行走和待机动画是游戏角色动画的基础,扎实的掌握和学会这两种动画的制作方法,就可以方便的应用到其他所有角色动画中,这也是大多数像素画角色动画教程用这两个主题的原因。分析问题观察原动画的缺点有以下几点:人物跳帧,原因是人物的重心线错位。 动作别扭不流畅,原因是动作循环缺帧,手臂和腿的摆动失调。解决问题在一开始就画出重心线,每一帧都是在复制前一帧的基础上修改,避免人物跳帧。 规范动画帧的顺序,站立-迈腿-站立-迈腿,以这样的顺序来安排动画帧,并在此基础上增加帧。迈左腿,伸右手;迈右腿,伸左手,避免手臂和腿的摆动失调。 先制作4帧行走,然后在此基础上扩充成6帧或更多。完。

Continue Reading... 极简游戏角色行走动画制作方法