Posted in animation

像素画第三部分1:弹跳动画

第一部分1:基本概念和练习第一部分2:详细刻画和总结第二部分1:视角,色彩第二部分2:解剖和应用第一章:Photoshop动画编辑 第二章:关键帧关键帧是创建任何动画最重要的关键。 关键帧是角色最重要的时刻,确定英雄的性质和动态。下面是小球从第1帧到第8帧的位置图,以及动画。 这个动画看起来还可以,但是缺少一点真实感。假设这是一个皮球,那么当它落到地面会发生轻微的挤压,然后弹起,因为有万有引力,弹起的时候是到不了下落时的高度。 继续优化,当球弹起由于受到反弹力,球会在垂直方向拉长。现在球具有了弹性。 光,阴影和颜色主光源在右上方,辅助光源在左侧。 实际生活中高光和反光不是一成不变的,所以需要优化下。 高光区域在下落时会变小,反光在下落时会变大。总之根据设定的光源来调整。 应用这个动画规律可以应用到其他弹跳的角色或东西上。

Continue Reading... 像素画第三部分1:弹跳动画
Posted in animation

像素画第三部分:待机动画和光影变化

第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画待机动画首先需要一个角色,从剪影开始,然后依次添加需要的细节。 然后我让肚子动起来。 我添加了耳机,让头部和肚子一起动。 膝盖弯曲,动的幅度大一点。 衣领,袖子,上衣的下摆都动起来。这些每一个都是可以单独循环的动画。 复杂的动画,都是由这样多个循环动画组合而成的。简单的可以参考待机动画。 下面这个看起来很复杂的动画也是由很多简单的动画组合而成。 欣赏一张动画作品,的围巾,手里的斧头,飘落的雪花,还有远处的两只狼,整个画面充满了故事和情节,使玩家有兴趣想知道到底发生了什么? 整个画面只用了8个颜色。 多看好的作品多实践,可以快速提高动画水平。…

Continue Reading... 像素画第三部分:待机动画和光影变化
Posted in 特效动画

Pedro Medeiros像素画系列教程-血液飞溅特效

血液血迹不要飞溅过多的血迹,那样看起来太凌乱了。我只有在非常低的分辨率时,才会画一些孤立的像素。 尽量使用圆形 飙血对于飙血,我喜欢从尖锐的形状开始,然后我扩展它,慢慢消失以尖锐的形状启动,然后由于空气阻力变得弯曲 我喜欢增加重力感,使粒子在褪色之前下降尽量避免孤立的像素,只有粒子的最后一帧可以例外使用色调变化,看起来就不会太单调 肠子看起来像管子和球的结合体添加高光斑点,表明它是湿的和粘稠的

Continue Reading... Pedro Medeiros像素画系列教程-血液飞溅特效
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 animation

像素画动态水波纹制作方法

1041uuu《—-点击可查看艺术家更多作品,2015年本公号发过他的作品。水纹动画一般是以图块的方式制作的,在RPGMAKER官方教程中有比较详细的介绍。 1041uuu在像素插画中用了另外一种方法,可以很方便的获得动态效果,而且看起来相当不错。具体的制作方法如下: 1、首先需要画出水纹,暗示水的背景色,以及水纹。 我画的尺寸是32X32,这样可以拆成16X16的块。插画的话就随意了,如果是用在游戏里用图块更方便。 2、然后根据下面这个图的规律,分别将图块编号。按照顺时针或逆时针的顺序制作成每1帧即可。 一共是4帧。 3、比如我画的这个32X32的块,拆成16X16的9个块,分别对应上面图中的A,B,C,D。 4、然后第1帧:不用变;第2帧:A向右移动1像素,B向上移动1像素,C向左移动1像素,D向下移动1像素;第3帧,第4帧依次类推。简单的说就是AD图块按顺时针,BC图块按逆时针转动。 动起来的效果就是下面这样: 5、然后水纹有断开的,需要补上。我画的比较粗糙。…

Continue Reading... 像素画动态水波纹制作方法
Posted in 特效动画

像素画光晕的画法

像素画如何画光晕呢?光晕好像是不透明的啊。 光晕的特点是强光源+颜色渐变+形状暗示,满足这些条件,人眼就会将图像识别为光晕。如果加上周围环境的颜色变化,这种效果就更好了。 电击光晕这是一个角色被电击的效果,角色外轮廓涂黑,画出骨骼,外围用黄色画出电击范围,电击有火花,所以外轮廓是呈放射状的,并且有需要点点点。内部白色强光同样用放射状的针形来画出。 渐变虽然只有两层,但是形状以及角色的配合,很好的表现了电击光晕效果。 枪击光晕枪击光晕,除了需要画出枪击时的火光,还需要画出枪击火光对角色的影响。 下面的示例图中,角色开枪时的闪光照射在角色身上,改变了角色的明暗关系。注意头盔由于枪击光晕在右下方,导致头盔前半部分变成了暗部,而角色的下巴和嘴唇部位被照亮了,还有枪的前半部分,拿枪的手,还有朝向枪的手臂,衣服的下摆等等,亮部区域都比原来增大了。 魔法光晕魔法光晕通常是几何形状或者星形的。下图的这个法师施展法术的动作里,用来表现魔法光晕的有3个颜色,白色是强光,还有2个蓝色,1个暗示光晕,1个暗示透明度(其实是不透明的)。 如果魔法特效没有和角色重叠,就可以用下面这种方式来表现。主要的思路还是渐变。 星形后面的圆形就暗示光晕。当然星形本身也是以渐变的形式来画的。 火焰光晕火焰光晕一般会被简化为单色。仔细看导弹上面的暗红色阴影,这是光晕的反光。…

