相关分类
AE实例教程
AE特效教程
AE视频教程
VIP会员AE教程
飞特网 顶部通栏广告

AE打造手机音乐界面动效

令彬发布于:2015-10-20 17:00 |原作者: 快乐快乐|
令彬
天津市 东丽区 建筑/环艺设计师
发私信 + 关注
简介: 这期的讲解手机滑动屏幕的动画,你们脑洞大开一下哈!好了,话不多说,一起来学习吧!载)本来第二季打算制作一期我之前的motion动画的教程,但是思考了一下,还是算了,毕竟这个平台还是注重UI多一些,因此第二季制 ...

这期的讲解手机滑动屏幕的动画,你们脑洞大开一下哈!好了,话不多说,一起来学习吧!

载)

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

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

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

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

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

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

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

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

OK,我们开始。

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

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

(你需要点进最外层的合成,然后找到PHONE的合成,点进去才能找到)


1234下一页
31

好评
19

差评

刚表态过的朋友 (50 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

令彬
天津市 东丽区 建筑/环艺设计师
+关注 发私信
发表评论

最新评论

引用
六斤老大发布于:2017-1-15 09:39
这都一年过去了还没有下半段 亲 速度呀

引用
铭心91发布于:2016-9-22 11:38
期待下次的教程啊!!
引用
长泽雅美发布于:2015-12-8 02:39
酷炫
引用
wwtg_hx发布于:2015-11-28 14:11
厉害

查看全部评论(4)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计