AE教程!无插件制作手机界面3D动态展示

时间:2023-11-30
B站视频:av409054924
类别:AE教程
水平:入门
观众:7.9k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:磊土视界(授权转载)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑:@十豆

一、关于教程

欢迎来到磊土视界,今天分享在 AE 中不用任何插件,制做手机界面 3D 动态展示的方法,主要知识点有:3D渲染器设置 \ 父子级关系 \ 位置旋转属性。

二、关键步骤提示

详细操作请看文章开头的视频教程演示。

#01 前期准备

在PS中准备好设计好的图片,来到AE,把PS中的各个图层导入进来。设置合成设置,宽高,时长,3D渲染器改成C4D

选中属于机身上的图层,按住螺旋式的小图标,拖动指向机身,新建一个空对象,命名控制,调整位置和旋转,建立关键帧。

AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示

#02 动画制作

分别调整前后镜头和侧按键的位置、APP界面的位置属性、侧按键的大小和位置以及后面的镜头位置参数。手机在移动旋转的过程中,背景也在移动。调整背景位置属性参数,配合手机移动建立关键帧。

AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示

#03 如何让矩形变立体

在3D图层打开的前提下,在属性里会有突出深度选项。调整参数可以调整矩形厚度。还可以在矩形属性里添加各个面的属性,调整各个面的颜色。

AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示 AE教程!无插件制作手机界面3D动态展示

欢迎关注作者的微信公众号:「磊土视界」

AE教程!无插件制作手机界面3D动态展示

学完这篇教程的人还在学…

4 收藏 16

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片