当前位置:首页 » 视频软件 » 怎样做loading的视频
扩展阅读
车间着火原因怎么写 2025-05-14 06:06:15
你说如果怎样就好了图片 2025-05-14 05:58:21

怎样做loading的视频

发布时间: 2023-05-05 19:02:47

❶ 谁知道FLASH的LOADING的那个缓冲条怎么弄 弄好了又怎么用在场景

利用AC制作Loading下载指示条

Loading下载指示条在Flash作品中是很常见的,利用这样的指示条可以实现真正的交互,给浏览者一个实时的信息。这种Loading的制作方法要求对AC熟练程度较高,限于篇幅这里就不进行深入的分析说明了,其做法的要点是:运用Flash5新增加的属性“_framesloaded”和“_totalfrmes”的基局比值来实现,并且把数值传递到一个“dynamic text”中输出。用这个比值来控制精度条的缩放,以达到“补血”的动画效果。用同样的方法,我们可以利用getbytesloaded()、getbylestotal()和gettimer()计算出带宽,剩下的具体步骤留给读者自己完成。

制作Loading动画演示效果

下面主要说使用简单的AC判断电影下载是否完全,和Loading动画演示效果的制作
FLASH loading制作
原理:制作时主场景动画留下前两帧放Loading判断和Loading动画,第三帧开始是主动画。因为MC可以自己独立播放,所以只需要制作一个MC动画,接着放在第一、二帧的判断循环中就可以了。

举例(预载画面只有一个Loading闪烁的制作方法):
1. 首先在电影的最后一帧定义个名叫“end“的标签;
2.然后定义第一帧的AC为ifFrameLoaded (“end”) { gotoAndPlay (3); },第二帧的AC为gotoAndPlay (1);
3. 接着开始制作闪烁的Loading MC。新建一个MC,命名为“Loading“,用文字工具在场景中输入文字,此例中输入“Loading……”,接着在第二帧插入一个空帧。由于MC的自身循环播放,所以就能产生闪烁的效果。
4. 然后把此MC拖入到主场景的第一个影帧中,此例完成。

Loading动画演示效果进阶制作

其实现在很多动画基本上都是运用了这个原理,只是在细节中表现手法不同,另外也加入了一些AC进行控制。各种效果不同的Loading,我们在ShowGood的作品中看到不少。例如《神啊,求求我吧》这个MTV的Loading,其主要是一个鼠标的MC跟随效果(图1)。要实现这种效果不难,这里就介绍一种简单的类似的实现方法。Loading的原理和刚才介绍的制作方法类似,用一、二帧做判断。不同的是,这里第四帧才是主动画,第三帧放按钮做个选择。制作方闷迹法如下:

1. 新建一搏罩让个Flash文件,新建一个MC,命名为“Loading”,添加动画背景。
2. 这里Loading MC的制作有些不同,需要用两个MC来完成,要再新建一个MC作为鼠标跟随效果,命名为“mousem”。这里可以模仿ShowGood的旋转星星制作一个动画MC(留给读者自己制作)。
3. 接着我们把刚做好的mousem MC拖放到Loading MC中并加入AC:startDrag (“mousem”);,然后再把Loading MC拖入场景中。
注意:在MC的时间轴一定要在第三帧的地方插入一关键帧,也就是按F6键。
4. 接下来做第三帧。创做一个PLAY的按钮(图2),新建一层,然后在第三帧插入一关键帧,把按钮放入适当的位置并定义这个按钮的AC为:on (release) { gotoAndPlay (4);}。另外在该层第三帧加入一个AC:Stop();。
这样,一个可爱的Loading效果就做好了。

其他的Loading动画效果都是上面的派生。不过想做好一个动画还真不是件简单的事情,不仅要有好的创意和好的美工,还要有对一些常用AC的了解和运用。这些方面的内容只有留给读者们自己慢慢提高了

❷ 【AE教程】用Saber插件制作炫酷Loading动效

教程效果图

你未来会是一名专业的设拆明计师吗?60秒完成性格测试获取免费学习资料:

http://www.silusheji.com/zhuanti/xinggeceshi/?js-fxy

(如无法点击,复制到浏览器打开即可,完成测试可获得相关学习资料一份)

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 新建合成

创建圆环和文字,调整到合适的大小和位置。

Step 02 蒙版形状

调整蒙版形状,使Saber圆环和原本的圆环大小、位置相同。

Step 03 调整参数

