如何跟UI动效学PPT动画制作

时间:2023-07-13 00:12:47 

我们在使用手机时,经常会看到各种动效,比如下面这样(图片来自网络)

如何跟UI动效学PPT动画制作

上图是一个在通讯录中搜寻好友的操作,其中每一步都伴随着相应的动画效果,这就是UI里的动效,也称UE。

以上图为例,如何把其中的效果“移植”到PPT当中去呢?

花道先试了一下logo动画,

模仿一:

如何跟UI动效学PPT动画制作

模仿二:

如何跟UI动效学PPT动画制作

然后又试了一下目录动画,

模仿三:

如何跟UI动效学PPT动画制作


接下来就讲一下“模仿一”和“模仿三”在PPT中是如何制作的。(“模仿二”中的部分效果涉及到PA的使用,这里先不讲了,留在源文件里,大家先用着)

1. “模仿一”

(1):打造场景——搜索框

首先把PPT的页面背景设为蓝色(颜色可自行修改),然后插入一个圆角矩形,一个文本框(写上相应的网址),一个放大镜图标,并且把三者按如下的位置摆放。

如何跟UI动效学PPT动画制作

(2):放置LOGO

把刚才的页面复制出一份,

如何跟UI动效学PPT动画制作

然后在复制出的页面里,把LOGO和对应的文本按下图摆放

如何跟UI动效学PPT动画制作

接着在放大镜周围插入一个圆形轮廓,待会用来模拟点击的动效。

如何跟UI动效学PPT动画制作

(3):添加动画——请看下方视频。

 


2. “模仿三”

(1):创建目录。

插入一个矩形和一个文本(目录),然后将二者组合,

如何跟UI动效学PPT动画制作

(2):创建内容。

将刚才的组合复制出4份,并且改变文本内容,矩形的填充颜色以及二者的大小,然后对齐摆放。

如何跟UI动效学PPT动画制作

(3):添加动画——见上面视频(为了方便,两个合到一起了)。


当然,在模仿UI里的动效时,不是说一定要一模一样,有些效果在PPT中难以实现,完全可以采取其他的的动画替代,或者干脆省略掉,保证流畅即可,关键是学习一种思路。

比如下面这个UI动效(图片来自网络),

如何跟UI动效学PPT动画制作

开头圆形变成正方形的效果有些头晕,不如直接从正方形开始,辅以“陀螺旋”和“轮子进入”动画模仿其进入效果,其他的效果用PPT中相似的动画替代,可以很快在PPT中实现。

花道又试了一下(见源文件吧,开不开心),

如何跟UI动效学PPT动画制作


有趣的UI动效多得是,这里也只是给大家提供一种思路。

标签:UI动效,PPT动画制作
0
投稿

猜你喜欢

  • Win10联想笔记本禁用集成显卡教程

    2022-01-28 13:44:40
  • win10开机后显示器黑屏是什么原因_win10显示器黑屏不亮的解决办法

    2022-12-18 21:52:48
  • word如何添加和删除水印

    2022-09-06 20:31:37
  • 如何利用excel进行数据分析的教程

    2023-01-01 21:18:51
  • 如何在Excel中制作多联画效果? Excel2019制作多栏画效果教程

    2023-07-23 22:48:45
  • 共享 Apple ID 怕泄露个人信息?下载软件别登错地方

    2023-02-16 10:02:46
  • Win7键盘鼠标没有电源管理无法允许唤醒怎么办

    2023-02-05 18:40:25
  • Win10专业版如何快速找到音频面板驱动的位置

    2023-05-01 15:36:28
  • miui12视频工具箱怎么用_miui12视频工具箱使用方法

    2022-06-29 15:25:20
  • wps2013行距怎么设置

    2023-05-23 07:38:26
  • 小智桌面的分区无法展开要怎么办?

    2023-10-25 18:00:51
  • Mac自带的照片功能怎从iPhone手机导入导出图片?

    2022-06-27 05:45:52
  • Win10系统总是自动生成Sandbox的文件夹的解决方法

    2023-09-08 03:20:15
  • 添加动画效果在WPS演示中制作生动的课件

    2023-06-14 21:14:36
  • WPS 如何让多个Excel工作表并排显示

    2022-09-28 12:21:31
  • Win10 v1809已在预览通道完成对任务管理器CPU占用率不准的修复

    2022-08-11 13:35:59
  • win10预览版10049虚拟机无法正常运行的原因以及解决方法

    2022-03-10 20:30:10
  • 彻底根除“无法安装64位版本的Office,因为在您的PC上找到了以下32位程序:”的问题

    2023-11-05 22:50:36
  • WPS文字办公—如何插入项目符号来标记段落让段落更醒目

    2022-08-06 17:12:49
  • 同一网络段中,ARP协议的工作过程

    2022-02-07 02:48:53
  • asp之家 电脑教程 m.aspxhome.com