【AE+C4D】用AE+C4D制作一个可爱的手机界面动画 （上）
下图就是大概的效果了~因为需要使用表达式，所以要把AE的界面换成英文。（注意哦）下面是制作过程（可能有点长）……所以主页菌分成上下两篇方便大家学习，下面和主页菌一起看看吧（对于C4D来说过于简单 可以参考其中的操作技巧）：
1.用AI建立一个手机界面的画板，记住颜色模式一定要用RGB模式，栅格效果300ppi。
2.画一个简单的UI界面，一定要分好层，给每一层命名。
3.把AI文件导入进AE，新建一个空对象，把所有图层设置为空对象的子集。
4.设置空对象的比例，在合成设置中设置大小，打开所有图层的对于矢量图层连续栅格化的标签。
5.更改合成的底色，挪动手机界面的位置直至契合。
6.把信封的几个元素和滑块的几个元素添加到预合成，把这两个预合成和背景锁定。
7.用锚点工具（Y）把顶部和中部的色块的中心点挪到顶点。
8.将中部色块设为顶部色块的子集。
9.调节顶部色块的比例（scale），让它们有一个从上到下的动画。
10.选择两个关键帧，右键选择keyframe velocity，勾选lock dimensions，把influence改为75%。
11.打开图标编辑器，调节一下曲线。
12.调节滑块的位置，设置一个从下到上的动画。
13.选中两个关键帧，设置为缓动（F9），打开图标编辑器调节曲线。
14.复制一个顶部色块，把它放到时间的上面，把时间图层设置轨道遮罩（tekmat）。
15.用文本工具打上时间，选择一个时间点，给source text打上关键帧，让时间会跳动一分钟~
16.搜索cc bender效果，添加到信封预合成中。
17.调节cc bender两个锚点的位置，放到信封的左右两边，把bend效果改为marilyn，调节amount大小，让信封呈现弯曲状。
18.为信封的position设置关键帧，设置一个从上往下落的动画。
19.按住alt键点击position的帧图标，写入表达式：
amp = .06;
freq = 2.0;
decay = 3.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){n--;}
}
if (n == 0){ t = 0;}
else{t = time - key(n).time;}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else{value}
20.为cc bender的amount参数K帧，让信封有一个上下弹动的动画，同样的，为这几个关键帧写入表达式：
amp = .06;
freq = 2.0;
decay = 3.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){n--;}
}
if (n == 0){ t = 0;}
else{t = time - key(n).time;}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else{value}
21.建立一个形状图层，用钢笔画出一条竖线，描边粗细为5px。
22.点击add，添加trim paths选项，为开始和结束打上关键帧，把竖线设置为信封的子集。
23.调节开始和结束的关键帧的位置，让它们彼此错开。
24.复制3个这样的竖线，把它们和信封一起添加到一个新合成中，再建立一个矩形，设置遮罩。
24.复制3个这样的竖线，把它们和信封一起添加到一个新合成中，再建立一个矩形，设置遮罩。
26.为数字底色的缩放K帧，加上表达式：
amp = .06;
freq = 2.0;
decay = 3.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){n--;}
}
if (n == 0){ t = 0;}
else{t = time - key(n).time;}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else{value}
让它变的灵活有弹性。
27.给滑块设置一个滑动的动画，用AE输出看一下效果。
28.打开C4D，建立一个立方体，调整边长大小，转为可编辑对象，在边模式下选择四个顶部边。
29.右键倒角，偏移8CM，细分6.
