今天想和大家分享的是一个Windows hello的动画,也就是这个笑脸的效果。

当时是因为一个小伙伴在交流群里问了一下这个效果是怎么制作的,我觉得还挺有意思的,就觉得复刻一下,顺便出一期教程来讲讲其中的一些小细节~

首先我们来看一下这个复刻出来之后的样子,对比一下~

确实还差那么点意思,比如原版有个先逆时针再顺时针的动画细节以及一些加速度的效果我就没有复刻到位~

这个动画看起来很简单,但其实也有几个小难点——

一个就是这个动画的静态就比较难绘制了,因为这个眉毛和嘴巴的形状PPT里是不自带的。

第二个就是这个眨眼wink的动画,很多小伙伴没有思路。

但是要相信PPT,只要愿意思考,一般都是有解决办法的。

首先呢是静态的绘制:元素非常简单,一个眉毛和一个眼睛,然后眉毛倒过来就变成了嘴巴,而眼睛就从一个分裂成了两个(有点恐怖是怎么回事)

眉毛之前说了,因为PPT没有自带的圆头圆弧,那我们就想想办法。这里给大家两个思路,分别是用线条和用图形

首先是简单一点的——用线条

我们在插入图形的列表中选择“弧形”这个线条,很多小伙伴不知道怎么使用,这里大家直接看动图吧~这样更直观

把圆弧的角度调整合适,接下来就是**“线变面”**。在形状格式选择中我们可以更改线条的粗细,当线条足够粗的时候他就变成一个面啦,但是如何做到线条的两端是圆形呢?

其实很简单。我们找到“线端类型”,下拉选择圆形,这个时候线条的两端就从平角变成了圆形了!

那么第二个方法就是插入一个圆弧面,然后在弧末尾的地方加上两个圆形。但他的缺点就在于这个圆形的半径和位置不太好设置,得自己用眼睛去对齐。因此更推荐第一种方法。

然后就是动画,眉毛变嘴巴的动画我就不介绍了~就是一个简单的旋转,那么这里主要介绍眼睛分裂和眨眼的动画。

眼睛的分裂我们只需要注意,其实在第一张的幻灯片上叠加两个一样的圆形就可以了,然后用平滑切换也好,用动画窗格来做也行。

关于眨眼的动画。这里一样提供两个思路——分别是针对有平滑功能和没有平滑功能的小伙伴。

首先也是静态的制作。这个眼睛闭上之后也是一个圆角的线,但是因为需要形变的原因,这里我们就选择面更好了。在插入中有一个圆角矩形的形状,我们插入后除了可以调整大小之外还可以调整圆角弧度

但是如果我们把圆角的弧度拉到最大,那么这个时候圆角矩形的圆角就变成了一个半圆,如果我们把整个形状的比例设置成1:1,那么这个时候看起来就是一个正圆了。

到此为止大家应该能明白方法了。如果你是高版本的PPT,拥有平滑的功能,那么这个动画非常好办,只需要一页是圆形,一页是半圆矩形就可以了,中间给他添加上平滑的补间动画就能实现。

但是他也有一个问题,就是动画算法不太精确,中途可能会有撕裂情况,那这里用动画窗格来制作就会更好一些,但这样更加麻烦。

用动画窗格我们就多需要两个圆形,分别作为眯眯眼的两端,而中间使用一个正常的直角矩形就OK了

动画原理就是两边的圆形向两端移动的同时缩小,并且中间的矩形也要一样的缩放,这个我们在动画窗格中选择“与上一项同时进行”就可以了。

但是这里要注意的问题就是缩放的比例,PPT在缩放的时候并不是只能等比例缩放,你可以单独设置横向和纵向的缩放比例。

但是因为只能输入数字,你并不知道有没有真正对齐,因此这个数字得自己一点点去调试,这也是比较麻烦的地方。因此更加推荐用平滑的方法去做。

