PPT动画教程 (13):动态LOGO设计
2017-11-17 10:25 责任编辑:PPT模板收集者
我们在规划中承诺的关于信息图表的教程,今天终于正式推出了。同时启动的,还有交作业,送模板的互动。具体详情,请看今天推送下一篇:关注信息可视化,开启信息新视界。同时,这个动态LOGO的教程,也是我们专注信息
我们在规划中承诺的关于信息图表的教程,今天终于正式推出了。同时启动的,还有交作业,送ppt模板(www.pptjia.com)的互动。具体详情,请看今天推送下一篇:关注信息可视化,开启信息新视界。同时,这个动态LOGO的教程,也是我们专注信息可视化账号的的LOGO哦!更多PPT教程尽在PPT家园,快来关注吧。
今天的动态LOGO的设计,灵感来源于手游“节奏大师”的开场片头。然后,俺就飞快地动手仿制了一个。接着,就顺手写了这个3分钟的教程。

设计动态LOGO,其实最难的是动画的设计规划,好在我们有现成的模板,可以直接跳过这一步,进行到技术层面,来讨论怎么完成这样一个两秒的动画了。
这个动画里有两个关键点。
一个是小球的运行轨迹动作。关键是要做出符合物理规律的运动感。
二是几个文字的跳动出现的效果。关键是模仿弹簧压扁后又恢复的感觉。
下面就一步一步来实现这些效果吧。
首先搭建好框架,然后再慢慢琢磨细节。
第一步,画一个小圆,分别输入轻松学动画几个字,每个字一个单独的文本框。放置好LOGO和英文字母的位置。因为这里LOGO上的火焰部分我要单独动画,所以单独拆分为一个部分。

第二步,添加小球的运动轨迹。
选中小球以后,为小球添加从高处抛物线下落以及在每个字上面的弹跳轨迹。以及最后弧线绕到LOGO火焰部分的轨迹。

为了控制小球弹跳以及文字出现的时间关联效果,每次弹跳的弧形轨迹要分别添加。方法在动画菜单下【添加动画】-【动作路径】-【自定义路径】,分别绘制一条大抛物线,四条弧形轨迹以及最后一个上升的弧形轨迹。
运动轨迹有了,下面就是关键步骤一,为小球的设定符合物理效果运动效果。
第一个抛物线,回想一下中学物理,应该是从速度为零开始逐渐加速。所以,选中该轨迹,先将持续时间修改为0.25秒,打开效果设定,将平滑开始设置为0,平滑结束设置为0.25秒,这个意味着在这0.25秒内小球处于先慢后快的加速状态。

到了后面几个弧形的轨迹效果又不一样了。继续回忆中学物理。一个物体弹跳抛物线速度是一开始速度最大,随着高度增加,垂直速度逐渐减少为零,然后开始下降,到达地面时速度又恢复到初始速度。所以抛物线的运行速度是快—慢—快这样一个过程。所以我们先将第一个轨迹运行时间设置为0.2秒,平滑开始和平滑结束应该是这样的:

通过平滑开始和平滑结束的时间设置,我们就实现了符合重力学的运动效果。余下的3个弧形弹跳轨迹也同样设置。最后,再为小球向上的运动轨迹的同时添加一个渐变消失的效果。这时候动画窗格中的效果应该是这样的。

搞定了小球的弹跳运动,下面就是文字出现的弹簧效果了。以第一个字为例。首先添加【出现】的动画效果。然后添加弹簧形变效果。
一个固体如果压扁的话,会产生两个方向的变形。

一个是垂直方向的压缩,一个是水平方向的扩张。
而在动画效果的【强调】—【放大/缩小】中恰好可以在这两个维度上进行单独设置。
所以我们先为“轻”字添加水平方向的扩张和垂直方向的压缩,比例分别为120%和80%


在ppt模板(www.pptjia.com)压缩以后,字体会弹回原来的样子。这样就反过来,再为“轻”字添加垂直方向的扩张和水平方向的收缩。因为这个放大缩小的比例是在第一次压缩以后的大小基础上,所以要恢复原样,水平的收缩设定为75%,垂直方向设定为125%。这两个动画效果是同时的,因为变形时间很短,可以设定持续时间为0.1秒。这两个个恢复的效果作为一个同时的整体,紧随上一个压缩的后面。


现在把文字弹簧压缩的变形效果播放一下,已经出来了。然后用动画刷功能,在剩下的文字上面一个一个刷过去吧。

第三步,基础的动画设置完成了。下面要开始调节动画的顺序了。建议在动画窗格中选中所有的动画,将【开始】全部修改为“与上一动画同时”。
为何要这样设置呢?因为修改为与上一动画同时,我们可以通过延时设置来控制动画的开始时点而不受前后动画的影响。
其实动画的流程分两个部分。一个部分是小球依次从5个字“轻松学图表”上弹跳过去。另一个部分是“轻松学图表”5个字依次按小球弹跳的时点一弹簧变形的方式出现。两部分动画的时间轴是独立设置的。
所以第一文字“轻”与第一个弧形轨迹的关系式这样的:

