如此这般的九宫格缩放效果,PPT动画设计

咱们好,我是雅客。

《网球王子》中的比赛环节,往往会有一种画面缩放的作用(类似于下图),就是把镜头分成了9块,每块以不一致的缩放格局变通,这样的意义,要是用在PPT中,也是一种科学的拍卖啊。那么问题来了,那样的机能能在PPT中创建吗?答案是,当然可以。

前几天是案例欣赏的第十一期。每周五,我都会打造10页PPT给大家展开赏析,帮忙大家升级审美水平

在介绍方法以前,我先分析一下效果的规律。

别的,我还会给您下结论一下这么些PPT设计的套路,让你看完未来,也能和谐尝尝着去做,切实帮助各位升高PPT的打造水平

图中可知有九有些组成,每部分到最终会构成总体的一幅图,而在一初叶的时候,分别放大或减少了,而且缩放的焦点并分歧。

说到底,我还会把课件免费发给我们,里面的资料全体都是可以编制的,我们只要学习须求,也足以下载到自己电脑上再仔细琢磨。

中档的图(图5)的缩放宗旨放在中央岗位,多个对角上的图(图1、3、7、9)的缩放要旨各自是临近大图焦点地点的分级的顶点上(红点),剩余的光景左右四幅图(图2、4、6、8)的缩放大旨则分级是靠近大图中央地点的分别边上的中部(绿点)。

那连成一气,上面就规范开班前些天的鉴赏。

好了,了然那些后,上边可以看是怎么着创设的了。

明天要给大家享受的案例,是一组具有创意性的PPT动画,里面的动画效果都是基于系统自带的卡通片效果组合而成的。

办法大致上有二种,一种是因此切换动画来打造,一种则是用对象动画来达成。

假使你也想做出像上面那样的卡通,那么那期的案例欣赏可就要好好往下看呀!


▲ 计数动画

001 裁剪+平滑

在看到那几个效率的时候,我首先想到的是用【平滑】切换效果来贯彻,那个职能,是office2016自此版本才有的(一起来叫做【变体】),而它与裁剪结合起来,就足以成功这种效益。

而为了能更有益于地打造效果,我要使用【OK插件】。

步骤如下。

① 准备图片

先插入一张图片,调整图片大小,让图片铺满幻灯片;以16:9的幻灯片为例,若是图片比例不是16:9,那么选用图片后,通过「裁剪→纵横比→16:9」,来调动比例,再让图片铺满幻灯片。

接下去复制图片,再复制出8张图纸,要力保图片对齐。因为相似的复制粘贴是会生出位移的,所以那边我用OK插件的【原位复制】效率,选用图片后,通过点击「OK插件→原位复制」就足以飞快复制出一张图,并与原图地点一致;同理,我再复制出7张图。

② 准备矩形

先是插入一个全屏矩形,这使用OK插件就比较便于。选拔刚刚铺满幻灯片的图样,通过「OK插件→插入形状」,既可插入一个等大小的矩形;也得以因而「OK插件→插入形状下拉箭头→全屏矩形」,来插入一个全屏矩形。

接下去,把矩形分为九等分。选取矩形,通过「OK插件→OK神框→图片分隔(回车)」,打开工具,输入【3
3】,按下回车键后,就足以获取9个一律尺寸的小矩形。

③ 形状裁图

好,在两地点准备做好后,就足以进入裁图阶段了。那里说喜宝(Hipp)下,制作矩形,是为了控制图片裁剪的一对。

用飞速键「Alt+F10」调出【选用窗格】,在选拔窗格中相继接纳一张图纸和一个小矩形(顺序不能乱),通过「OK插件→变体支持→形状裁图2」,就足以拿走矩形所占地点的裁图;把九个结合都裁完后,就做出了九张小图,九张小图也结成一幅大图。

提拔一点,你所运用的OK插件可能会看不到【变体协理】功用,不过不用怕,功效只是暂时藏起来了,通过「OK插件→设置」,打开各界其他装置工具,勾选【变体协理】模块,它就会出去了。

④ 复制幻灯片

平昔复制一页相同的幻灯片,在左侧预览区选拔幻灯片,利用「Ctrl+D」飞快键神速复制一份。

⑤ 调整图片裁剪地点

调动第一页幻灯片的图片裁剪的职务,这里我分多个部分来申明。

