动画教程分享:制作手机演示界面,让你的作品更炫酷

发布时间:2024-05-28 14:02:12 浏览量:142次

这是一篇非常适合新手设计师的动画教程,专门针对刚刚接触交互动画的小伙伴们。

教程效果

在进行课程之前,你需要准备一个经过Ae或者Principle制作好的视频文件,还有一个iPhone X的模型PSD源文件。

请注意:iPhone X文件至少需要两个图层:一个是iPhone X模型层,另一个是遮罩层。你可以将图层格式转化为智能对象。

教程开始

第一步:导入视频文件和iPhone X模型,记得选择“合成保持大小”,这样可以保持图层不被合并。

第二步:新建合成,根据需求设置合成的名称、大小、持续时间和背景色。

第三步:将准备好的两个文件拖入新的合成中,根据需要调整大小。

第四步:选中视频图层,使用效果-扭曲-边角定位效果,将四个角与屏幕四个角对齐。

小技巧:如果圆角对齐困难,可以让视频边与遮罩边平齐。

第五步方法一:将遮罩层移动到视频层的上方,点击TrkMat栏中的"Alpha遮罩蒙版",完美匹配!

小技巧:如果面板栏没有”TrkMat”,请检查左下角”转换控制”按钮是否点亮。

方法二(供知识点学习):选择视频层-右键-新建预合成-选择”将所有属性移动到新合成”。

使用钢笔工具绘制路径,完成蒙版,达到完美匹配效果。

知识点:通过路径绘制蒙版,可以更加方便地制作蒙版效果,让你的动画制作更自如。

蒙版路径:制作蒙版变化动画;蒙版羽化:虚化边缘,过渡更加自然;蒙版不透明度:调节蒙版的不透明度;蒙版扩展:放大缩小路径区域。

以上就是制作手机演示界面的教程内容,快来尝试吧!有关更多设计技巧和课程,请点击点击咨询

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定