换成文字描述,就是小球落到“轻”的位置时,“轻”字弹簧变形出现。这时候
要注意的是,小球第二个弹跳轨迹的是紧接在第二个弹跳轨迹之后,而不是在文字出现以后,所以,在“轻”字动画效果出现的时候,小球依然毫不停顿继续向下一个“松”字跳过去。第二个弹跳轨迹的延时时间应该是0.25秒。以此类推,将各个动画的时间点设置好。
最后为火焰添加缩放出现的效果即可。
如果感觉动画逻辑太复杂的话,可以点击最下方的【阅读原文】查看源文件。
回顾一下:
今天的动画虽然只有2秒,但是值得注意的问题不少。
首先要注意的是小球的弹跳要符合重力特征。
其次是几个文字弹簧出现的效果也要符合物理变形的特点。当然,如果还要进一步抠细节的话,我们还可以为小球添加弹跳时的压缩变形的效果。
但是越细致的动画就越容易出问题,特别是像这种有多不同时间轴的动画,一开始理清动画逻辑,然后利用【从上一项开始】和【延时】的组合,就可以轻松搞定。
更多免费精彩的PPT模板尽在PPT家园。
热门标签更多
相关推荐
-
融资ppt模板下载制作技巧,融资ppt模板下载大纲介绍
本文介绍了制作成功的融资PPT所需的技巧和一些流行的融资PPT模板,包括Pitch Deck、Investor Update和Business Plan等。阅读本文,从而学会如何向投资者展示您的项目,并获取投资。.........
2023-04-21
-
班主任年中工作总结ppt范文
班主任工作是一项繁琐的工作,我所面对的又是朝气蓬勃,有思想,有感情,自我表现欲强的六年级学生,所以一个学期下来给我最最强烈的体会是:班主任工作中既要有宏观的群体管理,又要有微观的个性发展;要有强烈的前瞻......
2021-04-13
-
时尚水彩团队介绍PPT模板
今天为大家介绍一款时尚水彩团队介绍PPT模板,有需要的可以来看看。更多下载请点击ppt家园。这是一款时尚的水彩风格团队介绍PPT模板,适用于企业商务类ppt模板制作。下载地址:时尚水彩团队介绍PPT模板小编推荐:专业......
2019-09-25
-
设计师竞聘ppt模板制作技巧,设计师竞聘ppt模板大纲介绍
本文介绍了设计师竞聘PPT模板的特点、制作技巧和配色方案,旨在帮助设计师打造具有个性和专业性的演示工具。.........
2023-05-19
-
教学设计ppt模板制作技巧,教学设计ppt模板大纲介绍
本文介绍了制作优秀的教学设计PPT模板的技巧,包括精简内容、明确主题、使用动画、选择合适的字体和设计布局等方面,并提供了一份典型的教学设计PPT模板大纲示例。.........
2023-05-01
-
ppt优秀模板制作技巧,ppt优秀模板大纲介绍
本文介绍了制作PPT模板的技巧,包括确定品牌风格、选择合适的背景、设计幻灯片布局、使用合适的字体和注意色彩搭配。同时也提供了一个优秀PPT模板需要具备的部分,如封面、目录页、介绍性幻灯片、正文幻灯片、结束语和联系方式等。.........
2023-05-19
-
蓝色简约世界读书日读书报告ppt模板下载推荐
PPT家园小编今天为大家推荐一款蓝色简约世界读书日读书报告ppt模板。这也是很多用户下载使用的一款热门PPT模板。一、蓝色简约世界读书日读书报告ppt模板介绍:这是一个世界读书日读书报告的ppt模板,主要介绍了作者简......
2024-04-15
-
ppt图文设计制作技巧,ppt图文设计大纲介绍
本文介绍了PPT图文设计制作的技巧和大纲步骤。从色彩搭配、字体选择、图片使用、排版布局等方面讲解了PPT图文设计的制作技巧,同时介绍了主题确定、内容整理、设计元素添加、样式统一等步骤,希望能够为读者提供帮助。.........
2023-05-04
-
汇报PPT模板高级制作技巧,汇报PPT模板高级大纲介绍
本文介绍了PPT模板的高级制作技巧,包括选择合适的色彩方案、设计独特的图表和图像、使用动画效果以及保持版式的一致性等。同时还提供了一份高级PPT模板的大纲介绍,包括封面、公司介绍、问题陈述、解决方案和结束语。.........
2023-04-29
-
卡通手绘地球一小时主题活动宣传文案ppt模板下载推荐
PPT家园小编今天为大家推荐一款卡通手绘地球一小时主题活动宣传文案ppt模板。这也是很多用户下载使用的一款热门PPT模板。一、卡通手绘地球一小时主题活动宣传文案ppt模板介绍:PPT家园为您提供卡通手绘地球一小时主题......
2023-03-24