找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 3499|回复: 8

[动画解析] 动画解析之旋转的图片

[复制链接]

27

主题

242

帖子

3695

锐币

积分
1472
xiliuiori大众评委 发表于 2017-3-18 15:57:37 | 显示全部楼层 |阅读模式
本帖最后由 xiliuiori 于 2017-3-18 15:56 编辑

上案例!

1.gif

如大家所见,示例中是一张绕 Y 轴旋转的图片。


图片9.jpg

下面就说一下,如何在PPT中完成上例中的效果。


分析:

一、准备素材

图片2.jpg

1. 将幻灯片背景设为黑色

2. 画出竖直的线段,将其边框填充为红色

3. 找一张图片(不要涉及版权),旋转一定角度,使其对角两个顶点(A点,B点)都落在竖直的红线上。

图片3.jpg

具体操作:

(1)可以先把图片的中心点调到B点(参照上篇  改变对象的中心点方法一),然后将B点移动到红线上,再旋转图片,使得A点也落在红线上,最后让中心点还原。

(2) 也可以先计算出图片需要旋转的角度(如下图,w为图片的宽,h为图片的高,pi为圆周率),再对图片的旋转角度进行设置,最后与红线对齐。

图片4.jpg

4. 选中调整好的图片,复制出一张,格式——翻转——水平翻转,将其也与红线对齐。

图片5.jpg

Ok,素材全都准备好了,接下来看一下动画效果的制作。


二、动画分解

背景:黑色,无动画。

红色直线:动画开头,缩放进入;动画末尾,缩放退出。两个过程均伴有亮斑。

两张图片:动画过程,高度不变,宽度改变。


三、具体实现(所有动画开始方式均为:与上一动画同时)

1. 首先为直线添加开始时的动画

图片6.jpg

效果如下:

2.gif

2. 接着给两张图片分别添加如下的动画

图片7.jpg

效果如下:

3.gif

3. 最后再给红线添加消失时的动画

图片8.jpg

效果如下:

4.gif

完成!


但是如果想做成如下的循环动画

6.gif

只靠PPT中的自定义动画是不够的。那怎么办呢,且听下回分解!哈哈(扔烂菜叶子!扔垃圾!……砸他!就不扫你的二维码!)

客观息怒,请笑纳源文件: 7.pptx (2.25 MB, 下载次数: 38)

评分

1

查看全部评分

[发帖际遇]: 一个袋子砸在了 xiliuiori 头上,xiliuiori 赚了 4 元 锐币. 幸运榜 / 衰神榜

本帖被以下淘专辑推荐:

回复

使用道具 举报

0

主题

2836

帖子

9219

锐币

积分
14329
梦回琅琊 发表于 2017-3-18 16:55:38 | 显示全部楼层
谢谢分享
回复

使用道具 举报

普通卖家

2406

主题

4789

帖子

26万

锐币

积分
36811
rapidppt卖家认证 微竞赛 发表于 2017-3-18 23:43:55 | 显示全部楼层
很用心的教程,顶一下
锐普PPT-专注高端PPT设计! http://www.rapidppt.com
回复 支持 反对

使用道具 举报

61

主题

774

帖子

1万

锐币

积分
4163
QQ
mllm 发表于 2017-3-19 11:56:57 | 显示全部楼层
熟知动画规律,赞一个!想偷懒的话可以借助PA插件,修改“旋转”的退出动画得到这一效果。
[发帖际遇]: mllm 乐于助人,奖励 15 元 锐币. 幸运榜 / 衰神榜
回复 支持 反对

使用道具 举报

1

主题

37

帖子

752

锐币

积分
195
破晓SHOW 发表于 2017-3-20 12:46:01 | 显示全部楼层
赞👍
回复 支持 反对

使用道具 举报

77

主题

4071

帖子

204万

锐币

积分
21623

灌水精英勋章守卫精英勋章致富精英勋章推广精英勋章智慧精英勋章优秀会员勋章2015奉献楷模勋章

goblin123dan大众评委 发表于 2017-3-20 14:23:46 | 显示全部楼层
前排支持~ 期待更多的好作品~
回复 支持 反对

使用道具 举报

0

主题

155

帖子

873

锐币

积分
839
cynthia-hu2008 发表于 2017-4-27 18:45:41 | 显示全部楼层
收下,尝试了
回复 支持 反对

使用道具 举报

0

主题

12

帖子

282

锐币

积分
68
左轮X 发表于 2019-1-14 11:14:24 | 显示全部楼层
试试先
回复

使用道具 举报

1

主题

698

帖子

2582

锐币

积分
3570
lly2190 发表于 2019-4-12 02:05:17 | 显示全部楼层
谢谢,又酷又实用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表