率先有些,中间的图,在增选图片并点击「格式→裁剪」,进入裁剪状态,按住Ctrl+Shift,拖动对角上的白点,来压缩图片。

第二局地,对角上的图,以左上角的图为例,保持右下角的点不动,按住Shift拖动左上角的白点,来加大图片,再裁剪掉幻灯片外的多余的一些;实际上不裁剪也得以,反正播放出来是看不到的;其余的图操作同理。

其三部分,上下左右四张图,以坐落上方的图为例,通过拖动右上角的白点来拉大图片,通过「格式→对齐→水平居中」,来让江湖线条中央岗位不变,接着就是裁剪掉两侧和下边多余的有些;其余的三张图处理同理。

地方操作过后,就完结了裁剪并为添加平滑效果做了准备。

⑥ 平滑切换

挑选第二页幻灯片,通过「切换→平滑」,来添加平滑切换效果,如是操作就成功了。

手续看起来挺多,但内行操作起来的话,花不了多少日子的。


▲ 用动画讲述故事

002 补位+放大/缩小

倘诺您用的不是office2016,你未曾平滑效率,是还是不是就做不出去呢?那本来不是呀。只要用对象动画就可以形成。

步骤如下。

① 准备图片

这次准备图片,前边部分与上述操作一致,但是在裁图并调动大小和岗位后,我只进行一回原位复制,那样就拿走了两张一样的图。

②  分割图片

这一次,由于不选择平滑切换,所以我得以一贯分割图片,采纳位于顶层的那一张图片,通过OK插件分成九个小图片,并把高中级一个小图片删掉。

③ 准备矩形

矩形在这么些方法里,发挥的是见仁见智的功用,它用来救助补位。

【补位】是如何?我要先解释一下,在动画中,补位就是通过增添部分虚构的半空中来调动动画宗旨岗位,因而,在转悠、放大收缩图片的时候,显示的效劳会拥有转变。在此地,我会利用矩形来贯彻补位。

在那么些效果中,除了中间的图片动画中央不须求改变外,其他多少个小图都要开展调整,所以,我要未雨绸缪几个小矩形并雄居幻灯片中央。

首先,通过「OK插件→插入形状→全屏矩形」,得到一个全屏矩形;通过OK插件把矩形分为等尺寸的9块;再拔取九个小矩形,通过「格式→对齐→水平居中和垂直居中」,来驱动矩形全部高居幻灯片的中心。

此刻,有没有留意到,矩形并非是真正的矩形,而是以图表的款型存在的,我急需经过「PA插件→矢量工具→形图互转」,来把它们转换为形象,并设置「无填充颜色、有线条」。

骨子里,假若想要一步分割并保持形象类型,也是有办法的,LV插件切图成效就是那样的出力的,在LV插件的【裁图】区填写要切分的行数和列数,如(3,3),点击【起头切图】即可。

④ 补位

以率先张小图(左上角的小图)为例,拔取小图和一个小矩形,通过「Ctrl+G」火速键,完结重组;前面每个小图,分别都与一个小矩形举行组合。那样,补位尽管成功了。

⑤ 放大/裁减动画

补位工作搞好未来,就要添加动画了,动画选拔的是强调动画中的【放大/缩短】动画。

此刻,大家得以见到的是一幅能正常组合在一块的图形,但那是终极得到的意义图,大家须求用抢眼的艺术来调动图片图片大小,来调出先导时的现象。

放大/收缩动画既可以放手,也可以裁减图片,所以可以先让图片暴发一个反向变化的动画;可是,大家并不要求看到图片的这几个转变历程,大家只必要这些进度的结果,而动画片的持续时间不可能为0,最少也得0.01s,所以大家可以再同时丰裕一个【出现】动画片,来让图片现身得晚一点。所以,每个图片,分别必要添加3个卡通。

首先个卡通:先采取8张小图片和1张大图片,通过「动画→添加动画→进入→出现」,添加【出现】动画。

其次个卡通:继续选取9张图片,通过「动画→添加动画→强调→放大/缩短」,添加了一个【放大/减少】动画。点击「动画→动画窗格」,打开窗格,拔取8张小图的强调动画,右键点击,打开【效果选项】窗口,把【效果】下的尺码改为200%;而对于单张大图,则附和地修改为50%。

