狸窝宝典 - 活到老学到老!

狸窝宝典

当前位置: 主页 > 视频编辑 >

怎么制作一个loading加载小动画效果?转圈loading动画设计

时间:2019-08-30 10:19来源:狸窝家园 作者:Anne 点击:
今天早上小编起床的时候发现,外面竟然刮起了小风,有一股秋天的味道,这感觉真是让小编觉得很开心呢~平时看视频或者是刷网站的时候,看到loading加载条或者是一直在转圈圈的加
      今天早上小编起床的时候发现,外面竟然刮起了小风,有一股秋天的味道,这感觉真是让小编觉得很开心呢~平时看视频或者是刷网站的时候,看到loading加载条或者是一直在转圈圈的加载页面会不会神烦,反正小编最近电脑卡,每次看到loading加载动画的时候,就感觉自己太阳穴一直在跳动。加载条让人很烦,但是小编今天想来告诉大家如何制作属于自己的加载动画,可以放在视频上面恶搞哦~好啦,跟小编一起来看看如何制作吧!
 
      此教程所用到的软件下载地址:http://www.leawo.cn/ND_upload.php?do=info&id=6347
 

      首先,我们需要先通过上方的链接下载所要用到的软件,软件标记哦大,下载需要点时间,大家耐心等待哦。在等待软件下载完成的过程中,来看看小编的制作效果吧!加载动画的颜色和底部颜色可以自己设置的哦。

 

 

      软件下载完成之后直接双击打开即可,无需安装。打开软件之后店家界面中间的“新建合成”按钮,进入到合成设置页面,输入项目名称,然后在下方设置项目的宽高,以及项目的持续时长,还有项目的背景颜色等。

 

 

      点击确定创建,在上方的工具栏中找到形状工具,按住Alt键,同时鼠标点击形状工具可以切换形状工具,切换到我们想要的椭圆工具。然后按住键盘的shift键,在画布中画一个正圆,在画布正上方选择不要选择填充,如下图所示。

 

 

      画了正圆之后,我们可以在右下方的图层列表中看到一个名为形状图层的图层,点击图层下方的内容前的倒三角,然后再点击椭圆1前面的倒三角。接着就可以来设置描边颜色,还有描边的宽度,这根据自己的需求而定啦。

 

 

      空心圆设置完成之后,点击该形状图层,然后键盘快捷键Ctrl+C,再Ctrl+V进行复制图层操作。将复制的图层命名为底部图层,将原先的图层命名为加载图层。接着将底部图层的描边颜色设置为偏灰色,颜色设置键上一步骤。

 

 

      然后点击底部图层将其拖拽到加载图层的下方,使加载图层覆盖底部图层。然后再点击加载图层前面的“倒三角”打开该图层,点击“添加”前的三角形,然后在弹出的菜单列表中点击“修剪路径”选项,如下图所示。

 

 

      接着就可以看到内容下方出现一个修剪路径的选项,点击该选项前面的“倒三角”,然后再将下方出现的“开始”和“结束”的数值都改为0。再点击“开始”前面的“小闹钟”将开始的关键帧打开,具体擦佐见下图。

 

 

      然后在左下方将时间标尺移动到时间为1s处,然后再将开始的数值更改为25%。接着,移动时间标尺到2s处,将开始的数值更改为50%,以此类推,3s和4s的时候,开始的数值分别更改为75%和100%,以实现加载动画。

 

 

      这里我可以通过更改时间的长度可开始的数值来更改加载条的运动速度,这里大家自己尝试啦,小编就不介绍啦。加载动画制作完成就可以输出视频了,点击左上方的“文件”-->“导出”,然后选择“添加到渲染队列”。

 

 

      在下方的渲染队列页面,渲染设置选择最佳设置,点击输出模块旁边的蓝字可以进行各种视频格式等详细设置。点击输出到旁边的蓝字可以设置视频输出名称以及输出路径。输出设置完成之后点击“渲染”按钮开始输出视频。

 

 

      等待片刻视频输出完成,然后我们今天的制作一个loading加载小动画效果的教程方案就到这里啦!怎么样,是不是很简单呢?我们可以使用这个方法在任何视频上方添加一个loading加载小动画来恶搞好友等哦,快来试试吧!

 

      PS:可以直接导入视频,然后再在视频画面上直接使用此方法添加loading加载动画哦。还有此方法导出的是视频文件,如果想要GIF格式的话,推荐使用视频转GIF方法直接将制作好的动画视频导入软件,再导出为GIF格式即可。

 

笑话段子:

      今早,一哥们激动得语无伦次,在群里说:“有个网友约我见面,女的,吃午饭,十二点,要注意些什么?”
      我们七嘴八舌,纷纷给他出谋划策。
      中午十二点零五分,他发了个朋友圈:老婆,我错了……

相关文章:

      手机电脑数据共享
      http://www.leawo.cn/space-5211508-do-thread-id-76544.html
      制作字幕文件
      http://www.leawo.cn/space-5211508-do-thread-id-76572.html
      视频加字幕
      http://www.leawo.cn/space-5211508-do-thread-id-76592.html
      制作Flash SWF格式的电子相册
      http://www.leawo.cn/space-5211508-do-thread-id-76611.html

资源推荐:

      视频加特效  视频分割软件  PDF加水印  音乐MV制作  视频加多种特效  音频分离  视频加图片  手机电脑数据共享  制作字幕文件  视频加字幕  制作Flash格式电子相册  制作视频字幕  视频加贴图(图片或水印)  录制电脑桌面和声音  视频加多种特效  制作画中画视频  多个视频合并  视频加文字说明  视频替换背景音乐

------分隔线----------------------------
栏目列表
推荐内容