设计-来做一个Windows hello的小动画相关推荐

  1. python实现动态壁纸_流弊了!竟然用Python做一个炫酷的小姐姐动态壁纸

    原标题:流弊了!竟然用Python做一个炫酷的小姐姐动态壁纸 公众号关注 " 菜鸟学Python" 设为 "星标",每天带你玩转Python! (女神IU,图片 ...

  2. 做一个很难的小程序是怎样的体验(一)

    "小程序能做什么样的产品?" 这可能是我被问到最多的关于小程序的问题.通常我会说:理论上,小程序能力还挺完整的,大部分 Web 可以做的产品,都可以落地. 但理论终归是理论,唯有实 ...

  3. 用pygame做一个简单的python小游戏---生命游戏

    用pygame做一个简单的python小游戏-生命游戏 生命游戏(Game of Life) 生命游戏(Game of Life)是剑桥大学约翰·何顿·康威(John Horton Conway)教授 ...

  4. java中用swing做一个windows计算器

    java中用swing做一个windows计算器 主函数 普通计数器 科学计算器 注意: 前言: 来看这篇教程估计都是java课程设计吧,现在已经没有公司很少使用swing组件了,java主要还是开发 ...

  5. 用pygame做一个简单的python小游戏---贪吃蛇

    用pygame做一个简单的python小游戏-贪吃蛇 贪吃蛇游戏博客链接:(方法一样,语言不一样) c++贪吃蛇:https://blog.csdn.net/weixin_46791942/artic ...

  6. 用pygame做一个简单的python小游戏---七彩同心圆

    用pygame做一个简单的python小游戏-七彩同心圆 这个小游戏原是我同学python课的课后作业,并不是很难,就简单实现了一下,顺便加强一下pygame库的学习. 玩法:每次点击鼠标时,会以鼠标 ...

  7. python七彩同心圆_用pygame做一个简单的python小游戏---七彩同心圆

    用pygame做一个简单的python小游戏---七彩同心圆 用pygame做一个简单的python小游戏-七彩同心圆 这个小游戏原是我同学python课的课后作业,并不是很难,就简单实现了一下,顺便 ...

  8. 做一个简单的java小游戏--单机版五子棋

    做一个简单的java小游戏–单机版五子棋 学了java有一段时间了,今天就来搞一个简单的单机版五子棋游戏. 实现功能:那必须能进行基础的输赢判断.还有重新开始的功能,悔棋的功能,先手设置的功能和退出的 ...

  9. 手把手教你做一个Java贪吃蛇小游戏

    大家好,我是孙不坚1208,这篇博客给大家分享一下:如何做一个贪吃蛇小游戏(Java版)的exe应用程序,希望能给需要帮助的朋友带来方便. 手把手教你做一个Java贪吃蛇小游戏的exe应用程序 一.J ...

最新文章

  1. 关闭线程池 shutdown 和 shutdownNow 的区别
  2. 行列式计算的两种方法
  3. 关于 Notepad++ 崩溃之后正在编辑文件内容被清空的致命问题的补救措施
  4. python numpy np.argsort()(返回将对数组进行排序的索引)(不懂区别?)
  5. Java实现第二次登陆强制下线_Android登陆页面记住密码以及强制下线功能的实现...
  6. windows下基于IIS配置ssl证书
  7. mybatis学习笔记-03-CRUD操作
  8. [转载] python 去除字符串的标点符号 用_Python成为专业人士笔记–String字符串方法
  9. [置顶] 【cocos2d-x入门实战】微信飞机大战之六:子弹层的处理
  10. android自定义剪切板,Android10适配之剪切板
  11. python乒乓球比赛规则介绍_乒乓球比赛规则及赛制
  12. RxSwift学习(三)— Observer、Binder、Subjects、BehaviorRelay
  13. 300色 柔和色彩渐变色卡(十六进制)
  14. 3D图像重建中的颜色预测误差研究
  15. Deepin UOS 20安装(附带镜像文件)
  16. 好消息,个人也可以申请支付宝支付了
  17. 无服务计算的未来和挑战: A Berkeley View on Serverless Computing
  18. 《Edge Boxes: Locating Object Proposals from Edges》读后感~
  19. 计算机房灭火器如何配置,数据中心主机房二氧化碳灭火器选型、计算和配置实例-20210407042437.pdf-原创力文档...
  20. 腾讯伪原创视频需要改什么好处

热门文章

  1. (二)java生成随机数工具类RandomUtils详解
  2. Java小程序:模拟双色球开奖
  3. 【Unity】Unity 跨平台及编译过程
  4. sqlmap常见提示
  5. 赢在 Apache - 创客法则
  6. rk3399 rkmpp 在ffmpeg上实现硬编解码
  7. Redis为何那么快-----底层原理浅析
  8. operator部署redis集群
  9. 苹果发邀请函,月底或发新iPad;iPhone XR今日开启预购;阿里发布分布式语音交互解决方案 | 雷锋早报...
  10. 【操作word】Java + POI导出富文本的内容到word文档