用html制作带阴影小球弹跳,AE怎么制作一个有影子的弹跳小球动画?

AE中想要制作如下图效果所示的动画效果，该怎么制作一个带阴影的小球跳动的动画效果呢？下面我们就来看看详细的教程。

软件名称：会声会影2018旗舰版(VideoStudio Ultimate 2018) v21.0.0.1 官方中文多语安装版软件大小：9.82MB更新时间：2018-03-17立即下载

一、如何制作立体小球

1、打开AE软件，命名弹跳的小球，调整相应的参数。

2、选择矩形工具绘制两个并排的矩形，设置颜色不一样；

3、选中形状图层，ctrl+d复制多层，直到把合成铺满即可；

4、选中所有的形状图层，ctrl+shift+c预合成命名为球面纹路；

5、选中球面纹路，添加CC sphere球效果；调整相应的参数得到如下立体球；

6、选中预合成，按下S键调用出缩放键，将球体缩放大合适大小和合适位置；

二、如何让小球弹跳起来

按下P键，打开位置属性，给小球的位置K关键帧，实现一个向下弹跳的过程；拉入参考线，作为地面的参考；选中所有关键帧，按下f9键来一个缓动的效果；

三、如何让小球旋转起来

打开CC sphere球效果的ratation X属性，点击全面的小秒表，添加time*200表达式；让小球在向下弹跳的同时，自身有个旋转效果；这样比较符合现实运动规律；

四、如何给小球制作弹性形变

小球在弹到地面的时候会有个变形的过程，通过调整预合成的缩放来实现，落入地面前正常大小地面弹起瞬间缩小一点(这个断开等比例缩放)，然后恢复正常，如此反复；选中所有关键帧，按下f9键来一个缓动的效果；

五、如何给运动中的小球添加影子

1、选中椭圆工具，在绘制的时候按住Alt键；绘制一个椭圆；颜色填充为灰色阴影色；命名为阴影；锚点移至正中心；

2、打开椭圆的路径，然后按下ctrl键，可以调用出八角变形键；把椭圆调至合适的大小和位置；

3、给阴影的缩放K关键帧，实现球掉落靠近的时候影子变大，离开时影子变小，一次类推；选中所有关键帧，按下f9键来一个缓动的效果；

以上就是AE制作弹跳小球的方法，希望大家喜欢，请继续关注脚本之家。

用html制作带阴影小球弹跳,AE怎么制作一个有影子的弹跳小球动画?相关推荐

抖音文字视频怎么制作？教你用AE一键制作酷炫拽翻转文字视频！
现在是短视频时代,抖音.快手作为国内两大短视频平台,用户不断增长,非常受用户欢迎!"南抖音北快手"的称号可不是白叫的!短视频的格式多种多样,我们平常刷短视频的时候可能会看到旋转文字 ...
AE489 4K卡通水火焰手绘烟雾漫画泡泡文字闪光特效元素包带Alpha透明通道ae模板
AE489 4K卡通水火焰手绘烟雾漫画泡泡文字闪光特效元素包带Alpha透明通道ae模板模板用途:液体,综艺节目动画元素,泡泡文字,卡通,卡通泡泡,文字效果,火,独特,闪光效果,手绘,烟,标题,水 ...
ae制作小球轨迹运动_AE制作一个小球的弹跳运动
这个教程分为两个部分. 第一,怎么用AE做出这样的一个球. 第二,小球弹跳时的运动规律和关键帧的调整. 打开AE,新建一个800*600,帧速率25的合成,命名为输出. 双击矩形工具,创建一个和合成大 ...
视频教程-【吴刚】AE（After Effects）初级入门标准教程-动画制作
[吴刚]AE(After Effects)初级入门标准教程业内知名UID.UED.用户体验.品牌策略与创意设计师,十三年行业职业教育培训经验,业内"UI视频第一人",教学总监.视 ...
html 3d立体阴影效果图,CSS3打造带阴影的旋转3D图像
CSS3打造带阴影的旋转3D图像 Sponsor CSS3可以实现很多创新好玩的交互效果,正如今天将和大家介绍的3D旋转图像,效果很漂亮,这个旋转图像的特别之处就是支持阴影旋转和兼容响应式网页设计,使 ...
Cytoscape制作带bar图和pie图节点的网络图
采用cytoscape制作带bar图和pie图节点的网络图作者:中科院微生物所陈亮博士本教程旨在告诉大家如何使用cytoscape根据Node信息表格制作带有barplot信息节点的网络图.以安 ...
如何用excle制作黑人拉馆_家居DIY带你学习如何用塑料勺制作壁挂！
「家居DIY」带你学习如何用塑料勺制作壁挂! DIY生活馆图片展示内容介绍传承手工艺术,放飞指尖梦想,每一节教学我们都会认真对待!只为传递手工技艺,动手实践能够让生活更美好,它让这一平淡的生活眼前一 ...
WPF中制作带中国农历的万年历
WPF中制作带中国农历的万年历原文:WPF中制作带中国农历的万年历本例应用.net 2.0中的ChineseLunisolarCalendar类,制作出带中国农历的万年历. 先看看效果图片(已缩 ...
css阴影3d效果,3D立体带阴影的CSS圆角效果
阴影CSS圆角 *{ margin:0; padding:0; } .box{ width:400px; margin:20px auto; } h1{ font-size:24px; color:# ...
CSS3实现带阴影的弹球
实现div上下跳动时,底部阴影随着变化 <!DOCTYPE html> <html lang="en"> <head><meta char ...

用html制作带阴影小球弹跳,AE怎么制作一个有影子的弹跳小球动画?

用html制作带阴影小球弹跳,AE怎么制作一个有影子的弹跳小球动画?相关推荐

最新文章

热门文章