飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

AE蒙版制作手机演示界面教程

太有才了发布于:2019-3-23 14:14 |原作者: UIDEKKO |来自:公众号:UIDEKKO
简介: 这篇教程要教飞特网的朋友们使用AE蒙版功能来制作手机演示UI界面效果,教程难度一般,属于基础入门级别的,但介于很多设计师朋友和我一样,做平面做了很多年,确不知道AE的强大功能,所以分享到飞特网的和大家一起学习下,学会的可以在飞特底部评论中提交作业哦! ... ...
飞特网赞助商广告

版权申明:本文出自“UIDEKKO”原创,感谢“UIDEKKO”的原创教程分享!

关于教程

这是一篇非常非常基础的动画教程,针对刚刚接触交互动画的设计师萌新们

教程效果

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

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

课前准备

你需要准备一个Ae或者principle制作好的视频文件

需要一个iPhone X mockup的PSD源文件

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

注意:iPhone X文件需要至少两个图层:一个iPhone X模型层,一个遮罩层(平时我们使用mockup时需要替换我们自己设计稿的那一层),图层格式可转成智能对象

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

教程开始

第一步

导入视频文件和iPhone X模型

注意:导入psd时需要选择合成保持大小选项,这样不会合并所以图层

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

第二步

新建合成,按照自己的需要设置合成的名称、大小、持续时间和背景色

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

第三步

把课前准备的两个文件拖到新的合成中,并根据需要调整大小

AE蒙版制作手机演示界面教程 飞特网 AE实例教程

123下一页
2

好评

差评

刚表态过的朋友 (2 人)

太有才了
北京市 西城区 室内设计师
+ 关注 私信
  • AE蒙版制作手机演示界面教程
  • C4D制作金属丝文字效果教程
  • C4D制作流动舞台效果教程
发表评论

最新评论(1)

回 复 1楼
Lee_82发布于:2019-3-23 19:51
用c4d的话,会觉得更简单。

查看全部评论(1)

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网