支書老屋

一個老朽的不朽老屋
正文

【閃國探秘】

(2006-07-19 15:54:34) 下一個

前言
入門篇
提高篇
媒體製作篇
輔助軟件篇
高手篇
附錄

 

前言

互聯網和計算機軟硬件技術的迅猛發展,導致了一種新的激動人心的藝術形式--閃(flash)的誕生。閃集音樂,美術,文字的功效於一身,動態效果令人震撼,且體積小,交互性強,在網絡中領盡風騷,轉眼脫穎成為各類網絡媒體中的龍頭老大。

閃的前身是一種矢量動畫插件,經Macromedia公司重新包裝,不斷升級後,如今已成為網頁製作,特別是動態網頁不可缺少的部件。它采用流行的矢量技術繪圖,因此繪製圖形可以無極放大,而且生成文件極小;它也可以導入常見格式的圖像(如.jpg 和.bmp),而且與專業級繪圖工具(如Adobe Illustrator等)兼容,從而給不同背景的用戶提供了用武之地。

在我們壇子裏共有四人會做閃:春蟲蟲,whisper,無雙和我,曾經還有位五十弦和Minerva,可惜很久沒來了。蟲蟲和W是藝術派,無雙和我則可以稱作技術派,正好反映了閃國大致的人員分類情況。藝術派強於美工,有著紮實的美術功底,許多精品都出自此類人員手中。但是閃的製作畢竟涉及許多計算機和媒體知識,而動作腳本(action script)的應用更類似於編程,所以在交互性製作上技術派頗有用武之地,更起著推動閃技術大眾化的作用。

客觀地說,蟲蟲的閃製作水平現在是最高的,各種技巧已臻嫻熟,但是計算機技術限製著蟲蟲做出些交互性很強的閃來,而W玩這個我總覺得有些委屈了她的本事,因為製作閃比較繁瑣,束縛抽象畫藝術思維;至於象我這樣天生不足,不能提畫筆的也隻能業餘玩樂一下,而無雙的繪畫細胞聽說都被她哥搶跑了,所以和我一樣能在閃國開辟的天地就有限了。於是很自然的,我想起了小仙女:計算機技術和電腦繪畫水平都讓人側目,正是閃國未來的棟梁。這是我整理這篇東西的初衷,希望能將小仙女領入閃國,同時希望蟲,W和雙能學到些實用技巧,舉一反三,讓閃技更上一層樓。若有其他茶友對此感興趣,那就更好。

 

入門篇

第一步當然是先搞到製作閃的軟件,它就是Macromedia Flash,現在的版本是FLASH MX 6.0,不過FLASH 5.0已經很不錯了。

初上手建議先熟悉軟件使用命令,磨刀不誤砍柴工。可以先做個短動畫,看到畫麵裏的東西按著自己的安排運動,成就感是非常巨大的,有助於減輕以後會遇到的煩惱。然後再慢慢增加難度。

在軟件使用中,最需要注意的一些概念是:層(layer),場景(scene),幀(frame),關鍵幀(keyframe), 庫(library),圖符(symbol),間(tween),運動引導(Motion Guide),遮蓋(mask)等。學習中要逐步熟悉並熟練運用這些概念。尤其是對圖符概念的理解,將會大大減輕製作負擔,並使得生成文件盡可能變小。

學會畫麵演化(transition)的幾種基本手法,移動,翻轉,縮放,變淡變暗(調屬性項),然後可以考慮加入音樂,這樣就已經能製作出讓外行嘖嘖稱歎的閃來了。

注意使用軟件提供的幫助和演示實例。


提高篇

通過一些實例的學習,能迅速掌握一些實用技巧,以下是一個製作飛龍在天的例子:

http://www.ccidnet.com/school/multimedia/2002/06/18/108_6727.html

以下是另外一些常用效果:

水滴效果:http://www.hongen.com/pc/homepage/flashsl/flash58/flash581.htm

雪花飛舞效果:http://tech.enet.com.cn/document/20011229/2001122910362601.shtml

預載影片效果:http://www.hongen.com/pc/homepage/flashsl/flash13/flash131.htm

其他製作實例:http://www.hongen.com/pc/homepage/flashsl/flashjq.htm

