高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

c

成都 重庆

g

广州

h

杭州

j

济南

n

南京

s

上海

w

武汉

x

西安 厦门

z

郑州

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > After Effects >AE内置效果教程：制作宝石海星的动画

AE内置效果教程：制作宝石海星的动画

发布时间：2019-07-02 13:15:34

AE功能强大，也可以做出很多的效果。今天给大家分享一篇AE内置效果教程，教你如何制作宝石海星的动画，接下来一起看吧！

首先我们先看一下宝石海星的动画，原作者JDHorton。

0.gif

当然要完成这么一个有趣的动画，最先需要的当然宝石海星。我已将我的ai源文件上传了，下载完之后就可以上手制作。

第一步：导入ai文件，右键转为形状图层。总共四层：宝石海星的宝石，前五角星，后五角星，背景。合成设置：800*600,30fps。

第二步：给前五角星做动画，添加效果扭曲-CC Bend It，  start定位在图像底部，end定位在图像上方。不过过程中大家可能出现下面这种情况。

1.png

整个图像被裁减了而且改变bend的参数也只是裁剪后的图像在扭曲，这不是我想要的结果。但是将其定位点往上移动会发现图像逐渐完整，这时候改变bend参数，整个五角星开始左右扭曲，这就是我想要的效果。当然同理，如果发现五角星底部两个脚也存在被裁减的现象，可以将start的定位点下移。大家仔细看图的话，可以看到在测试后，我对start定位点进行了下移。不过记好start在下，end在上，至于为什么大家自己尝试一下就知道了。

3.jpg

然后给bend打上关键帧，除此之外呢，我同时还对缩放进行了K帧（锚点对齐到图像底部），让五角星看起来拉伸了。

详细参数：

4.jpg

bend速度函数曲线

5.png

缩放速度函数曲线

6.png

锚点，定位动没有变，然后同样的效果也复制给宝石（可能有人会问为什么不把宝石与前五角星打预合成，然后做动画，分成两层不会更麻烦吗，至于这个问题，后面会进行解答）

锚点，定位动没有变，然后同样的效果也复制给后五角星，但这里我将bend的数值上调了2，即：

7.jpg

因为后续我会让后五角星顺时针转，将bend的数值上调，图形往右偏移的幅度较左边会大，这样给观众带来的效果：虽然还没有顺时针旋转，但是感觉后五角星是往右偏的，这样在后面进行旋转也看起来自然。

接着开始做旋转动画，需要一个效果：扭曲-旋转扭曲，这里参数根据个人感觉调节，我不给出具体数据，但是仍有几个要点需要注意一下。

第一点：旋转扭曲的旋转当然是先0上升到一个数值，然后下降到0，不过这里我手动K了一个帧。数值：0->56->0->-2->0。为的是结束的时候有一个弹性的感觉。

第二点：自身图层变换属性的旋转（快捷键R的那个），它的数值除了0-360，也添加一个弹性感觉。数值：0->360->359->360。

第三点：第一点中的那个关键帧56，改放在那个时间点呢？这里根据第二点的速度函数曲线来判断，详细看下图。

8.png

旋转的速度函数曲线

9.png

可以看到曲线的峰值速度在3:28f处，也就是说在这个时间点旋转的数值变化率是做大的，那么我将旋转扭曲数值56匹配至该时间点，就可以在节奏上进行衔接。（更完美的匹配是将其往后延迟1~2帧）。还有就是由于我后三角的锚点没有计算定位到中心，所以我给位置K帧让他看起来是在中心旋转。

上面都完成后，就得到了大体的效果了，不过似乎还缺了什么。是的，还记得宝石图层吗，这里分离为的是一个高光

10.png

这里我甚至还分离成了两层，做一个倾斜矩形的位移动画，以宝石图层作为alpha遮罩。

那么整个宝石的动画基本也算是大功告成了。我的话，还给他添加了影子最后我将所有图层打预合成（除了绿色背景），复制两层，添加效果：生成-填充，扭曲-贝塞尔变形，模糊-高斯模糊。

填充色为黑色，贝塞尔变形横纵向拉伸或收缩影子模拟透视，两图层各用不同数值的模糊做出柔边，降低透明度，调节大合成小，最后调整图层顺序，宝石海星动画就可以说是很完美了。

11.gif

来源：站酷

作者：叫我老Diu就好啦

上一篇 AE和C4D动画中父子关系运用的五大技巧

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作QQ : 1336151628
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

微信扫码入群领福利

扫码领福利最新AI资讯

点击咨询
添加老师微信，马上领取免费课程资源

1. 打开微信扫一扫，扫描左侧二维码

2. 添加老师微信，马上领取免费课程资源

×

同学您好！

您已成功报名0元试学活动，老师会在第一时间与您取得联系，请保持电话畅通！
确定