首页 > 教程 > 关键词 > AE教程最新资讯 > 正文

ae教程!用ae制作动态UI第二番——翻转的3D字幕

2015-06-18 11:38 · 稿源:UI中国

本篇文章讲解3D翻转字幕,算是细节动画

开讲前,跟大家分享下我最近忽然领悟到的一些经验:

动态UI如果想抓住眼球,那么它就需要有趣,而让动态效果逼近现实是有趣的一种事半功倍的方式。

对的,简单来说就是你看到的动态效果能让你联想到现实的事物,你就会觉得有趣。并不是说UI的内容让你联想到现实,而是动态的方式让你联想到现实。

举个例子。看看下面的图

非常平常简单的移动动画,但是非常没有生气,没有节奏感,让人厌烦。

看看下面的对比。

这个有了节奏感,物体运行速度也是由快到慢,这种运行的形式让人联想到了现实中的阻力,物体运动因为阻力而速度减慢,最终到0,对比上个动画,他平添了一种真实感,引人联想,因此有趣。

再看下面的

这个类?我仿照真实物理系统的感觉制作的简单动画,这个小球让人联想到了皮球,很有趣啦~当然,没有哪个好哪个不好,只有具体情况和具体创意,不要千篇一律。

最后总结一句:让人联想的动效是好动效!你们自己体会,也可以看看别的作品参考参考~

OK言归正传,上篇文章讲了弹性按钮,这篇讲解3D翻转小字幕,能让人联想起小木块的翻转感觉。

首先添加字幕图层,打上你想做的字幕,然后转换为3D图层,如下图

接下来按下左视图按钮,这个步骤是关键步骤

按下后我们就什么都看不到了,那是因为我们是在左侧看的这个字幕,可以理解为字幕为一个片状的图层,我们在左侧看当然什么都看不到了,只有在正面和反面的时候才能看到,如下图

接下来,要调节字幕的定位点了,按下Y键切换定位点工具,然后把定位点沿着Z轴移动到如图所示的位置

然后切换回默认视图,这回试着调节X轴旋转,你如果发现字幕沿着新的定位点移动。那么证明你成功了,在这里我们设置X轴旋转的关键帧,首帧为0,过四帧后数值为-98 ,然后每隔4帧进行浮动,我的旋转数值设置为:0,-98,-84,-92,-89,-90可以直接吧数值套进去。

后面的步骤就相对简单了,涉及到的是绑定动画,我们再建立一个文字图层,依然转换成3D图层,然后放在上个文字图层翻转前的位置

然后绑定的时候到了,非常关键,我们把时间线移到第一个字母翻转的最后一帧,然后在这个时间点让第二个字幕去跟随第一个字幕

绑定成功,预览效果

我们会看到此时的动画在初始帧和翻转后上下有白色的边,这白边其实是翻转成90度的字幕,因此我们进行细节处理,在第一个字幕开始翻转前,第二个字幕不需要出现,而在第一个字幕翻转到90度左右的时候就可以消失了,因此做优化处理,如图

最后得到最终效果

联合昨天的内容放在一起看一下

OK,这一期相对简单一些,算是动画中的细节处理,一个比较有趣的动效,大家的学习也应该是由浅至深,自己有时间可以多做练习,比如用这样的方式去翻转UI试试~