對動作腳本的研究會大幅度提高製作水平,而且顯得十分專業化。

 

媒體製作篇

閃的製作涉及音樂的選材,沒音效的閃是黯淡無光的。目前的FLASH版本主要接受wav,aiff和 mp3這三種格式。這裏簡單介紹下各種格式向mp3的轉換。其實有一個最簡單也最實用的辦法就是找一張CD-RW,把無論什麽格式的音樂都燒上去,然後就可以用普通軟件讀出來(這是對付rm格式文件最有效的辦法)。至於其他類型格式文件之間的轉換,這樣的軟件就太多了,推薦Sound Edit或Sound Forge,還有Neromix。

 

輔助軟件篇

許多第三方軟件支持閃,從而大大增強了閃的表現能力,如Swish, Flax;還有一些軟件是用來下載,播放,分析別人的作品的,如Swift Extractor;這裏不一一多訴,附上鏈接:

Flash周邊軟件全接觸: http://tech.enet.com.cn/document/20010924/2001092411173601.shtml

下載:http://www.ttdown.com/SoftList_S602_SoftTime_Desc_1.htm

 

 

高手篇

閃采用即時下載即播放(streaming)的技術,如果文件太大則失去了許多網上競爭優勢,也會讓觀眾在漫長等待中不勝其煩,大大影響了藝術效果。

以下是一些高手對減小閃的體積的建議:

  ■多利用“移動漸變”。
  ■少用點陣圖,多用向量圖,導入的點陣圖文件盡量小一點。
  ■音效文件最好以MP3壓縮。
  ■盡量避免使用多種字體。
  ■避免打散文字。
  ■能成組的圖形盡量成組。
  ■不要在想同時間段內有很多動作。
  ■把圖符資料庫中的不必要圖符清除。
  ■多利用圖符。
  ■多使用實線,少用虛線。

另外常訪問些討論閃技術的論壇,對閃技術的提高大有裨益。以下是一些有名的網址:

閃客天下:http://tech.enet.com.cn/columns/flashworld.shtml

閃客部落:http://www.21sk.com

http://www.gzxq.com/21sk/tech/index.asp?Tech_part=2&part_name=高級製作

(嗬嗬,這裏也有個無雙,不過好像不是咱們這個無雙)

閃客帝國:http://www.flashempire.com

閃吧: http://www.flash8.net

閃客天地:http://www.flashsky.com

經常去體味琢磨一些精品,也會對自己水平的提高極有幫助。

最後,閃的選題也很重要。許多閃作品顯示了比較高的製作技巧,但因為作者的欣賞水平和表現手法的局限,大大降低了作品的藝術價值,當引以為戒。

好,閃國導遊到此為止,願大家有所收獲,期待早日看見小仙女的作品問世。:)

 

附錄

以下是一些常用腳本命令:(資料來自網上)

Goto  跳到一個指定的幀(Frame)
 Scene:  指定 Scene
 Frame:Number,Label,Expression,Next Frame,Previous Frame  可以選擇 Frame 的編號,標號,通過表達式,下一幀,前一幀
 Expression:  定義表達式
 Control:Go to and Play,Go to and Stop  通過選擇這個項目來確定到達指定的幀以後是繼續播放還是停止

例子:
Go to and Play (1)  跳到第一幀播放
Go to Next Frame  跳到下一幀播放
Go to and Stop ("intro")  跳到標號為 intro 的幀播
Play  播放
Stop  停止
Toggle High Quality  切換畫麵的細節程度
Stop All Sounds  停止所有聲音
Get URL  打開指定的網址
URL:  網址
 Windows:_self,_blank,_parent,_top  打開網址時使用的目標
 Variables:Don''t Send,Send use GET,Send use POST  變量的傳遞方式

例子:
Get URL ("next.asp", window="_blank", vars=POST)  在新窗口中打開 next.asp,並且傳遞參數

FScommand  調用命令
 Command:  命令
 Arguments:  參數
 For standalone player:fullscreen,allowscale,showmenu,exec,quit  播放器使用的固定命令和參數

例子:
FS Command ("fullscreen", "true")  設置全屏幕播放

