摇摆动效怎么制作

在使用手机的时候,我们经常都会看到一些很有趣的loading动画,比如简单的像时钟一样的摇摆动效,虽然不是很复杂,但是意思简单明了,下面我们就一起来学习一下如何制作摇摆动效。

操作方法

  • 01

    进入Adobe effect软件界面,新建一个合成,合成设置帧速率为30f。

  • 02

    进入编辑界面,先选择“矩形工具”,然后在合成中绘制一个矩形。

  • 03

    我们这里就绘制一个简单的时钟样式,绘制矩形之后再添加一个圆形。

  • 04

    需要注意的是,在添加形状的时候一定要保证两个形状都是在同一个形状图层中的,这样方便之后进行调整。

  • 05

    接着点选形状图层,用Y锚点工具将中心点移动到上方进行固定。

  • 06

    接下来开始设置动效,在开始的位置打上关键帧,将旋转角度数值往左进行设置。

  • 07

    最后在终点打上关键帧,将旋转的角度往右进行设置,可以查看一下预览效果。

  • 08

    接着添加关键帧辅助,点选全部关键帧,右键点击关键帧,选择“关键帧辅助-缓动”

  • 09

    最后按空格键查看预览效果,然后在“图表编辑器”中对速率进行适当调整即可。

(0)

相关推荐

  • 切换动效制作【做作业】

    今天我们的作业的是一个切换动效的制作,页面的排版非常简单.希望各位童鞋能够认真的完成哦! 小提示:1.新建800*600px的画布 2.小的物体智能对象放大后会模糊 3.注意节奏和停顿大家可以自己在这 ...

  • 设计一个界面动效的时候,我们需要考虑什么?

    @鸿影  坦白来说,虽然我之前在项目里做过一些小动效尝试,但一直没有什么系统的方法和原则指导,大多在原型软件里凭「感觉」随意调调了事,而说不清楚为什么要做成这样.刚好最近有在和团队的小伙伴们一起进行动 ...

  • 教UI系列教程 – 爆炸碎片动效

    本篇文章主要分享利用AE制作爆炸碎片特效.初中级别,其中会用到2个AE自带插件:CC Lens和CC pixel polly.通过本篇学习相信你也能熟练掌握爆炸碎片动效的制作. 本次难度:中级 软件地 ...

  • 关于动效赋能产品体验的思考

    会AE的设计师有很多,似乎动效已经是设计师的标配,但你懂得如何利用动效提升产品体验吗?什么是动效呢?动效就是使UI富有表现力且让产品易于使用的元素和表现手段. 设计师在工作中经常会收到"我觉 ...

  • 教UI系列教程 – 组合粒子动效

    本教程分享的是"粒子组合动效"的制作方法,教程中使用粒子插件"form" 调整参数和优化粒子效果来实现此动效的制作.简单容易上手操作,能够应用在多种场景之中. ...

  • AE制作超炫路径动效教程

    这篇教程教AE特效学习者们,和APP界面动画制作学习者们使用AE制作超炫路径动效教程,教程非常实用.在APP的动效中算是非常酷炫的效果了,推荐过来和飞特网的朋友们一起分享一起学习,希望大家喜欢这篇教程 ...

  • 巧用AE设计MG动效制作 sports car

    巧用AE设计MG动效制作 sports car!简单粗暴,蛮实用的

  • AE制作一个水滴球融化的动效效果

    今天小编为大家分享AE制作一个水滴球融化的动效效果方法,这篇文章主要是通过图文的形式教大家制作一个水滴球动效效果,好了,一起来学习吧! 课程知识点:使用蒙版实现相溶效果.最终效果图: 有木有一种蓝色球 ...

  • 放大镜动效制作解析!(PS教程)

    小编:15年UI设计作品中少不了动效的展示,今天带大家学习一种很酷的放大镜效果.就是模拟放大镜移动过的地方放大清晰的效果. 本文通过一个放大镜动画的实例(简单模拟放大镜, 重点探讨挖空样式)来讲解剪切 ...