4款插件齐上阵,我做出了这个让网黄阿文表白的动画

进阶提高3年前 (2022)更新 Jesse1981
1,209 0 1

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

大家好,我是无惧表白的陈老师。

今天上午我正在家里批改学生的期末考试作业,忽然被一阵销魂的震动打断了思路。拿起手机一看,原来是网黄阿文,难怪震动的频率是如此的熟悉。

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

一上来就问人家怎么动,真的好坏坏呢 4款插件齐上阵,我做出了这个让网黄阿文表白的动画 ……

咳咳……其实作为P圈一霸,网黄阿文同学无论是审美经验还是实操功力,都远在陈老师之上。但在各种奇淫技巧的研究方面嘛,我还是略胜过他一筹。

所以每当他遇到一些刁钻古怪,特别是动画方面,百思不得其解的问题时,就会来求助于我,我也会随手使出一系列骚气的招数知识解除他的烦恼,让他称心而去……

今天阿文想要学习的姿势知识(今天这个输入法怎么老打错字)可以称之为「传送带」。具体的来说,就是要让图示上的虚线部分流动起来,形成像传送带一样的效果:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

可不要小看了这个动画效果,为了让阿文再一次满意而归,陈老师可是把压箱底儿的宝贝们都使了个遍!

OK,下面就让你们看看我是怎么4插齐飞,帮网黄享福降服(喂!搜狗输入法客服吗?)这个难题的吧!

1、使用圆角矩形工具绘制出一个圆角矩形,拖动控点将其调整为传送带的形状,设置填充色为无填充(方便观察),然后在一旁按住Shift键绘制出一个微小的正圆形:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

2、接下来就该第一款插件iSlide出场了。选中小圆,使用iSlide插件的「设计排版-矩阵布局」功能,复制出20×4的圆形矩阵:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

小圆的个数可以根据圆角矩形的大小进行估算——你觉得大概需要多少个小圆才能刚好布满整个圆角矩形的边缘,就复制出多少个。略多一点也不要紧,等会儿有机会修改。

3、下面让我们请出第二款插件LvyhTools 。按住Shift键,先选圆角矩形,再框选所有的小圆,点击LvyhTools插件的「位置分布-沿线均匀分布·保持原角度」功能,所有的小圆就被吸附到了圆角矩形边缘上:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

如果之前复制出来的小圆太多,小圆就会相互重叠;如果个数太少,又会相互分离:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

根据实际情况,Ctrl+Z撤销分布操作,删除减少或复制增加小圆个数,再重复分布操作,直到小圆在圆角矩形上近乎于一个挨一个的分布。完成分布后直接按下Del键,删除圆角矩形,页面上就只剩下一堆小圆了:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

4、排在第三位出场的是OK插件,我们要利用它来分离出两种状态的传送带。框选所有小圆,然后点击OK插件的「特殊选中-隔选对象」,隔选出一半的小圆,然后将从这一堆小圆中拖拽分离出来。完成分离之后,分别Ctrl+G加以组合:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

注意:在进行隔选操作时,插件会将页面上的所有对象进行计数,然后隔一选中。因此,页面上不要留有其它任何对象,否则会影响到我们的操作。

完成了这一步,原材料就算准备好了,剩下的就只是加动画了。

5、既然要加动画,自然就得祭出动画神器PA插件了。我们需要利用它来让两个组合交替间插出现,做出「跑马灯」的视觉效果,让人形成「传送带转起来了」的错觉。

选中左侧组合,点击PA插件的「经典动画-闪烁一次」,为其添加「闪烁一次」的动画效果(如果你的PA插件是盒子版模式,则需要切换到专业版才能使用这些功能):

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

保持对左侧组合的选中,点开PA插件的「动画风暴」功能。可以看到,「闪烁一次」这个动画实际上是对对象「可见性」属性的控制:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

选中「可见性」设置,点击右侧「设置」选项卡,可以看到当前的设置值为「开启」:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

选中「可见性」设置,点击顶部工具栏的「拷贝-粘贴」,将「可见性」设置复制一份,「延迟时间」改为1(回车确认)——注意看,此时右侧绿色动画条变长了——进入「设置」选项卡,将设置值改为「关闭」:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

这一操作的作用就是让该对象在0-1秒的时间范围保持可见之后,在1-2秒的时间范围内变得不可见。原本只有1秒的动画,现在增加了1秒,动画条长度自然倍增了。

关闭「动画风暴」窗口,右键点击动画条进入「计时」选项卡,将动画时长改为1秒,设置「重复至幻灯片末尾」。这样我们就做好了左侧组合的「出现-消失」重复序列:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

使用「动画刷」把这一动画刷给右侧组合,设置为「与上一动画同时」。不过为了让它和左侧组合错落交替出现,我们还需要把「出现-消失」动画改为「消失-出现」的顺序。

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

想到怎么做了吗?嗯,没错,选中它,进入「动画风暴」,互换两个「可见性」设置的开关状态即可:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

到这里就基本上大功告成啦!框选两个组合,将它们重叠对齐,播放动画,就能看到传送带转动的效果了:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

唯一一个问题是,在单击鼠标开始播放动画之前,传送带是看不见

这个好办,选中一个组合,给它添加一个「出现」动画,放到所有动画前面,设置为「与上一动画同时」,这样就能保证在进入这一页的时候,就直接可以看到传送带了:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

当然了,如果有多组传送带的话,还需要调整一下顺序,把所有的出现动画都放到最前面,转动动画都放到最后面哦:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

多组传送带动画效果:

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

当我完成了阿文向我提出的这一系列高难度的要求之后……

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

果然又一次让他心满意足了呢,科科~

4款插件齐上阵,我做出了这个让网黄阿文表白的动画

——
公众号:Jesse1981
原文链接:4款插件齐上阵,我做出了这个让网黄阿文表白的动画

© 版权声明

相关文章