Load/Unload Movie  調入/釋放外部的影片
 Action:Load movie into location,Unload movie from location,Load variables into location  可以選擇是否調入新影片,釋放已經調入的影片,調入變量
 URL:  影片的網址
 Location:Level,Target  調入的層,或者是某一目標對象的位置
 Variables:Don''t Send,Send use GET,Send use POST  變量的傳遞方式

例子:
Load Movie ("test.swf", 1)  把 test.swf 調入到第一層
Load Movie ("test.swf", "loadit", vars=GET)  把 test.swf 調入到 loadit 目標對象的位置
Unload Movie ("loadit")  把 loadit 目標對象處的影片釋放
Load Variables ("makeit.asp", 2, vars=GET)  調用 makeit.asp 並接收返回的變量

Tell Target  指定目標對象
 Target:  目標對象

例子:
Begin Tell Target ("obj")  指定目標對象 obj
End Tell Target

If Frame is Loaded  判斷某幀是否調入
 Scene:  指定場景
 Frame:Number,Label,Expression  指定幀,標號或者表達式
 Expression:  表達式

例子:
If Frame Is Loaded (Scene 1, "end")  判斷場景一的標號為 end 的幀是否調入
End Frame Loaded

On MouseEvent  鼠標時間響應
 Event:Press,Release,Release Outside,Roll Over,Roll Out,Drag Over,Drag Out,Key Press  各種事件:按下,放開,在外麵放開,焦點移入,移出,拖過,拖出,按鍵按下

例子:
On (Press)  鼠標按下的時候
End On
On (Key: s)  鍵盤上 s 按下的時候
End On

If  判斷條件是否成立
 Condition:  條件
 Add Else/Else If clause  加入 Else 再次判斷

例子:
If (a=10)  如果 a=10 那麽……
End If
If (a=10)  如果 a=10 那麽……不然……
Else
End If

Loop  循環
 Condition:  條件

例子:
Loop While (a=10)  如果 a=10 那麽循環
End Loop

Call  調用函數幀或對象
 Frame:  函數幀

例子:
Call ("make")  調用 make 幀程序

Set Property  設置屬性
 Set:Y Positon,X Position,Y Scale,X Scale,Alpha,Visibility,Rotation,Name,High quality,Show focus rectangle,Sound buffer time  設置 y 坐標,x坐標,y 放大倍數,x 放大倍數,透明度,可視否,旋轉角度,名稱,精細度,焦點矩形框是否顯示,聲音緩衝時間(默認5秒)
 Target:  目標對象
 Value:  值

例子:
Set Property ("aoe", X Position) = "12"  設置目標對象 aoe 的 x 坐標為 12
Set Property (Show focus rectangle) = "0"  取消焦點框

Set Variable  設置變量
 Variable:  變量
 Value:  值

例子:
Set Variable: "test" = 10  設置 test=10

Duplicate/Remove Movie Clip  複製對象
 Action:Duplicate movie clip,Remove duplicate movie clip  可選擇是複製還是刪除
 Target:  目標對象
 New name:  新目標對象的名字
 Depth:  深度

例子:
Duplicate Movie Clip ("aoe", "aoe2", 1)  複製 aoe 一個新的動畫,名字叫 aoe2
Remove Movie Clip ("aoe2")  刪除目標對象 aoe2

Drag Movie Clip  拖動影片片段
 Start drag operation  開始拖動
 Target:  目標對象
 Constrain to rectangle:Left,Top,Right,Bottom  鼠標的位置,左上右下
 Lock mouse to center:  鼠標放置在中心
 Stop drag operation  停止拖動

例子:
Start Drag ("aoe", L=2, T=3, R=4, B=5)  拖動目標對象 aoe,位置在 L=2, T=3, R=4, B=5
Start Drag ("aoe", lockcenter)  拖動目標對象 aoe,位置在中心
Stop Drag  停止拖動

Trace  跟蹤
 Message:  信息

例子:
Trace ("aoe")  顯示 aoe
Trace (aoe)  顯示 aoe 的值

Comment  注釋
 Comment:  注釋

例子:
Comment ("計算")  注釋:計算

[ 打印 ]
閱讀 ()評論 (0)
評論
目前還沒有任何評論
登錄後才可評論.