口袋知识

PA也能模仿搜狗搜索的炫丽头标图!

作者:口袋使者 2016-10-17 我要评论

2016年10月5日,为纪念乔布斯逝世五周年,搜狗搜索的头标图片变为了下面这张GIF,看起来很不错,于是就用PPT动手模仿了一张。 搜狗搜索原图 ▼ 小海子模仿图 ▼ ...

2016年10月5日,为纪念乔布斯逝世五周年,搜狗搜索的头标图片变为了下面这张GIF,看起来很不错,于是就用PPT动手模仿了一张。

 

搜狗搜索原图

 

 

 

小海子模仿图

 

下面讲解这张动图用PPT是如何制作的?在文章的末尾我会把PPT源文件下载方式留着供学习交流。

 

 

分析原始图片

 

  • 图片中的元素很简单,文字,圆圈,画像,logo;

  • 有点MBE风格;

  • 字体做了设计,加了修饰;

  • 有特色是的几个小圈加了动画;

  • ……

 

 

PPT编辑元素

 

首先,涉及的素材全部准备完成,需要一张头像(LOGO),需要插入形状椭圆和矩形,插入自己需要的文字。

 

然后,将涉及元素进行编排设计。圆形小圈和矩形是用来修饰的,文字笔画每交叉为“+”时,中心放置一个填充白色的圆形,两个字之间可根据实际情况用矩形或者曲线连接(如海子这两个字之间),同时小黄色的圆形放在竖笔画或横笔画的端点。总之,将修饰元素全部按照规律排列设计好。

 

设置动画

 

这张图其实是小圈的动画比较有趣,所以设置动画是一个重点,而动画的设置思路不一,也会决定设置的方法不一样,我介绍一个简单方法。

 

 

看这张动图的动画的特点:环绕圆形绕的动画(头像),圆圈动的路径有左右和上下,几个小圆圈同时在动,并重复再动,下面就一一讲解怎么实现?

 

一、环绕圆形绕的动画(头像)

选中需要动画的小圆圈,进行动画设计,将动画设置为其他路径中的圆形扩展,背景动画路径(虚线)调整和头像的弧度一致重合。

二、小圆圈左右上下移动的动画(以子字为例)

小圆圈左右上下移动,这里只讲左右移动的,上下移动类似的设置。

1).选中小黄色的圆圈,添加两个动画路径,先添加向左的,再添加向右的,设置时路径首末位置,不能超过文字”一“”顶端或者末端。

 

 

2).两个动画进行拼接,拼接是为了为后面的连贯的重复动画做准备,动画的拼接在这里推荐一个PPT动画的插件“口袋动画PA”。拼接动画的原理就将一个对象的所有动画合并为一个动画,具体操作:选中对象-打开PA插件-点击拼接动画。

 

 

三、所有小圆圈同时重复动画的设置

本步骤两个点重复动画和同时动画。重复动画设置方法:选中动画双击打开动画效果选项,点击计时-重复-直到幻灯片末尾。同时动画的设置方法:选中动画右键点击从上一项开始。

 

 

 

上面的步骤完成后,关于动画的节奏可以设置动画的持续时间来调节,当我们把PPT制作完成后,播放PPT就可以完整的实现动画,但是还需要将PPT转化为动图是如何完成的呢?很简单使用录屏GIF软件来制作动图,我这里推荐一款这样的软件ScreenToGif 十分好用。最后制作GIF图片只需将PPT放映,打开录屏CIF软件,生成动图。

 

 

长按二维码,据说只有1%的手机能识别

 

 

最后话

 

  • PPT的学习:首先在于动手实现,学教程不仅仅做到教程中的案例水平,还需要学会其中的本质方法,进行变式的训练。

  • 本教程福利:获取本教程PPT源文件回复“搜狗,获取录屏GIF软件ScreenToGif回复“STG

  • 其他交流请加我微信:hxh1506453191(我珍惜每一分缘,加我时留一备注)。

     


     

  • 欢迎各路PA爱好者投稿,投稿请后台留言。

  • 获取PA请访问口袋官网

http://www.papocket.com

 


阅读原文 本文来自:口袋知识网 news.papocket.com

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • PPT制作十步曲(内附100套PPT模板)

    PPT制作十步曲(内附100套PPT模板)

  • 实例解剖一个牛 B 的融资 PPT

    实例解剖一个牛 B 的融资 PPT

  • 如何在万千PPT模版中寻找适合你的模版

    如何在万千PPT模版中寻找适合你的模版

  • PPT史上最强图形库,你还没开始玩?

    PPT史上最强图形库,你还没开始玩?