用相同的方法完成文字部分的发光效果,调整其中的各项参数。

Step 04 速度曲线

调整速度曲线,使圆环和文字的 动效 更有节奏感。

Step 05 雨滴效果

在模拟栏李御销选择AE自带的雨滴效果,调整各项参数,控制雨滴的数量、范围等哪游。

最终效果图

❸ flash影片的loading怎么做

很多朋友在做作品的时候,事先没考虑到Loading的问题,在作品完成想要发布的时候,想到文件有些大,要加一个loadiing下载动画,如果在同一场景前添加loading,作品比较大,托动所有帧比较麻烦,往往一不小心还容易出错,这是初学者经常遇到的问题,这里介绍一种简单的增加场景制作loading的方法,本实例中只显示进度条和下载的百分比。

打开一个你的作品或练习的源文件:

一:增加--场景

选择修改菜单下的场景(shift+F2)打开场景面板,点击场景面板右下角“+”按钮,增加一个“场景2”,这个“场景2”就是我们用来做loadding的场景。托动“场景2”的到“场景1”"上面,这样做的是因为播放动画是按照场景的先后顺序播放的,我们要先播放Loading的场景,请看(图1)

二:增加--图层

在“场景2”中,点时间轴下的增加图层“+”按钮,建立4个图层, 从上到下分别命名为:
action层、进度条层、按钮层、动画层。请看(图2)

三:AC控制层--添加代码:

1.选中action图层,选中第一帧在属性面板<帧标签>处,写上"play"(加上帧标签play),然后窗口--动作(F9)打开动作面板,复制下面的代码并粘贴见(图3)。

// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
/没逗纤/ 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);

2.在第6帧(F7)插入一个关空白关键帧,复制下面的代码并粘贴,请看(图4)

