html靶心制作,如何利用PPT制作正中靶心小动画 实例教程

用PPT做了个射靶的小动画,如下所示,

e39334de9c5d2458d4ceaa9d2bb16fdd.png

本篇我们来讲解用PPT绘制动画中的素材——标和靶,下篇会讲解如何制作该动画。

1. 首先我们来画一个靶。

b358c6a0e38f5714e338f5f69ed60de9.png

当然,我们可以依次点击“插入”——“形状”——“椭圆”,插入几个圆形,

9a702f6d5f5e6b9bfe669afde6529367.png

然后调整一下颜色和大小,居中对齐就可以了,

8b4f4e78ee9a4a18b1911db4b43c1f5b.png

但是这样做起来比较繁琐,这里推荐使用“口袋动画”,可以快速完成,方法如下:

首先插入一个大圆和一个小圆(为了清楚起见,我用了不同颜色),居中对齐,

deeb0ca35f401637d3b28093ee3c345c.png

选中大圆和小圆,然后依次点击“口袋动画”——“平滑动画”,

9e461eb98b0d9143143d2dddf261ed2c.png

将“补间帧数”设为“5”个(可适当修改),将“支持动画”前的对号去掉,然后点击“创建平滑补间”,

8f06baa7e07f126d8a9d08f913e3807b.png

效果如下,

bc59f9d3ccdc23a7825b9fad5bbea61f.png

然后我们将椭圆的颜色改成自己想要的就可以了。

e648134b30c7d1ace34cc2b35513656b.png

由此可见,用“口袋动画”可以极大提高制作效率。

2. 接下来我们来绘制一个简单的飞镖。

首先依次点击“插入”——“形状”——“直线箭头”,插入一个箭头,

cc4349562c55d9f5ae9bb8028ac796a5.png

选中箭头,右击——设置形状格式,调整一下箭头的颜色和宽度,

4d6d42346be449f6f9f888cd2b9ead26.png

效果如下,

7a5739a1933d52feddbb62511097a8a4.png

然后依次点击“插入”——“形状”——“平行四边形”,选中平行四边形,调整黄色“控点”改变倾斜度,接着调整颜色,大小和角度,并复制出一个,

5c5d0398131c3b07198a4235f1a42073.png

选中副本,依次点击“格式”——“旋转”——“水平翻转”,

403bafd3a5b4f3c8648f09bfb052958a.png

效果如下,

f8f440bf3de1a03634dfaecc9c5b8251.png

最后将两个平行四边形放在直线箭头的末尾,调整大小,并将三者组合即可。

638ad1526872e93956343b3d87aec9d4.png

我们讲解了如何在PPT中如何绘制简单的标和靶,

712720ef44524e8a0212c9304b9cbad5.png

本篇来讲动画的制作。

7197f47b97c936557d23b21ccbb3ef42.png

1. 首先我们来看一下圆形的动画。

选中所有的圆形,依次点击“动画”——“添加动画”——“更多进入效果”——“基本缩放”,

e157ac9f5246bbcb7a6d1eaa656c6a40.png

来看一下效果,

757085f369c9e2b4fdea899f31e150a0.png

此时多个圆形同时出现,而我们想让圆形依次出现。

依次点击“动画”——“动画窗格”,

5b0589740f735e79108b6b66025934db.png

然后在“动画窗格”中调整动画的“延迟”依次递增“0.1s”,

20091987537a9266e94a3cf4ab80d8d4.png

再来看一下效果,

755724dc9844433e7b497b81736cf2c3.png

OK,完成。

2. 下面来看箭头的动画。

将箭头旋转一定的角度,然后放在标靶的合适位置,

bc3c760a02bea356aa5ad4cb343688ad.png

注意到箭头在射到靶上后由一个“震颤”的动画,

fd6f2a5034626e994b4d74d56da1cecd.png

也就是绕着箭头的“尖儿”来回“旋转”了几下,

9ab4e93e51abb0b9aa04073272d07e02.png

因此在对箭头添加动画之前,我们将他的“旋转点”由默认的中心改到“尖儿”上,

14c0a4e8f128bd172a646e35fb4f36b3.png

采用的方法与《用PPT制作灯笼摇摆动画(二)》中的雷同——组合法。

将箭头复制出一份,并将副本水平翻转、垂直翻转,然后把二者的“尖儿”对齐,

cde02b042951b16612720776e4a62482.png

选中两个箭头,右击——组合,然后将左边的箭头设置为“无色”,即填充和边框颜色都设置为“无”,

2b0276ee1dfba2044a1814f1d038b139.png

由此可见,复制出来的箭头在这里只是用来给原来的箭头“扩充”大小,起到了一个“障眼法”的作用。

ac2599a353ae76596babc8716a9882a8.png

当然,这里也可以使用矩形来代替复制出的“箭头”,效果是相同的。

下面来添加动画。

2.1 首先是箭头飞进来的动画。

选中箭头(其实现在是一个“组合”),依次点击“动画”选项卡——“添加动画”——“出现”,

6ae6d2e83d72aa7f045e376e58185926.png

将“开始方式”设为“上一动画之后”,

5ba66b25627c313fb57e347d75513af6.png

然后再选中箭头,依次点击“动画”选项卡——“添加动画”——“直线路径”,

cc97ac760691691621f6f1c1c0962dbb.png

拖动“直线动画路径”的末端,使得路径方向与箭头方向一致,并使末端落在页面之外,并在“效果选项”里将“翻转路径方向”选上,具体操作见下面动图,

b336dc2f172dddb13d3ba558131c637b.png

将“开始方式”设为“与上一动画同时”,持续时间设为“0.3s”,

696aacfcf8bc8453f9cf11319b5638ff.png

在“动画窗格”中双击“直线路径动画”,将“平滑开始”设为最大,

da02118be005cbb8315c0f3fc11434e8.png

来看一下此时的效果,

73f8eba4df0b6e3c64791b08694829de.png

2.2 下面来制作“震颤”效果。

选中箭头,依次点击“动画”选项卡——“添加动画”——“陀螺旋”,

b1a3bcb78e5f4324fea5b654a831a490.png

将“开始方式”设为“上一动画之后”,持续时间设为“0.1s”,

0c9eb71740d89856edfea79148e3e228.png

在“动画窗格”中双击该动画,将“数量”设为“5°顺时针”,将“平滑结束”设为最大,并将“自动翻转”勾上,

fcfc4f7f3883e2095f266d509e973964.png

来看一下此时的效果,

b204c132fe1a82f48664592931258d00.png

可以看到,此时箭头做了一次“震颤”。

为了更逼真一些,我们按照刚才的步骤再添加两个“陀螺旋”动画,时间和数量分别为:

0.08s,3°逆时针;0.01s,1°顺时针,

其余设置完全相同。

4c2bc66ef623065a37ff916b299ccf63.png

也就是说,第二次逆时针旋转3°并返回原来的位置,然后第三次顺时针旋转1°并返回原来的位置,幅度越来越小,这样便有了一种震动减缓的感觉。

来看一下此时的效果,

ab86dc0f64397dae72d472e758052ac9.png

大功告成!本篇结束。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值