1、AE图层菜单
形状图层(Shape Layer)、固态图层(Solid Layer)、文字图层(Text Layer)、调整层(Adjustment Layer)、空对象(Null Layer);这几个图层的用法比较好理解,有用过ps、ai的经验,会很容易就接受上手使用;
摄像机图层(Camera Layer)这是对我来说比较难以理解及运用的图层,可能是因为比较少用摄像机的原因,可以用来调整镜头类型、画幅、景深、推移等等;
灯光图层,也是一个值得探究的图层,只存在三维空间,可能ui动效用得比较少,主要用于视频制作方面(?);
详细图文介绍移步至:快速入门!一份给新手的AE图层菜单修炼手册 - 优设网 - UISDC
2、ps/ae 表情包教程
人气教程!教你用PS/AE制作超萌的动态表情 - 优设网 - UISDCwww.uisdc.com
ps制作表情包是将每个动作逐帧做出来来,放在图层上,然后时间轴来控制调节;
ae会更加快速做出,放大缩小,位移,旋转,透明度变化等都有可以调节,只要对象本身没有发生变化,都有快捷的调整方式,但是ps就要逐个图层去放大,移动调整等;
3、UI 常用动效
- 缓动(下拉的重力感、过场的缓入缓出等)
选中关键帧——动画>关键帧辅助>缓动 | animation>keyframe assistant>easy ease (或点击关键帧右键>关键帧辅助>缓动);
图形编辑器>使视图适应所有曲线>拖动端点调整曲线 | Graph Editor > Fit all graphs to view。
- 遮罩
选中形状工具在固态层或合成的预合成 | solid 或者 Pre-compose 上画一个形状(即完成该图层的遮罩 mask);
下拉遮罩属性即可调整遮罩路径、大小、羽化、透明度等数值。
- 值变(灵活展现数字变化)
新建文本层并选中——效果>文本>数字 | Effect>texts>numbers;
参数设置。
- 3D翻转(立体化表达物体概念)
打开图层3D图层属性 | 3D layer;
设置 XY轴属性
- 毛玻璃效果
图层>新建>调节层 | layer>new>adjustment layer (注意该图层需要位于需要被模糊的图层与毛玻璃遮罩图层之间);
选中调节层——效果>模糊与锐化>高斯模糊;
建立一个遮罩图层(遮罩形状大小调整为毛玻璃展现区域形状大小);
Ctrl+C 复制遮罩图层路径>Ctrl+V 粘贴到调整层;
按照需求调节遮罩图层的透明度属性即可看到毛玻璃效果。
- 修剪路径
形状图层>添加>修剪路径 | shape layer>add>Trim Paths;
设置结束、开始属性,完成路径动效。
- 融合(loading)
新建调节层——效果>快速模糊 | Effect>fast blur。效果>色阶 | Effect>levels;
参数调整
- 抖动
alt+需要抖动图层属性关键帧小秒表>在时间轴上出现的空间里写上 wiggle(数值A,数值B);
调整数值A(每秒震动次数)、B(运动范围像素值)达到自己想要的抖动效果(我一般用1,20达到一个缓动的效果)。
- 水波纹
新建形状图层(命名为「波浪」)>效果>扭曲>置换图 | new shape layer>effect>distort>replacement map;
新建固态层>效果>无线电波 | new solid layer>effect>radio wave;
将2中的固态层合成预合成,命名为「置换图」(注意转移所有属性);
将「置换图」预合成的开始点移到最左边——效果>快速模糊 | effect>fast blur;
点击「波浪」层的置换图属性,选择「置换图」预合成替换;
隐藏「置换图」预合成。
原文链接:
用一篇文章,帮你掌握基础实用的动效技能 - 优设网 - UISDC