恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE制作path动效小教程
0.0°
2015-04-20 原创文章 教程 原作者: 原作者 举报 28760 274 177 30

通过AE中基本的旋转、位移、透明度动画制作path动效,简单快捷~

首先,准备素材,我采用直接在手机截屏的方法,获取所需图片,(如果想要做练习的可以自己把界面做一遍)包括加号中的五个应用图标。

 

 

在ps中把背景、功能图标分开(包括加号旋转),同时放个蒙层#000000,60%透明度(也可以在AE里画)。

打开AE,双击红色区域导入path的ps源文件:

选择导入,会弹出选择弹出框,如下图选择:

 

双击红色区域,图层列表便会出现在时间轴中,同时显示在中间视图中:鼠标在视图区域通过滚轴可以放大缩小,也可以通过下面的百分比选择

邮件红框中的合成,选择合成设置,设置动画的时间长度,目前我们先设置3秒:

一切准备就绪,开始做动画了

首先,我们把蒙版层和五个功能图标隐藏:

把五个功能中及蒙版的图层在时间轴中缩短(因为当前用不到,点击加号才会出现),点击加号层中的下拉三角,我们首先用到的是旋转加号,快捷R,并往后大概0.3秒处位置打个关键帧,点击红框区域便是给此处打关键帧:

然后我们再把时间指示器拖到五个功能的位置,给旋转设置成旋转-45度,如下图:可以按空格键播放测试

 

然后显示蒙版层,在0.3秒处的位置透明度前打关键针(不透明度快捷键为T,可以快速展开想要的),给出透明度为0,到如上一个关键帧相同的位置透明度设为60%,可以按空格键播放测试速度,快了就把关键帧的距离间隔远些,反之就放近些,都可以拖动;记得中间按Ctrl+S保存:

 

然后开始做五个功能图标:

首先同时选中,(把小眼睛的图标打开),因为要做位移动画,

按快捷键P,将时间指示器移动到加号转45度关键帧出,按下位置处的关键帧:

再将时间指示器移动到0.3秒处(根据个人理解,有些关键帧会用到同一个位置):鼠标按住移动到加号上,目前发现在加号的上面,我们要放到加号的后面,将左边的加号图层移动的最上方即可

注意一定要基本吻合,完全被加号盖住即可:

其他四个一样的操作:(可以使用鼠标滚轴放大,用上下左右键微调)

最后如下图:可以按空格测试一下位移的效果

测试结果太快了,怎么办呢?只要按着Shift键选择关键帧,往后拖,间距大,则是放慢速度。

接下来做回弹的效果:

将时间指示器往后拖一点(具体自己试),每个功能图标上移一点位置,下图中圆圈中是最终位置,网上走一点是为了做弹力效果,每个图标依次做完:

按空格测试一下,我们发现位移动画是有了,我们接着做旋转动画,位置动画和旋转动画最好一起做,为了大家比较清楚,所以我们是分开做的。

首页把时间指示器移到0.3秒处,选中五个功能图标层,按快捷键R,大关键帧:

然后将时间指示器移到最远的关键帧处,输入1(旋转一圈),按空格测试一下

如果个人喜欢运动模糊,也可以自己添加,下图标红框处添加即可

 

如下图运动过程中有模糊的效果:

如下图

目前我就不添加了,添加运动模糊机子比较卡:

实现效果图如下图(省略了点击相机的步骤):

(本人逻辑思维差,也是学习阶段,教程写的比较烂,如有问题请直接和我联系,我可以试图做个视频教程)~

更新:2015-04-20

收藏

274人已收藏

春子129

电影、绘画、摄影、工艺...我依然爱着~

  • 3

    作品

  • 105

    粉丝

  • 6

    关注

  • path动效教程源文件
  • 五一启动页
相关标签
动效教程

    猜你喜欢

      2015-04-20 原创文章 教程 原作者: 原作者 举报 28760 274 177 30

      AE制作path动效小教程

      0.0°

      你确定要举报AE制作path动效小教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年04月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      177
      274
      30

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录