【向天歌】动画教程——你若盛开,蝴蝶自来

【向天歌】动画教程——你若盛开,蝴蝶自来_第1张图片

今天咱们来做一个

“你若盛开,蝴蝶自来”

以下是动画效果展示


首先我们找到一张背景透明的蝴蝶图片

【向天歌】动画教程——你若盛开,蝴蝶自来_第2张图片

将蝶身与两只翅膀用“编辑定点”与“布尔运算”拆分成三个部分。

【向天歌】动画教程——你若盛开,蝴蝶自来_第3张图片

操作:

1.【插入】>【形状】>【任意多边形】,绘制出两个形状分别将翅膀覆盖

【向天歌】动画教程——你若盛开,蝴蝶自来_第4张图片

2.选中图形>单击右键>【设置形状格式】>设置透明度,以便我们能看得清覆盖的区域

【向天歌】动画教程——你若盛开,蝴蝶自来_第5张图片

3.选中图形>单击右键>【编辑定点】,使图形的边缘与蝶身相吻合

【向天歌】动画教程——你若盛开,蝴蝶自来_第6张图片

4.先选中蝴蝶,摁住shift键,再同时选中两个图形>【格式】>【合并形状】>【拆分】>删去多余的部分

【向天歌】动画教程——你若盛开,蝴蝶自来_第7张图片
【向天歌】动画教程——你若盛开,蝴蝶自来_第8张图片

5.裁剪蝶身多余部分。

【向天歌】动画教程——你若盛开,蝴蝶自来_第9张图片

操作:

选中蝶身>剪切( ctrl+x )>粘贴( ctrl+v )成图片格式>选中蝶身>【格式】>【裁剪

【向天歌】动画教程——你若盛开,蝴蝶自来_第10张图片

6.选中翅膀>【插入】矩形>拖动鼠标绘制出与翅膀宽度一致的矩形

【向天歌】动画教程——你若盛开,蝴蝶自来_第11张图片

7.复制矩形>移动复制出的矩形的位置>使两个矩形的端点重合

【向天歌】动画教程——你若盛开,蝴蝶自来_第12张图片

8.摁住shift键,选中翅膀与矩形>单击右键>【组合】>只选中矩形>单击右键>设置形状格式>把填充与线条的【透明度】设成100%透明。

另一只翅膀也做同样的处理。

【向天歌】动画教程——你若盛开,蝴蝶自来_第13张图片

9.摁住shift键,同时选中两只翅膀与蝶身>【格式】>【旋转】>【向左旋转90度】>单独选中蝶身>单击鼠标右键>置于顶层,将蝴蝶重新拼好

【向天歌】动画教程——你若盛开,蝴蝶自来_第14张图片
【向天歌】动画教程——你若盛开,蝴蝶自来_第15张图片

10. 选中蝶身>【动画】>【添加动画】 >【自定义路径】>绘制动画路径>绘制完成时,敲回车键

【向天歌】动画教程——你若盛开,蝴蝶自来_第16张图片
【向天歌】动画教程——你若盛开,蝴蝶自来_第17张图片

【向天歌】动画教程——你若盛开,蝴蝶自来_第18张图片


11.选中动画路径>单击右键>【编辑定点】,使之变成一条平滑的曲线

【向天歌】动画教程——你若盛开,蝴蝶自来_第19张图片

【向天歌】动画教程——你若盛开,蝴蝶自来_第20张图片


12. 【动画】>【动画窗格】>在动画窗格中双击动画>设置动画效果及时间

【向天歌】动画教程——你若盛开,蝴蝶自来_第21张图片

【向天歌】动画教程——你若盛开,蝴蝶自来_第22张图片


13.选中蝶身> 【动画】>【动画刷】>点击上面那只翅膀,把蝶身的动画刷给上面那只翅膀

【向天歌】动画教程——你若盛开,蝴蝶自来_第23张图片

14.选中上面那只翅膀>【动画】 >【添加动画】>【放大/缩小】 >在【动画窗格】中双击“放大缩小”动画,设置动画效果及时间

注意:放大缩小的百分比输入完之后,敲回车键才能生效

【向天歌】动画教程——你若盛开,蝴蝶自来_第24张图片
【向天歌】动画教程——你若盛开,蝴蝶自来_第25张图片

15. 选中上面那只翅膀>【动画】>【动画刷】>点击下面那只翅膀,把上面的那只翅膀的动画刷给下面那只翅膀

16. 【动画】>【动画窗格】>选中下面那只翅膀的“放大缩小”动画>延迟时间设为0.25秒。

【向天歌】动画教程——你若盛开,蝴蝶自来_第26张图片

17.把花朵放至页面左下角,可以任意调整其位置大小。

完!

【向天歌】动画教程——你若盛开,蝴蝶自来_第27张图片

你可能感兴趣的:(【向天歌】动画教程——你若盛开,蝴蝶自来)