FLASH輪播廣告製作1:圖片過渡效果

  

FLASH輪播廣告製作1:圖片過渡效果

在網路中,目前用的有flash 輪換圖片,對於不會使用代碼的朋友來說,修改中就會遇到困難,能不能不用代碼製作這種 flash 廣告呢?答案是完全可以的。而且還能夠放入到博客上,請看下面的效果!

效果預覽

‘,2)”>

Flash 輪換廣告的製作方法,可分為圖片過渡、按鈕等製作與組合、圖片更新與元件保存三個部分,下面分別介紹。

第一部分:圖片過渡製作方法

一、導入圖片:

①打開Flash8→菜單「修改」→文檔→輸入標題,設寬470、高280→確定;

FLASH輪播廣告製作1:圖片過渡效果

②菜單「文件」→導入→導入到庫→選擇10張已加工好的470×280圖片→打開。

FLASH輪播廣告製作1:圖片過渡效果

二、淡入淡出過渡特效製作:

淡入淡出,淡入用於圖片進入,淡出用於圖片退出,它們都可用在兩張圖片之間的過渡。

效果瀏覽

‘,3)”>

①打開Flash8→菜單「修改」→文檔→輸入標題,設寬470、高280→確定;

FLASH輪播廣告製作1:圖片過渡效果

②菜單「文件」→導入→導入到庫→選擇已加工好的2張圖片→打開。

FLASH輪播廣告製作1:圖片過渡效果

③重命名圖層1為「tp1」→拖圖片1到工作區→選中圖片→設XY均為0;

FLASH輪播廣告製作1:圖片過渡效果

④右擊圖片→轉換為元件→輸入「tp1」→選擇「圖形」→確定 ;

FLASH輪播廣告製作1:圖片過渡效果

FLASH輪播廣告製作1:圖片過渡效果

⑤在第10、50、60幀處插入「關鍵幀」;

FLASH輪播廣告製作1:圖片過渡效果

⑥單擊「選擇工具」→單擊第1幀→選中圖片1→設Alhpa值為0%→同樣設第60幀為0% ,第10、50幀均為100%;

FLASH輪播廣告製作1:圖片過渡效果

⑦分別在第1、第10幀之間,第50、第60幀之間,創建補間動畫→鎖上圖層tp1。

FLASH輪播廣告製作1:圖片過渡效果

⑧菜單「插入」→新建元件→輸入「tp2」→選擇「圖形」→確定→拖圖片2到工作區 →選中圖片2→設XY均為0;

FLASH輪播廣告製作1:圖片過渡效果

⑨進入場景1→新建圖層2為「tp2」→選中圖層tp1→右擊選擇「復制幀」→在圖層tp2的第50幀處黏貼幀→適當調整幀;

FLASH輪播廣告製作1:圖片過渡效果

⑩單擊第50幀→右擊圖片→選擇「交換元件」→選中元件「tp2」→確定→同樣方法交換第60、100、110幀處的元件tp1為「tp2」→鎖上第二層tp2。

FLASH輪播廣告製作1:圖片過渡效果

FLASH輪播廣告製作1:圖片過渡效果

⑾復制圖層tp1第1幀至第10幀→在第100幀處黏貼幀→鎖上第一層tp1;

FLASH輪播廣告製作1:圖片過渡效果

⑿右擊圖層tp2第110幀→選擇「動作」→打開全局函數/時間軸控制→雙擊gotoAndPlay→輸入:10→鎖上第二層tp2。

FLASH輪播廣告製作1:圖片過渡效果

淡入淡出設置圖示:

FLASH輪播廣告製作1:圖片過渡效果

FLASH輪播廣告製作1:圖片過渡效果
  三、圓形漸變過渡特效製作

這裡所指的圓形漸變,是指多個圓形排列漸變的遮罩,它分為圓形變大、圓形變小兩種。圓形變大用於圖片進入,圓形變小用於圖片退出,它們都可用在兩張圖片之間的過渡。

效果瀏覽:

‘,4)”>

1、圓形變小的製作方法:

①打開Flash8→設置背景尺寸470×280→導入2張已加工好的470×280圖片到庫。

②命名圖層1為「tp1」→單擊「第1幀」→拖圖片1到工作區→選中圖片→設X、Y均為0→在第60幀處插入幀;

③新建一層為「tp2」→在第45幀處插入「空白關鍵幀」→拖圖片2到工作區→選中圖片→設XY均為0→在第105幀處插入幀→將tp1移到tp2上面。

④菜單「插入」→新建元件→輸入名稱「ma」→選擇「影片剪輯」→確定→點「橢圓工具」→畫一個100正圓→XY軸均為-50;

⑤在15幀處插入關鍵幀→單擊第1幀→在「補間」裡選擇「形狀」→單擊第15幀→選中正圓→設寬高均為1、XY為-0.5→。

⑥菜單「插入」→新建元件「maa」「影片剪輯」→畫矩形470×280、X軸-235、Y軸-140→在15幀處插入幀→鎖上圖層1。