网友热搜:

  • 相关推荐
  • 大家在看
  • 华为新专利:相机UI移到侧边屏幕

    DoNews 6月16日消息(记者 刘文轩)LetsGoDigital发现华为的一项侧边触摸UI设计专利,并且有望应用到预计今年推出的Mate 40系列中。华为在专利中描述了一种侧边屏幕的触控方案,涵盖调节参数设置的±、闪光灯、白平衡、翻转摄像头图标,以及一个虚拟快门按钮。另一套方案则是从参数设置±图标开始,之后分别是HDR、闪光灯、白平衡、PIC图库。其实华为已经为Mate 30带来侧边虚拟快门键,不方便点按屏幕正下方的快门键时,可以将手指

  • iOS 14、iPadOS新细节曝光:重新设计UI、优化手写功能

    明天凌晨开幕的WWDC开发者大会,iOS 14等一大波儿新系统可能并不是苹果的重点,而真正的是主角是基于ARM自研Mac处理器。据最新消息称,即便重点不在新系统上,但苹果依然为iOS 14准备了不少新

  • 震旦3D打印诚邀您参加TCT亚洲展

    作为3D打印行业风向标— 2020 年亚洲3D打印、增材制造展览会将于 7 月 8 日- 10 日和观众见面,震旦3D也将带来全新Stratasys彩色打印设备、电路板3D打印设备、桌面DLP3D打印设备、工业级桌面FDM设备。震旦3D展位:E6-F55本届展会将采用“线上实名登记”,现场“刷身份证入场”的形式。识别上方海报二维码,线上免费报名(截止日期 7 月 3 日周五)展会时间7 月 8 日星期三 09:00-17:007 月 9 日星期四 09:00-17:007 月 10 日星期五

  • 华为新专利泄密:新UI方案 为全触控屏手机准备?

    据LetsGoDigital最新透露消息看,华为最新申请的专利显示,他们正在打造一款更惊艳的新机,其可能正面全是屏幕。从专利图片上看,专利中华为新机正面有两个版本,一个是打孔屏用来安放前置摄像

  • 三星被发现在One UI中插入广告

    DoNews 6月9日消息(记者 刘文轩)一些中国手机厂商会在它们的定制版Android系统中插入广告,比如小米的MIUI就常常被用户吐槽为“ADUI”,不过一直以来,这种现象很少在国外手机厂商的设备中出现。然而三星最近也开始在韩国测试One UI的广告内容了。在三星官方论坛上,有用户抱怨手机内置的天气应用内出现一块面积不小的广告横幅。还有用户上传截图称,三星把广告投放到手机的锁屏画面中,用户需要等待15秒,广告才会结束播放,不?

  • 苹果宣布全新macOS Big Sur:近两年最大UI升级

    除了移动端最受关注的iOS 14、iPadOS 14,苹果还更新了桌面版的macOS操作系统,全新版本代号“Big Sur”(大瑟尔)。一如既往,这个代号也是风景地名,位于美国加利福尼亚州西部的优美

  • 以色列推出3D打印植物牛排,预计2021年上市

    外媒7 月 1 日报道称,以色列一家名为“重新定义肉类”的初创公司表示,他们希望在 2021 年推出3D打印牛排。公司在其网站上表示,他们将通过3D打印技术,创造出与动物肉一样的外观、质地和味道的植物性肉类。

  • 外媒:三星One UI 2.5截图泄露 看15秒广告才能解锁

    手机广告一直是人们所诟病的,虽然大部分手机厂商在手机中都会内置广告,但是基本上都可以手动关闭。而三星的一个新系统似乎显示了不一样的广告功能。6月8日,据notebookcheck消息,偶然发现了

  • 华为Mate 40 Pro曝光:或采用刘海屏 支持3D人脸识别

    从Mate 20系列开始,华为连续两代产品在Pro版本上采用刘海屏,并实现了支付级别的3D人脸识别。对于即将登场的Mate 40系列,华为似乎有意延续这一方案。7月1日消息,爆料人@RODENT950爆料,M

  • “3D快讯”百家号时尚领域排行,新作者选择哪个领域好?

    备注:本文数据来自站长之家移动传媒平台,文章涉及的数据依托平台大数据计算所得,非百度官方数据,仅供参考。3D快讯是当前百家号中的普通号,目前账号百家号权重为2,综合排名位列454834名,时尚分类排名位列16613名,领先了59.3%的百家号。 3D快讯百家号概况 3D快讯的简介为专注3D打印技术推广及应用。,是一家主旨明确、领域专注的自媒体作者,截止目前为止他们已经在百家号上发布了超过11篇的游戏内容,最近该作者创作的文章?

  • 基于3D扫描、机器人和物联技术的自动化逆向工程解决方案

    逆向工程技术(Reverse Engineering)作为工程师重要的研发工具,在近几年来变得越来越举足轻重。在非自动化的逆向工程流程中,工程师需要耗费大量人工重复劳动,并且需要具有相当多的专业知识。而已有的一些自动化的流程则通常价格高昂,或者技术还不足以满足工业化生产。德国柏林的弗劳恩霍夫协会(Fraunhofer)在自动化逆向工程解决方案的研究中,将不同技术整合到一系列MRO(维护,维修,操作)的生产流程中,来向工业界展示,

  • 科学家造出全球首个3D仿生眼:视觉和夜视能力甩人眼几条街

    不少科学家都在试图打造出能够媲美人眼的人工眼,而仿生眼正在成为一种让失去视力的人恢复视力的方法,甚至可能让那些本来就没有视力的人也能获得视力。现在世界上首个3D人工眼已经出现。据悉

  • 投影仪3d电影片源在哪看,当贝F1 媲美电影院,这才是正确观影方式

    众所周知,3D电影更加立体生动,相对比普通的高清电影更具有观赏性。那么如果家中的观影设备是投影仪,如何实现看3D电影呢?需要提前下载哪些观看3D电影app软件?家中的投影仪如果是不支持3D电影播放怎么办?教你一招,配合3D播放软件即可,轻轻松松在家投影仪看3D电影!一、投影仪无3D功能:3D眼镜+3D播播软件首先下载当贝市场安装到投影仪上,搜索3D播播软件,安装后找到3D影片资源,将无线鼠标和投影仪的USB接口连接,然后使用遥控器

  • 6982亿创新纪录!天猫618背后的技术创新:3D购、AR、小时达

    这场疫情之下规模最大、资源投入最多的天猫618,不仅是消费者最普惠的购物季,也是商家抹平疫情带来损失的“回血之战”。6月19日凌晨,天猫公布618累计下单金额达6982亿元,创下新的

  • 震撼来袭!TCT亚洲展先临三维子公司易加三维EP-M450金属3D打印机全球首发

    在 7 月 8 日- 10 日的TCT Asia亚洲3D打印、增材制造展上,易加三维大尺寸高质量金属增材制造系统EP-M450 即将全球首发,正式对外发布。在展会现场,来访者可以近距离体验EP-M450 在高品质、高性能金属件直接制造上的优异性能与稳定表现。(易加三维EP-M450 大尺寸金属增材制造设备)2016 年,由北京易加三维科技有限公司为承担单位的“大尺寸粉末床选区激光熔化增材制造工艺与装备研发”项目,获得了国家重点研发计划“增材制造与

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 魔点科技年度旗舰新品:魔点D3 有温度的理想办公 即刻开启

    作为魔点D系列的旗舰新品,魔点D3延续了D系列一贯的远距离、毫秒级精准辨认、活体识别、多人同时识别的智能人脸识别功能,算力性能较上一代产品都有全新突破,支持远程预定会议室、支持考勤高效录入及管理等应用。 这是魔点在门禁上的又一次全新探索和升级——进一步融合互联网,重新定义智能门禁。 01 极简外观之美 外观方面,魔点D3 采用无边框设计, 8 寸LCD光学全贴合高清触摸屏,温润可见,流畅常新,设备厚度仅 18 毫米,不

  • 马斯克小儿子出生证曝光:从火星文更名为X AE A-XII Musk

    Elon Musk(马斯克)不仅经常因为科技成就登上头条,作为硅谷钻石王老五的他,花边新闻也是是不是涌现。今年5月初,马斯克的小儿子、也是自己的第六个孩子出生,展现慈父一面的同时,马斯克为

  • ColorOS支持AI应用预启动:大幅提升应用启动效率 减少卡顿

    6月10日消息,OPPO介绍了ColorOS的一项新功能:AI应用预启动。官方介绍,ColorOS AI应用预启动让应用启动速度更快、更懂你。它基于AI模型,学习用户在晨起、午间、夜间、睡前时间段内的高频

  • 瑞幸咖啡宣布内部调查基本完成 瑞幸后续动态介绍

    瑞幸咖啡宣布内部调查基本完成是怎么回事?瑞幸咖啡于 7 月 1 日晚间发布公告,宣布内部调查基本完成,特别委员会发现交易造假始于 2019 年 4 月。瑞幸咖啡董事会决定要求陆正耀辞去董事和董事长职务。同时董事会解雇了前 CEO 钱治亚治亚和前 COO 刘剑,理由是他们参与了伪造交易。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天