Continue Reading... 像素画光晕的画法
Posted in animation

正在消失的模块化逐帧动画

我第一次看到gameloft的Aurora动画编辑器就震惊了!这款名字叫Aurora(音:欧若拉)的动作编辑器包含角色动画编辑器,场景编辑器,关卡编辑器,三合一的所见即所得神器! 所有的数据格式是xml,导出的图片文件是最优排列的矩形图块。早期还需要美术手工排列,以获得容量最小的图片。 后期则加入了程序自动排列。印象中当时的很多PC游戏,里面的素材都还是逐帧的图,我想这多费容量啊。 确实那会的PC游戏动不动就是几百M,小游戏也得30多M。而gameloft开发的游戏最小的一个Jar包只有98K! 包含所有的角色动画和场景,恩还有代码!模块化逐帧动画就是将普通逐帧动画的帧拆碎复用。 它的精髓在于拆碎和复用。因为图片容量和矩形的面积正相关,矩形面积越大容量就越大。 不过受内存限制,同屏显示的矩形数量是有限制的。那么欧若拉是如何实现模块化逐帧动画的? 一:数据和图片分离欧若拉的素材图片和动画数据是分开的。编辑帧或动画,都不会影响图片。 因此图片可以上下左右翻转,还支持90度顺时针或逆时针旋转。同一套帧和动作数据搭配不同的图片就可以实现角色的换皮。 realfootball系列,球员的帧和动画只有一套,该游戏所有球队的动画数据只有1份,但是对应32张球员切片动画,就可以变成32支球队。…

Continue Reading... 正在消失的模块化逐帧动画
Posted in animation

四足生物行走规律

学会简化 四条腿的动物行走看起来挺复杂,其实可以很简单。如果你已经学会怎样画人类的行走,就可以想象一下四足生物行走就像2个人在行走。 注意,脑袋要跟随前面的人才对。运动规律 腿的运动规律都是相似的。 只要学会画一条腿,其他的腿也可以画出来。1落下接触地面; 2回收滑步; 3抬起; 4向前; 解剖学不同的动物有不同的解剖学,制作的时候找到动物的骨骼结构图会很有帮助。 下面是通用的四足步行前腿和后腿的循环动画参考。要点是关节。…

Continue Reading... 四足生物行走规律
Posted in animation

高级教程-怎样制作流畅的像素动画?

作者:Skaz翻译:Pixel32 1、帧的数量和帧速简单的说,在1秒钟内显示的帧越多,动画看起来就越流畅。动画的平均帧速是30-60帧/每秒。 怎样使角色水平移动10像素?你可以让它一次移动一个像素。 这意味着在这10个像素的空间内,你只有10帧。下面是以各种帧速移动的效果: 33帧每秒 很明显的帧数越多越流畅。 我使用Aseprite画像素画,Photoshop当然很厉害,但是第一它太贵了,第二用它画像素画是用牛刀杀鸡……我画动画一般用50帧每秒。 下面是一个男性角色,行走动画开始是6帧,帧速为12fps。 后来增加了2帧,变成8帧,看看有没有区别? 6帧版本…

Continue Reading... 高级教程-怎样制作流畅的像素动画?
Posted in animation

30分钟学会像素画角色行走动画

行走动画是动画入门基础,也是动画专业学生最早做的作业之一。行走动画非常简单,只要你了解行走的规律! 使用软件:Aseprite1、首先画出双腿迈开的姿势,使用较深的颜色画另一侧的手和脚。我想行走的这个姿势在每个人脑海中一定印象深刻,应该每个人都可以随手画出一个双腿迈开行走的火柴人。 2、新建空白帧,快捷键是alt+B,按F3激活洋葱皮效果,这样就能在新建空白帧上看到前一帧的半透明图像。在此基础上画出站立姿势,记住头和身体往上移动一点,然后四肢跟随。 3、真棒!到这里你已经做出了一个最简单的行走动画,FC时代的游戏角色就是这样行走的。 两帧行走动画规律:迈腿-抬腿 小马里奥 宠物小精灵主角4、将动画扩展到4帧。把迈开腿的那一帧反转,也就是左右手脚交换一下。 把站立帧作为过渡帧重复2次,这样就是4帧行走! 速度太快,将帧速调慢一点,效果会好很多。 4帧行走动画规律:迈左腿-抬右腿-迈右腿-抬左腿…

Continue Reading... 30分钟学会像素画角色行走动画