AE打造手机音乐快捷界面

首先感谢"色彩系"的分享，本次教程用了他所分享的手机psd图。感谢你的分享（我在附件中有分享，可自行下载）点此下载源文件

FEVTE编注：更多After Effects特效教程学习交流和After Effects作品发布请访问飞特网After Effects特效教程栏目，地址：https://www.fevte.com/moive/AE/AE_texiaojiaocheng/

本来第二季打算制作一期我之前的motion动画的教程，但是思考了一下，还是算了，毕竟这个平台还是注重UI多一些，因此第二季制作一期手机音乐快捷界面的动画吧！

这次教程主要讲解屏幕的滑动动画如何用ae来完成。

主要的key点是：图层的alpha跟随遮罩。因此我着重讲解跟随遮罩的原理和用法

首先给大家看一下这节教程滑动效果的效果图（动画原件我就先不讲了，有些麻烦，大家可以结合我之前的教程自行制作一下）：

我替换了背景画面，并且DIY了一下音乐播放的界面，很明显，这是一部音乐智能手机=   =，好吧，你们不要在意这些细节，谢谢大家.....

这里我用到了一些图片，其中大图是来自万能的网络，你们也可以找其他的风景图片，不过图片要足够大才可以，不要仅仅和屏幕一样宽，这样咱们就没法滑屏了。

头像用了我喜欢的DJ——Quadrat Beat，你们可以找一些其他的歌手图片，有风景背景的其实最好，我这个不够小清新。

OK，我们开始。

首先把手机psd的图导进AE，会提示是否导入合成，点击是就可以了，这样导进的psd就会保留分层图层的信息，导入的图会分成好多原件。

其中有个原件叫做screen，也就是咱们的屏幕图层

（你需要点进最外层的合成，然后找到PHONE的合成，点进去才能找到）

我们找到这个图层后，暂时先不管他，这里我们找一个大的风景图，我这里换一张图用（大图如果有版权，那么仅限学习交流，别用于商用）

然后把这张图放在screen图层的下面，最后得到如图的效果

接下来关键的一个步骤，我们调节风景图的track matte选项至alpha matte "screen"