⑦新建一層圖層2→將ma拖出→擺放成如下圖樣式→鎖上圖層2→刪除圖層1。

⑧進入場景1→新建一個層為「圓形變小」→在45幀處插入「空白關鍵幀」→將maa拖出→在第61幀處插入「空白關鍵幀」;

⑨右擊「圓形變小」層→設置該層為「遮罩層」→鎖上該層。

2、圓形變大的製作方法:

方法一,按圓形變小的製作方法製作。

這種方法只要修改以上第⑤就可以了。

原來的第⑤是:在15幀處插入關鍵幀→單擊第1幀→在「補間」裡選擇「形狀」→單擊第15幀→選中正圓→設寬高均為1、XY為-0.5。

修改後的第⑤:在15幀處插入關鍵幀→單擊第1幀→在「補間」裡選擇「形狀」→選中正圓→設寬高均為1、XY為-0.5。

方法二,修改已保存的「圓形變小.fla」文件。

⑴打開「圓形變小.fla」文件→雙擊庫中的「ma」;

⑵解鎖→單擊第1幀→選中正圓→設寬高均為1、XY為-0.5;

⑶單擊第15幀→選中中點→設寬高均為100、XY為-50→菜單「文件」→另存為。

圓形漸變設置圖示:

FLASH輪播廣告製作1:圖片過渡效果

FLASH輪播廣告製作1:圖片過渡效果

四、方形漸變過渡特效製作

方形漸變是指多個方形排列漸變的遮罩,可分為方形變大、方形變小兩種。它的功能是:方形變大用於圖片進入,方形變小用於圖片退出,也都可用在兩張圖片之間的過渡。

方形漸變效果:

‘,5)”>

1、方形漸變的製作方法:

方形漸變的製作方法,與圓形漸變的製作方法基本相同。它還可通過修改「圓形變小.fla」文件來做到。下面介紹的是將「方形變大」與「方形變小」放在一起的製作方法。

⑴打開Flash8→設置背景尺寸470×280→菜單「插入」→新建元件→輸入「fa」→選擇「影片剪輯」→確定;

⑵選擇「矩形工具」→畫一個80方形、XY均為-40→在第15幀處插入關鍵幀→鎖住該層;

⑶右擊庫中的「fa」→直接復制→取名「fb」→選擇「影片剪輯」→確定→鎖住該層;

⑷菜單「插入」→新建元件→輸入「faa」→選擇「影片剪輯」→確定→畫一470×280矩形、X為-235、Y為-140→在第15幀處插入幀→鎖住該層。

⑸新建一個圖層2→單擊第1幀→將「fa」拖出→擺放如下圖樣式→鎖上圖層2→刪除圖層1。

⑹按照④⑤的方法新建影片剪輯「fbb」→將「fb」拖出→擺放如上圖樣式→鎖上圖層2→刪除圖層1。

⑺雙擊庫中的「fa」→單擊第1幀→在屬性「補間」裡選擇「形狀」→選中方形→設寬高為1,XY軸為-0.5→鎖住該層。

⑻雙擊庫中的「fb」→單擊第1幀→在補間裡選擇「形狀」→單擊第15幀→選中方形→設寬高為1,XY軸為-0.5→鎖住該層。

⑼進入場景1→導入2張圖片到庫→更名圖層1為tp1→單擊第1幀→拖出圖片1→設XY為0→在第59幀處插入幀→鎖住該層。

⑽新建層tp2→在第45幀處插入空白關鍵幀→拖出圖片2→設XY為0→在第105幀處插入幀→將tp1移到tp2上面→鎖住該層。

⑾新建層「方形漸變」→將該層移到最上面→單擊第1幀→拖出「faa」→在第15幀處插入空白關鍵幀→單擊第45幀→拖出「fbb」→在第60幀處插入空白關鍵幀;

⑿對著「方形漸變」層單擊右鍵→設置為「遮罩層」→鎖住該層。

方形漸變設置圖示:

FLASH輪播廣告製作1:圖片過渡效果

註:通過修改上面的「方形漸變.fla」文件,還可製作不同的幾何圖形漸變,下面再介紹一個實例。

菱形漸變效果瀏覽

‘,6)”>

菱形漸變的製作方法:

①打開「方形漸變.fla」文件→雙擊庫中的「fa」→刪除第1至14幀保留第15幀;

②選中方形→單擊變形工具→將方形旋轉45度→設高寬為150、XY為-75→在第15幀處插入關鍵幀;

③單擊第1幀→在屬性「補間」裡選擇「形狀」→選中菱形→設寬高為1,X,Y軸為-0.5→鎖住該層。

④雙擊庫中的「fb」→單擊第1幀→選擇變形工具→將方形旋轉45度→鎖住該層。

五、正反旋轉過渡效果製作

正反旋轉,是順時針旋轉和反時針旋轉特效的簡稱。它們都用於圖片進入,也可用在兩張圖片之間的過渡。

正反旋轉效果瀏覽

‘,7)”>

正反旋轉的製作方法:

⑴打開Flash8→設背景尺寸470×280→菜單「插入」→新建元件→輸入名稱「k1」→選擇「影片剪輯」→確定;

⑵點橢圓工具→畫一個600的正圓、XY為-300;

註:在畫橢圓時要注意將工具「選項」下面的「對象繪制」和「貼緊至對象」不要點下去,

⑶用線條工具畫一條長為600的線段→雙擊線條→打開「對齊」工具,點「相對於舞台」、「水平中齊」、「垂直中齊」;

⑷打開變形工具→設置30度→單擊「復制並應用變形」5次;

復制後,把正圓平均分成了12份。

⑸右擊其中一份→復制→鎖上第一層→ 新建一層→ 右擊這層工作區→ 選擇「黏貼到當前位置」;

⑹用同樣方法把每一份黏到當前位置→刪除圖層1→再按順序重命名圖層1到圖層12。

⑺右擊庫裡的「K1」→選擇「直接復制」→輸入名稱「K2」→選擇「影片剪輯」→確定。

⑻雙擊庫裡的「K1」→選中所有層→在20針處插入關鍵幀→按下圖刪除關鍵幀。 (正向旋轉)

⑼雙擊庫裡的「K2」→選中所有層→在20針處插入關鍵幀→按下圖刪除關鍵幀。 (反向旋轉)

⑽導入2張圖片到庫→進入場景1→更名圖層1為tp1→單擊第1幀→拖出圖片1→設XY為0→在第

⑾新建層「tp2」→在第41幀處插入空白關鍵幀→拖出圖片2→設XY為0→在第80幀處插入幀→鎖住該層。

⑿新建層「tp3」→移該層到最下面→按下圖的樣子再分別設置圖片2、圖片1→鎖住該層。

⒀新建層「正反旋轉」→移該層到最上面→單擊第1幀→拖出「K1」→設X為235、Y為-160→在第20幀處空白關鍵幀;

⒁在第41幀處插入空白關鍵幀→拖出「K2」→設X為85、Y為-160→在第61幀處插入空白關鍵幀;

⒂右擊「正反旋轉」層→設為「遮罩層」→右擊「tp1」層→選擇「屬性」→選擇「被遮罩」→確定。

正反旋轉設置圖示:

FLASH輪播廣告製作1:圖片過渡效果

六、對角滾動過渡效果製作

對角滾動有四種,即從右下向左上、左下向右上、左上向右下、右上向左下滾動,都用於圖片進入,可用在兩張圖片之間的過渡。

對角滾動的效果瀏覽

‘,8)”>

對角滾動的製作方法:

⑴打開Flash8→設背景尺寸470×280→菜單「插入」→新建元件→輸入名稱「pa」→類型為「影片剪輯」→確定;

⑵用矩形工具畫470×280長方形、X為-235、Y為-140→鎖上該層→關閉眼睛。

⑶新建圖層2→繪960×300長方形→X為-480、Y為-150→用選擇工具拉成如下圖;

⑷用線條工具畫出左邊的波浪線條→全部選中→按鍵盤 Ctrl+G 組合→單擊第1幀→菜單「修改」→分離。

⑸打開圖層1小鎖、眼睛→在第20幀處插入幀→鎖上圖層1。

⑹在圖層2第20幀處插入關鍵幀→單擊第1幀→在屬性補間處選擇「形狀」→將整個圖形拉在右則;

⑺單擊圖層2第20幀→將圖形調整如下圖全部蓋住下圖→鎖住該層→刪除圖層1。

⑻菜單「文件」→導入→導入到庫(導入2張尺寸470×280圖片)。

⑼進入場景1→重命名圖層1為「tp1」→拖出圖片1→設XY為0→分別在第21、41、61幀處插入空白關鍵幀→單擊第41幀→拖出圖片2→設XY為0→復制第1至60幀→黏貼在第81幀處→鎖住該層。

⑽新建層「tp2」→分別在第41、81、121幀處插入空白關鍵幀→在第160幀處插入幀→復制tp1層的第1幀→分別黏貼在第41、121幀處→復制tp1層的第41幀→分別黏貼在第1、81幀處→鎖住該層。

⑾新建層「滾動」→單擊第1幀→拖出「pa」→設X為470、Y為-10;(右下向左上)

⑿在「滾動」層第21、41、61、81、101、121幀處分別插入空白關鍵幀→刪除第140幀以後的幀→復制第1幀→分別黏貼在第41、81、121幀處; 雙擊第41幀→菜單「修改」→變形→水平翻轉→單擊圖形→設X為-1007、Y為-10;(左下向右上)

雙擊第81幀→菜單「修改」→變形→縮放與旋轉→旋轉180→確定→單擊圖形→設X為-1007、Y為-10;(左上向右下)

雙擊第121幀→菜單「修改」→變形→垂直翻轉→右擊「滾動」層→設「遮罩層」。(右上向左下)

對角滾動設置圖示:

FLASH輪播廣告製作1:圖片過渡效果

‘,9)”>

‘,10)”>