//如果下载字节数=总字节数,跳转到6帧停止
if (loaded == total) {
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else {
gotoAndPlay("play");

四:创建进度条影片剪辑:

1.(Ctrl+f8)插枯仿入--新建元件--影片剪辑,命名为:"进度条"。 在这个MC上,建立了两层,分别为“边框线”、“填充色”(图5)

2. 在“边框线”层,选择矩形工具,边框及填充颜色自定义,画一个矩形,在属性面板设置:宽:300;高:24;X:-150,Y:-12。在100帧处F5插入普通帧。选中矩形里面的填充色(Ctrl+X)剪切,粘贴到“填充色”层第一帧(Ctrl+Shift+V)选择编辑菜单下的粘贴到当前位置,调整填充色颜色,在100帧处F6插入关键指笑帧,选中第一帧创建“形状”动画,在第一帧将矩形宽改为:3。双击矩形框在属性面板把笔触调整为:2,颜色自定义。请看(图5)

五:进度条层--设置进度条及动态文本:

1.回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上,放到合适的位置。然后选中舞台中的“进度条”MC,在属性面板上写上实例名“进度条"。在第6帧按F5插入普通帧。

2.选中“进度条”层,选择文本工具“A”,在舞台合适的位置加入一个动态文本框(文本框是动态的写入程序运算后的百分比结果的),在属性面板上设置文本类型:动态文本,字体:Arial 变量名:loadtxt,单行,字体大小颜色自定义,相关参数请看(图6)

六:按钮层--添加播放按钮:

1.在“按钮层”第6帧按(F7)插入一个空白关键帧,选择窗口菜单下公用库,打开按钮库,托出一个自己喜欢的播放按钮, 摆放到舞台合适位置并调整大小。(本例中选择的是:playback---playback-play)有时间可以自己做一个和你的作品风格统一的按钮。

2.选中舞台上的按钮元件:窗口--动作(F9)打开动作面板,给按钮加上下面的代码:

on (release) {//释放按钮
gotoAndPlay("场景 1", 1);//跳转并播放场景1的第1帧
}

注:这里的场景 1是你要播放的第一个主动画的场景名字,可根据你作品实际情况填写。

七:动画层--放置动画MC:

现在loading就能用了,但为了让等待画面好看可以在“动画层”加入动画MC。我们可以自己做几个动画的MC,或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”,放到合适的位置,也可以自己根据作品的需要去创意。

八:测试保存:

Ctrl+Enter 测试影片。如果作品比较小,在测试的时候loading会瞬间就过去了,告诉大家一个简单看见完整地loading的办法: 在测试影片的时候,注意一定要在Ctrl+Enter以后,选择“查看”菜单下的“显示数据流”就可以慢慢的欣赏loading的全过程了。

(注:没有在 Ctrl+Enter测试状态下,“查看”菜单下面是没有这个选项的。)
参考资料:http://www.7dn.cn/Article/Class38/Class62/200409/Article_2203.html

❹ FLASH的LOADING

一:增加--场景

选择修改菜单下的场景(shift+F2)打开场景面板,点击场景面板右下角“+”按钮,增加一个“场景2”,这个“场景2”就是我们用来做loadding的场景。托动“场景2”的到“场景1”"上面,这样做的是因为播放动画是按照场景的先后顺序播放的,我们要先播放Loading的场景,请看(图1)

二:增加--图层

在“场景2”中,点时间轴下的增加图层“+”按钮,建立4个图层, 从上到下分别命名为:
action层、进度条层、按钮层、动画层。请看(图2)

三:AC控制层--添加代码:

1.选中action图层,选中第一帧在属性面板<帧标签>处,写上"play"(加上帧标签play),然后窗口--动作(F9)打开动作面板,复制下面的代码并粘贴见(图3)。

// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);

2.在第6帧(F7)插入一个关空白关键帧,复制下面的代码并粘贴,请看(图4)

//如果下载字节数=总字节数,跳转到6帧停止
if (loaded == total) {
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else {
gotoAndPlay("play");

四:创建进度条影片剪辑:

1.(Ctrl+f8)插入--新建元件--影片剪辑,命名为:"进度条"。 在这个MC上,禅辩源建立了两层,分别为“边框线”、“填充色”(图5)

2. 在“边框线”层,选择矩形工具,边框及填充颜色自定义,画一个矩形,在属性面板设置:宽:300;高:24;X:-150,Y:-12。在100帧处F5插入普通帧。选中矩形里面的填充色(Ctrl+X)剪切,粘贴到“填充色”层第一帧(Ctrl+Shift+V)选择编辑菜单下的粘贴到当前位置,调整填充色颜色,在100帧处F6插入关键帧,选中第一帧创建“形状”动画,在第一帧将矩形宽改为:3。双击矩形框在贺态属性面板把笔触调整为:2,颜色自定义。请看(图5)

五:进度条层--设置进度条及动态文本:

1.回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上,放到合适的位置。然后选中舞台中的“进度条”MC,在属性面板上写上实例名“进度条"。在第6帧按F5插入普通帧。

2.选中“进度条”层,选择文本工具“A”,在舞台合适的位置加入一个动态文本框(文本框是动态的写入程序运算后的百分比结果的),在属性面板上设置文本类型:动态文本,字体:Arial 变量名:loadtxt,单行,字体大小颜色自定义,相关参数请看(图6)

六:按钮层--添加播放按钮:

1.在“按钮层”第6帧按(F7)插入一个空白关键帧,选择窗口菜单下公用库,打开按钮库,托出一个自己喜欢的播放按钮, 摆放到舞台合适位置并调整大小。(本例中选择的是:playback---playback-play)有时间可以自己做一个和你的作品风格统一的按钮。

2.选中舞台上的按钮元件:窗口--动作(F9)打开动作面板,给按钮加上下面的代码:

on (release) {//释放按钮
gotoAndPlay("场景 1", 1);//跳转并播放场景1的第1帧
}

注:这里的场景 1是你要播放的第一个主动画的场景名字,可根据你作品实际情况填写。

七:动画层--放置动画MC:

现在loading就能用了,但为了让等待画面好看可以在“动画层”加入动画MC。我们可以自己做几个动画的MC,或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”,灶首放到合适的位置,也可以自己根据作品的需要去创意。

八:测试保存:

Ctrl+Enter 测试影片。如果作品比较小,在测试的时候loading会瞬间就过去了,告诉大家一个简单看见完整地loading的办法: 在测试影片的时候,注意一定要在Ctrl+Enter以后,选择“查看”菜单下的“显示数据流”就可以慢慢的欣赏loading的全过程了。

❺ 如何用ps做loading动画

1.打开PS,新建画瞎汪布,命名。

2.新建两条参考线,为了让制作的图像居中。视图-新建参考线,位置为50%,水平和垂直各一次。

3.新建完就是酱紫的。

4.新建图层,用硬脚画笔,大小为9像素(针对个人需要设置),在垂直参加线上面点一个点,位置。这个位置会觉得最终完成的图片的形状。

5.ctrl+t,按住alt键,将黑点的重心点移到参考线的交点。设置旋转角度为45度。enter确定两次。

6.ctrl+shift+alt+t,重复变换并复制,按7次。

7.合并所有黑点图层,选中所有黑点图层,ctrl+e,合并。ctrl+h,隐藏参加线。

8.新建图层,选一个喜欢的颜色,画笔大小逗烂分别为11、13、15、17,在原黑点的基础上点4个点,记得圆心要对准。

9.将蓝点图层复制7次,一共8层。调出参考线,ctrl+h。先变换蓝色点拷贝图层,将中心点移到参考线交点处,改旋转角度为45度。其他拷贝图层依次旋转90度、135度、180度、-135度、-90度、-45度。

10.旋转完成后。

11.打开窗口-时间轴,将小三角的地方点上去,改为无延迟。关闭上面复制的蓝色点图层,效果。

12.点一下时间轴的新建帧按钮,按钮在左下角的箭头处。戳瞎蓝色点图层的眼睛,打开蓝色点拷贝图层的眼睛,。

13.同上一步骤,为每一个拷贝层建山神漏一个新帧,当然,黑点图层的眼睛始终是亮着的。在左下角的箭头设置动画播放的次数,这里选择永远,设置好后点播放键。可以按ctrl+h,隐藏参考线。

14.没有问题后保存,文件-存储为web所用格式,一般不需要改动,点存储,选择存储位置。完毕。


❻ video.js 点击播放按钮,因为网速的原因,想在视频上面显示个加载的loading。没有分了....

我记得有个proload不过那么应该是个封面图片,如果可以的我们可培李以加一个load事件,当视频资源被加载的时候设置loading这个图片的display为block,知中笑加载完毕后display为no。其搭含实一般播放组件不是自己做的话,采用默认的浏览器应该都会有加载的动画的。

❼ flash制作一个完整的loading


loading这个东西,说穿了其实是给用户肢斗简反馈的一种表现形式,在客户端中的loading,通常以鼠标的手型变化来表现;而在web端,loading的创意则层出不穷了,而且给用户的反馈更好。本文将主要阐述在flash中制作loading的一些问题。
先来看看loading的原理。在flash中,制作loading的目的是为了预先加载一部分内容(你可以选择全部加载完毕,或者加载一部分之后),然后再把flash的主要内容展示出来。一般来讲,loading是放在第一帧上面的(也可以不放在第一帧,比如放在任意一帧,但是在第一帧你要做个跳转,让播放头到loading的那一帧去)。这里要注意一个问题,如果你的flash程序有从元件库里导出元件的话(默认为第一帧导出),要导出的原件全部加载完毕之后才会显示第一帧的内容(即,你的loading)。这样的话很可能你在第一帧导出的内容过于庞大,占据了整个flash应用的很大一部分,比如50%,那么我们实际运行的效果就是在一段空白之后loading从50%处开始显示。
要避免上面的问题(一个明显的不好的用户体验),通常来讲我会用到两种方法:
第一,把要导出的元件取消导出,把它们集中放在某一帧(除开你做loading的那一帧),然后在放元件的这一帧之后的那一帧开始运行你的程序。
第二,用另个一个swf来加载需要做loading的swf。这种方法可以有比较完整的加载进度条以及百分比文字,缺点是容易引起其他问题,这个后面会讨论。
举个例子来说,我想为A.swf做一个loading,关键代码如下:
......
this. loaderInfo. addEventListener (SPANrogressEvent. SPANROGRESS,loadSPANrogress );
this. loaderInfo. addEventListener (Event. COMSPANLETE,loadComSPANlete );
......
AS3.0中增加了一个新的loaderInfo类来提供已加载的swf、图像文件的信息。flashplayer通过调度ProgressEvent对象的loadProgress方法来实现对加载内容反馈的监听,当加载全部完成后,flashplayer再调度Event对象的loadComple方法。loadProgress方法是我定义的监听加载进度的方法,所有有关加载的信息都可以在这个方法中加以反馈:
......
SPANrivate functionLoadSPANrogress ( e:SPANrogressEvent )
{
var loaded:uint= e. bytesLoaded;
vartotal:uint= e. bytesTotal;
varSPANercent: Number= int ( ( loaded /total ) * 100 );
trace (SPANercent+ "%" );
}
......
上面的代码输出正在载入内容的百分比,这是一种最简单的反馈,但是你可以在这段代历裤码里丰富你的loading的内容,使其更具有趣味性,以使得用户在等待下载的时候能清楚的知道下载的进度,或者在这时候观赏一段精美的动画——这完全取决于你的设计。这时候加载完成了,可以执行loadComplete这个方法了。在loadComplete方法里添加你想要的动作,比如给用户一个播放按钮以使得用户可以自主选择,或者直接进入某一帧进行播放。
前面说过,直接在swf上添加loading可能会导致loading不是从1%开始,这时候可以用一个swf加载另一个swf的方法来实现完整的loading,比如,我想在B.swf里加载A.swf,那么在B.swf的程序里使用loader加载A.swf。需要注意的是,监听loader的加载进度需要使用loader的contentLoaderInfo属性,而不是loaderInfo。关于loaderInfo和contentLoaderInfo的关系如下图所示:
由于B.swf只起到加载A.swf的作用,并没有其他显示内容,所以它本身的加载可以忽略不计,这种方法可以比较完整的展示A.swf的加载过程。但是,同时使用这种方法也引发了一些问题,比如你在A.swf里与web端进行通信,销咐使用了loaderInfo的parameters属性,则你在用B.swf加载A.swf后,通信将失效。这是因为
FlashVars
HTML 参数只影响主swf(例子里为B.swf),就是说你可以在B.swf里完成通信,但是A.swf不行。所以,我们可以先在B.swf中获取到页面要传递的信息,然后再让A.swf从B.swf中获取这个信息就可以了。通常我是这样处理的,假如B.swf的文档类为Main.as,那么在Main.as中定义一个static的属性比如prama(public static var prama),用来保存传递的信息,然后再在A.swf中通过Main.prama获取这个信息。这样就间接实现了A.swf与web端的通信。
综上所述,本文不是向大家介绍如何制作一个完整的loading的,相信loading的例子在网上并不少见,但是只有明白了loading制作的基本原理,才能从根本上制作出更为规范和友好的loading来。

❽ 如何迅速地制作一张Loading的gif动图

Photoshop CC的帧动画和时间轴功能,让它在动画制作上也屡屡能展现奇迹。Loading小GIF图在ppt演示文档中,或者一些ui演示中都能被当做素材,很好的展示内容。接下来就跟大家分享一枚Loading动图设计小技巧。
方法如下
1、打开ps软件,新建400*300的文改明档,分辨率72就行,背景白色即可。
2、新建一个透明图层,选择椭圆选框工具败凳,按住shift,拉出一个圆形。
3、设置好前景色ffe689和背景色fa8b00。选择渐变工具,选定角度渐变。在圆形选框中拉一个渐变出来。效果如图。
4、按住ctrl+d,核枯告取消选区,这个时候,loading素材就做好了,接下来制作动画效果。把ps的工作面板设定成“动感”模式。
5、点击创建视频时间轴按钮,创建一条时间轴,并缩短到两秒钟。
6、右键单击图层一,选择转换成智能对象。因为,智能对象的变换动画效果更好操作。
7、在时间轴面板中,将时间指示器移动到起始位置,然后点击变换左侧的锚点添加关键帧。
8、将时间指示器移动到1秒的地方,选择编辑>变换>旋转180°。则会自动在该时间点处添加关键帧。
9、将时间指示器移动到最后,再次选择编辑>变换>旋转180°。同样会自动添加关键帧。
10、如此,已经完成了Loading的简单制作,可以按空格键播放预览效果。如果对效果满意,则可以选择文件>存储为web所用格式,保存为gif格式图片即可了。PS:注意动画的循环选项设置成永远。

❾ html5网站的loading是怎么做的

loadding动画现在有2中方式实现:

1.旧方法:用PS或者Flash制作gif格式搭运拆的动态图片,导入知枣到html里面

2.用css3的动画属性(animite),直接通过样式+div就可以制作出loading效果

当然优缺点也很明显,第一种方法不需要考虑兼容性,第二种方法,适用于悄雀移动端和PC端上高版本的浏览器,因为低版本的浏览器对css3的兼容性只有一个词来形容--坑爹啊。

❿ 请问AE可以制作显下载百分数的loading吗我要具体的方法或者视频教程啊

这个AE用表达式估计是腊罩桥可以做出来的,但是我不闷逗会的说···用flash或者轮猛三剑客之类的代码做是比较正规的吧,毕竟AE是特效合成用的,求楼下的大神指点吧···