AE制作纸飞机路径动画

作者: 9d93a3651d68 | 来源:发表于2017-12-28 16:32 被阅读330次

​​前言 童年的纸飞机现在终于飞回我这里……

 —《稻香》

 相信每个喜欢听周董歌曲的人对这句歌词都很熟悉,

嗯嗯,是的这是一个有情怀的小动画,今天我们来研究一下如何制作一架会飞的纸飞机。

 动画演示

 ​上升降落

​旋转降落

 ​翻转远去

用到了什么

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轴向,这是做这个动画的基础部分;然后要绘制出飞行路径,路径要尽量圆滑,更加符合纸飞机运动常理,让机体延路径方向运动,最后就是对路径做微调整让动画看起来更流畅。 不足之处:飞机的降落过程应该是加速过程,由于本人目前技术水平有限只做了匀速运动。上升降落和翻转远去的动画和这个差不多,就不一一演示了。 这是我的一个小练习,前后用了大概两天时间,内容比多,比较基础,希望对你有用。

相关文章

网友评论

  • bfcf63bac1e2:厉害👍
    9d93a3651d68:@醉月都市 :relaxed:
  • startsky:在机身那个地方断片了,看了半天也没做出来
  • 优素福_a579:你好!
    按照你的步骤 制作飞行动作时。将机身2,3图层和机翼1,2图层的父级链接到机身图层上,下面的机身2和3就开始交叉。
    试了几次,还是找不到原因,求解!
    :smile: :smile:
  • FecTok:能发一下源文件吗,谢谢
    FecTok:@疯狂动物城_026a 邮箱 frank99-xu@outlook.com

本文标题:AE制作纸飞机路径动画

本文链接:https://www.haomeiwen.com/subject/hnrvgxtx.html