提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
对「用户而言」动效的作用有:
便于用户理解,降低使用成本;
增强用户的带入感和操作体验;
操作及时反馈,减少用户等待的焦虑和失落感;
建立用户与产品之间的互动。
对「产品而言」动效的作用有:
清晰地展现产品层级关系,使界面间自然过渡;
营造视觉焦点,引导用户操作;
提升产品易用性,增加用户黏性;
为产品注入活力,提升品质和竞争力
今天,本文介绍AE动效制作的四大基础属性:位置、旋转、缩放、透明度。
99%的动效软件基本参数都一样,分别是位置、缩放、旋转和透明度。通过这四个参数的结合、变化、交替和反复,可以制作非常出色的动画效果。
如果是新手动效设计师,AE基础较薄弱的同学,建议仔细学习。
一、位置
快捷键:P
随着时间的变化,物体位置发生移动,就是产生动画的过程。
位置移动的方式包括:横向、纵向、圆、不规则形。
图片来源于网络
前半部分,卡片流的上下滑动,用到最主要的属性就是位置。上下滑动,卡片以及卡片内容位置依次发生变化,整个过程流畅自然。增强了用户的带入感和操作体验;
位置移动最重要的原则是缓动。
缓动指的是物体在物理规则下,加速或减速的现象。在动效中加入缓动的效果能够让运动显得更加自然,符合实际情况,这是运动的基本原则之一。
缓动的方式为:缓入、缓出
缓入的方式:先快后慢,曲线由陡峭变为舒缓。
缓出的方式:先慢后快,曲线由舒缓变为陡峭。
实际案例
图片来源于网络
底部弹窗缓慢出现,不会给用户突兀的感受,待相应操作完成之后,迅速离开,符合日常的使用习惯。
二、旋转
快捷键:R
旋转最重要的是确认中心点,中心点可以在物体内部,也可以在物体外部,视情况而定。确认之后所有的运动将围绕中心点进行。
旋转速度、旋转对象外观不同,整体效果看起来也会大大不同。可以对多边形,Logo,卡片等各种各样的东西做旋转,通用性非常高。
旋转的方式包括:二维,三维。
二维:即平面,在X、Y两个象限内旋转
三维:即立体,会在X、Y、Z三个象限内旋转。
设计案例
图片来源于网络
二维旋转
圆点和圆角矩形,分别朝不同方向旋转180度,同时配合背景色的变化,一个完美的按钮切换动画就搞定了。
图片来源于网络
三维旋转
黑胶唱片的切换即应用三维旋转的方式。为产品注入活力,提升品质和竞争力。
三、缩放
快捷键:S
缩放的意思为:缩小或放大,能够使物体的大小发生变化。
在日常生活中,物体发生挤压、碰撞、外力作用时,形状都会产生变化,动效制作过程也是如此。
缩放的方式包括:形状缩放、连续缩放、对称缩放、点缩放。
形状缩放、连续缩放
对称缩放、点缩放
实际案例
图片来源于网络
黄色封面唱片点击之后放大,然后消失,用到的就是缩放属性。
图片来源于网络
数据线插头与地面接触时,利用缩放属性,纵向产生压缩,模拟真实场景。
四、不透明度
快捷键:T
不透明度的变化好比日夜交替的过程。事物的出现或消失,不可能突然发生,必然有其逐渐变化的过程。
不透明度的作用:创造视觉趣味,对比元素,创造深度、区隔空间、区分状态、突出焦点。
透明度变化方式为:从无到有、从有到无。
实际案例
图片来源于网络
圆环逐渐放大,透明度缓慢变为0,模拟雨滴落下消失的过程。
图片来源于网络
点击列表后,利用透明度的变化,展现卡片的出现和消失,突出卡片内容,建立用户与产品之间的互动。
以上就是对AE动效制作四大基础属性:位置、旋转、缩放、透明度的全部介绍。如果觉得有帮助,点个赞
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册