选料首个强调动画,右键点击,选用【从上一项先河】,那样就会与【出现】动画同步暴发。把9个卡通的持续时间修改为0.01s。

其多少个卡通:这与第四个卡通的安装方式一致,只是参数要扭转,也就是,小图的功效尺寸为50%,而大图的尺寸为200%。再选用分组中的首个强调动画,右键点击,采纳【从上一项之后开头】,那样就会在转变已毕后,再暴发动画。

〖总结〗

对此【九宫格缩放】这种成效,我提供了三种制作方法,分别是;

❶ 裁剪+平滑切换动画

❷ 补位+放大/裁减动画

并提及了3款强大的插件:OK插件、PA插件、LV插件。

〖互动〗

你还有啥样其他格局,或者有啥样问题,都得以在凡间留言哈

仰望本文对你拥有辅助

小斌感谢您的阅读

▲放大镜动画

▲ 加载动画、转场动画

那几个动画片都是本人用 Office 2016
制作出来的,那么这几个近似高逼格的卡通片效果,实际上是怎么制作出来的吗,请看下边的详尽讲解。

首先,大家先来看率先张小说,也就是下边这么些计数的动画效果,它的打造流程。

其一动画效果制作的关键点有多个,一个是「遮罩」,另一个是「平移」的切换动画效果。

在炮制那些作品此前,我们可以先为页面填写一个背景图片,鼠标右键幻灯片空白处,拔取安装背景格式,在填写情势处选用图片填充。

从此在页面中间插入几个圆角矩形,调整好透明度,作为计数牌。

数字的排列,是透过插入5个文本框,分别输入上0-9的数字,文字的排列方向选取「堆积」,拖动文本框,数字的排列就会呈现竖排。

事后把0这些数字放在圆角矩形当中,并对齐。

接下来用鼠标点击界面左边这一页的缩略图,在键盘上按Ctrl+D,复制多一页一模一样的出来。

接下去通过往上移步文本框,改变计数器上的数字,之后拔取office2016系统当中的「平滑」切换动画效果,即可完成文本框的移动。

如果你没有「平滑」的切换动画效果,也得以采纳路线动画当中的前进移动来开展替代。

打造出来的功效如上图所示,可是那样的效应明摆着不是大家想要的是吧,因为如此就相当于把魔术的地下之处都揭开了。

因此大家就要求「遮罩」来覆盖我们不想让外人看到的露馅的地点。

而「遮罩」的制作方法也休想复杂,插入一块矩形,放在计数牌的左右两边,之后填充格局拔取为幻灯片背景填充,即变成了一块隐形的蒙版。

如上图所示,矩形选择幻灯片背景填充之后,填充的一些就是幻灯片背景,所以大家移动矩形到哪里,填充的有些也会相应地发出变动。

那种设置为幻灯片背景填充的矩形覆盖在数字之上,把不想被人看到的要素隐藏起来的模样,大家就把它们称之为「遮罩」。

此处同样要专注,在里头一页使用了遮罩,另一页就把上一页的遮罩复制过去即可,不然地方会发生变化,演示的时候就会有破损。

接下去大家再来看首个卡通创意,这么些动画所以导出GIF格式的时候,文件太大上传不上去,所以举办了削减和加快,就改成了如此的渣渣画质。

以此动画是透过缩放定位动画制作完结的,效果如上图所示,点击一张图片,大家就能加大那张图片,而且是无害的。

经过层层叠加,大家得以从画廊渗透到一幅画,从一幅画渗透到一间房,从一间房的相架再渗透到另一个场景,让本来好像没有涉嫌的景色,听天由命的连接起来,好像电影的同样。

制作的法子是,将不一致场景放在不一样的PPT页面,如下图所示。

事后,选中第三个伊始的场景,点击菜单栏上的插入,拔取「缩放定位」再拔取「幻灯片缩放定位」。

勾选你要定点的幻灯片页面,之后点击确定导入进来,此时页面上就会冒出那一页PPT的缩略图,缩放到一个器皿当中,与气象融为一体即可。

下边是具体操作的动态演示图,不通晓怎么操作的能够看上面的动图。

停放好未来,在全屏放映形式下,用鼠标点击该图片,页面就会自动缩放过去,形成非常连贯自然的连结效果。

