当前位置: 首页 > 设计资讯 > 设计教程 > 正文

聊聊PS做帧动画的小技巧(附动态表情包制作方法)

2018-01-11 6837 10
今天这篇好文通过两个简单的案例(小动画+动态表情包制作),带同学们一起来详细认识下PS做逐帧动画的工作流程和基础技能。 从理论上来说,PS的帧动画属于“逐帧动画”的范畴,利用的依然是人眼的“视觉暂留”现象,首先来“高大上”地Look一眼它的定义: asui201607211 简单说,就是在每一帧上“绘制”动画的分解动作,然后把所有帧按序列排列播放,就能看到完整的动作了,最后在保存的时候选择gif格式,这就是一个完整的作品了。当然,gif只是格式,说到本质做的还是动画。而这里的“绘制”呢,既可以是利用软件的智能自动化如过渡、关键帧、补间动画等(不同软件采用的算法不同),也可以用画笔、钢笔、形状工具绘制,或者更可手绘每一帧的内容。所以,如果小伙伴正好是手绘达人,那直接手绘出分镜就是极好的了。
asui201607212 在PS中,帧动画要在“时间轴”面板上完成(CS5及之前的版本叫做“动画”面板,CS6及CC各版本均叫“时间轴”面板。),打开PS之后,如果没有看到该面板,可以按如图所示操作,点击“窗口”,然后在下拉菜单中点击“时间轴”即可打开,一般显示在软件底部。
asui201607213 案例一:位移动画 Step 1 我们首先用一个位移动画来了解下利用PS“过渡”功能制作“帧动画”的方法。按如图所示,新建文件,名称“位移运动”,430*430px,72ppi,透明背景,点击确定。 asui201607214 Ctrl+N,新建文件 选择圆角矩形工具,绘制一个圆角矩形,作为动画的主体。
asui201607215 点击PS底部的“时间轴”面板,激活它,然后按如图所示点击选择“创建帧动画”。PS:“创建视频时间轴”留作以后在介绍,我们先从帧动画快速上手喽。 asui201607216 Step 2 到现在,已经可以看到时间轴面板上有了一帧内容了,我们暂且不说,先来观察下这个面板,从以下截图可以看到,它的操作区域主要在两个框线部分,看起来好像很复杂滴样子,好多功能键,我们先不逐一介绍它们,而是通过案例来一点点感受它们,感受动画的魅力。 asui201607217 如图所示点击“新建帧”,也可以从下拉菜单中点击“新建帧”,实现效果是一样的。在确保“帧2”被选中的情况下,鼠标移动“圆角矩形”到画布最右,此时就已做出了位移动画了,按播放键就可以预览到动画了。 asui201607218 asui201607219
显然,此时的动画效果简直糟透了,生硬、快如闪电、而且是一次就停了,并不是我们平时看到的循环播放的gif。那么,接下来我们逐个解决。


43
评论区(0)
正在加载评论...
相关推荐