當前位置:首頁 » 視頻軟體 » 怎樣做loading的視頻
擴展閱讀
怎樣不保存朋友圈圖片 2025-05-14 05:37:03

怎樣做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是特效合成用的,求樓下的大神指點吧···