前言 童年的纸飞机现在终于飞回我这里……
—《稻香》
相信每个喜欢听周董歌曲的人对这句歌词都很熟悉,
嗯嗯,是的这是一个有情怀的小动画,今天我们来研究一下如何制作一架会飞的纸飞机。
动画演示

上升降落

旋转降落

翻转远去
用到了什么
AE、PS
制作过程 简介:①AE中制作飞机形状 → ②制作飞行动作 → ③输出gif图 (这里我们以飞机的旋转降落为例)
第一节:AE中制作飞机形状(基础部分)



4,打开机翼1的3D图层开关,绕x轴旋转-90度,让机翼正面朝上,并移动到辅助线位置。

5,选中机翼1图层,CTRL+D复制一份,绕x轴旋转到90度。

6,选中机翼2图层,CTRL+D复制一份,绕x轴旋转到0度,重命名为机身。

7,让飞机的机翼往两边各岔开5度。

8,让飞机的机身往两边各岔开5度。

9,选中3个机身图层,切换到正视图,将机身高度往上缩短一些。

10,切换到四个视图,选中机身3,用旋转工具在顶部视图中按x轴旋转机身3,直到在左视图中看到斜边变成完全竖直。

11,按照上一步的操作中旋转机身2,最后得到了我们想要的立体飞机形状就已经做好了。

12,切换到自定义视图中,给机翼填充白色。

13,为了便于区分,给机身一边填充浅灰色另一边填充浅青色。好了飞机已经大功告成,就等你前来驾驶了。(在自定义视图中按住C键,鼠标左键单机拖动可以任意查看飞机各个视角视图。)

第一节,看到这里你已经成功了一大半
第二节:制作飞行动作(精华部分)
1,为了方便调整动画,我们以机身为基准,将机身2,3图层和机翼1,2图层的父级链接到机身图层上,这样我们只需要对机身图层做动画,就可以控制整个飞机了。为了让界面更简洁,打开机身2,3和机翼1,2图层的隐藏图层按钮,将这四个图层隐藏。

2,为了让飞机运动过程中,一直是跟随路径方向,需要在变换的自动定向中调节为延路径方向。

3,下面开始绘制飞机的运动路径,每隔一秒打一个关键帧,在顶部视图中绘制圆形路径。



4,调整路径节点,让路径变的更圆滑。

5,切换到四视图模式,在正面视图中调整路径垂直方向变化。

6,通过节点手柄调整曲线圆滑度。

7,我们发现飞机和运动路径垂直90度,需要在变换中绕y轴旋转-90度。

9,在正面视图中预览一下,发现动画有些呆板,飞机在飞行的过程中,机体应该会向旋转中心侧偏。

10,为了让飞机在旋转降落的过程中有角度偏转。给飞机的方向属性分别在第0s,1s,4s,5s时间位置打下关键帧,绕x轴旋转角度分别为0度,25度,25度,0度。

12,最终我们隐藏掉机身图层,输出最终飞机飞行动画。 制作部分大功告成

第三节:输出gif动画
1,首先在AE中输出JPEG序列图。

2,在文件——>脚本——>将文件载入堆栈,倒入图片序列。

3,在窗口中打开时间轴,时间轴右上角点击功能面板中从图层建立帧,同时调整为反向帧。

4,在AE中合成设置是25帧/秒,所以设置每帧延迟时间为0.04s。

5,最后,在文件中储存为web所用格式,即可以将图片序列保存成gif图片了。

总结 做这个动画,首先要拼接好飞机形状,这里利用了AE的3D图层功能,要注意分清xyz轴向,这是做这个动画的基础部分;然后要绘制出飞行路径,路径要尽量圆滑,更加符合纸飞机运动常理,让机体延路径方向运动,最后就是对路径做微调整让动画看起来更流畅。 不足之处:飞机的降落过程应该是加速过程,由于本人目前技术水平有限只做了匀速运动。上升降落和翻转远去的动画和这个差不多,就不一一演示了。 这是我的一个小练习,前后用了大概两天时间,内容比多,比较基础,希望对你有用。
网友评论
按照你的步骤 制作飞行动作时。将机身2,3图层和机翼1,2图层的父级链接到机身图层上,下面的机身2和3就开始交叉。
试了几次,还是找不到原因,求解!