PPT动画教程 (13):动态LOGO设计
2017-11-17 10:26 责任编辑: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的制作技巧和大纲内容,包括布局设计、信息量控制、使用图片和图表、简短扼要的标题等方面。同时,还提供了一份详细的大纲介绍,包含题目介绍、研究内容、研究成果、讨论与分析、结论与展望等几个部分。.........
2023-05-07
-
月度工作总结ppt范文制作技巧,月度工作总结ppt范文大纲介绍
本文介绍了制作一份出色的月度工作总结PPT的技巧,同时给出了一个月度工作总结PPT范文大纲,帮助您更好地展示成果和数据。.........
2023-05-07
-
蓝白云朵边简约个人年终工作总结新年计划汇报ppt模板下载推荐
蓝白云朵边简约个人年终工作总结新年计划汇报ppt模板是一款工作总结的热门PPT模板,深受ppt家园用户好评,欢迎大家下载使用。一、蓝白云朵边简约个人年终工作总结新年计划汇报ppt模板介绍:PPT家园为您提供蓝白云朵边......
2023-03-27
-
三八妇女节ppt制作技巧,三八妇女节ppt大纲介绍
本文介绍了制作三八妇女节PPT的技巧,以及PPT大纲的内容介绍。通过这些信息,可以更好地了解三八妇女节的历史渊源、女性权益现状、妇女在各领域的贡献,以及不同国家和地区庆祝三八妇女节的方式。.........
2023-04-29
-
信息设计ppt制作技巧,信息设计ppt大纲介绍
本文将介绍如何制作具有良好信息设计的PPT,重点讨论了配色方案、字体、幻灯片布局、多媒体元素等制作技巧,并提供了信息设计PPT的大纲介绍。.........
2023-05-02
-
家风ppt模板下载制作技巧,家风ppt模板下载大纲介绍
本文介绍了如何制作家风PPT模板以及家风PPT模板的大纲内容,包括家族起源、家族文化、家族成员、家庭生活和家族未来等部分。.........
2023-04-18
-
设计汇报ppt模板制作技巧,设计汇报ppt模板大纲介绍
本文介绍设计汇报PPT模板的制作技巧和大纲,包括选择合适的主题、保持一致性、使用高质量的图片和图标、考虑视觉效果等方面。.........
2023-05-02
-
英语教学课件ppt模板免费制作技巧,英语教学课件ppt模板免费大纲介绍
本文分享了制作优秀英语教学课件PPT模板的技巧和注意事项,并提供一份基本的大纲模板,方便老师们快速制作高质量的教学课件。.........
2023-05-12
-
产品造型设计ppt制作技巧,产品造型设计ppt大纲介绍
本文介绍了制作产品造型设计PPT时的关键技巧,包括选择合适的字体和颜色、使用高质量的图片和视频、制作简洁但有效的幻灯片、借鉴其他优秀演示文稿的设计等。同时提供了针对产品造型设计的演示文稿大纲。.........
2023-05-04
-
中国风简约ppt模板制作技巧,中国风简约ppt模板大纲介绍
本文介绍了制作中国风简约PPT模板的技巧,包括色彩搭配、字体选用、图片处理和布局设计。同时也提供了中国风简约PPT模板的大纲介绍,包括封面、目录页、正文和结束语等。.........
2023-04-20