什么排列得当,还足以由此那样的措施来描述故事,那会是一种万分富有创意性的抒发。

除了相框、窗户之外,大家还足以寻找电视、电脑显示器、报纸上的图片,书本上的插图,街边的海报等作为我们图片的器皿。

唯一值得注意就是图片要与周围的场所要比较融合,不然图片放上去也会相比较生硬,那样体现出来的功能就不自然了。

别的,那个动画效果也是office
2016的新功能
,没有更新的情人或者临时还体验不到哦~

其几个卡通效果是放大镜动画,最初是出新在锤子手机的发表会上,那那样的卡通效果又是何许制作出来的吧,且看上边的分解。

先是你要准备好那样几样东西,一个是放大镜、一个是微型的无绳电话机、一个巨型的无绳电话机、外加一个与放大镜一样大小的圈子和矩形。

从此,把两台手机放在页面中间,小的放在底层,大的放在小的方面。

下一场把矩形拖到下方大小,并安装为无填充,无边框。之后与大的手机进行组合,之后复制黏贴为增强型图元文件。

留神,此时的无绳电话机即使依然手机然则已经跟矩形合并成一个图纸了,那点很重大。

之后大家一致点击界面左侧的幻灯片缩略图,按键盘上的CTRL+D复制黏贴多一页出来。

下一场在上一页,让圆形与手机通过截图工具,把放大镜以外的区域拓展裁剪。

剪裁完事后,就只剩入手机左侧的一端留在放大镜当中,在裁剪的时候注意不要放放大镜也裁剪了。

那在下一页也是一律的操作,只是放大镜要活动到手机的前面,然后图片裁剪到手机的背后。

自此在两页之间选用平滑的切换动画效果,就可以达成放大镜的效能啊。

那最终一个卡通,就是页面加载动画以及转场动画,这一页动画的创制同样利用到了「遮罩」,它在动画当中是非凡广阔的。

实际的制作方法是,插入一个与显示屏尺寸的矩形和一个小的圆形,放在矩形的正中间,之后让圆形与矩形进行形象组合。

整合后的图形中间的圆是镂空的,可以漏出底部的因素,如下图所示。

此后我们要做的,就是制作动态的水功效,大家需要插入一个矩形或者一个波浪的图样,放在那些遮罩图层的底层。

留神,底层的意义是指这么些遮罩的暗中,而不是像下图这样放在遮罩的花花世界。

接下来我们就会以此波浪图形添加动画,动画的效果要基于自然规律来开展设定。

水添加到容器当中会晃荡,对于PPT动画里面我们可以用跷跷板来贯彻,水直接加,水位会往上深,所以可以同时用发展的途径动画来促成。

因此那么些水位的卡通片就由两有的组成,一个是跷跷板动画,一个是迈入移动的路子动画。

除此以外,水的摇晃不是忽悠一下子就会终止的,会不停的晃动,所以跷跷板的动画我们要在动画效果上安装双重

如上图所示,制作出来的机能就是波浪图形平昔抖动着往上移动,格外的滑稽和搞笑哈。

从此就很简短了,把那么些抖动的小家伙放在大家的遮罩前面,就形成了大家加水的卡通效果。

万一我们要求切换场所,让动画片效果过渡越发自然,大家就要接纳页面当中本来存在的要素,来展开切换和联网。

譬如上图中间存在的一个因素就是黑色的圆形,那我就可以把这些圈子举行推广,覆盖掉页面上任何的元素,从而起到自然换场的职能。

总结

以上就是前日案例分享要给大家介绍的八个创意小动画,最终盘点一下前几日我们选拔了这一个小技巧。

首先个是大家频仍利用的平滑切换动画,可以让两个页面的要素举行自然过渡。

第一个是遮罩,能够让我们动画当中不想让别人看来的有的被遮住。

其七个是缩放定位动画,使用它大家得以兑现页面之间的跳转。

末尾雅客想说,无论是制作什么动画都好,要想动画呈现出来的效能好,都要根据自然界的移动规律,这样显示出来的法力才真实。

而动画片的应用,只是将如此自然界当中理所当中的移位状态重新显示出来。

仰望明日的案例分享,对您有辅助~

如果你想获取上述源文件或者高清视频,在后台回复关键词【动画】,即可领取,所有的资料都可以拓展编制。

admin

网站地图xml地图