Swishmax

章節目錄


為什麼要使用Swishmax?
環境介紹
元件介紹
特效介紹
放置效果
基本特效
一般效果
核心效果
建立文字動畫
建立按鈕
加入按鈕圖形
增加狀態
加入超連結
建立精靈
建立遮罩

實作
文字從畫面中間浮現
簡單 的互動式按鈕教學
漸層文字(遮罩效果)
後記


為什麼要使用 Swishmax?

SWiSHmax 是SWiSHzone公司功能最強的 Flash 快速設計工具,具有230超強特效,內含 Javascript-like 敘述語言與支援動態內容及輸入表格, SWiSHmax 讓您快速製作Flash動畫與選單、按鈕、展示及簡報。

註:上述簡介擷取自 迪凱科技有限公司

環境介紹

啟動 Swishmax 之後,會先出現類似 Flash 程式的畫面,並且會跳出一個『您想要做什麼?』的對話框供我們選擇。
main

main

main


元件介紹

在 Flash 中,主要是由三個不同的元件所構成的:圖像、按鈕、影片片段。
圖像 代表的是靜態的圖像元件
按鈕 代表的是可以感應滑鼠、點選等反應的按鈕元件
影片片段 代表的是獨立的影片;再換個角度看,其實影片片段本身就是個小型的電影

而在 Swishmax 中,文字與圖像皆可被歸類為靜態的元件;按鈕則與 Flash 中的相同;最大的不同則是在 Flash 中的影片片段,到了 Swishmax 被改稱為精靈
main


特效介紹

在 Swishmax 中,內建了230種的特效,可以讓我們在使用起來更加得心應手。
effect

放置效果
放置:指的是,假設我們在第一個影格的時候,能夠出現文字或圖片,但是卻希望在第 20 個影格才出現特效或動畫,這個時候就可以使用放置效果(在第一個影格的時候,加上放置的效果),讓文字與圖片提早出現,但又能夠保有後續影格的效果。
刪除:指的是,如果我們希望讓特定的文字或圖片,在執行完特效之後,就能夠消失於畫面,可以使用刪除的特效(或者,如果想要簡單的至做出閃爍的效果,我們 可以利用放置、刪除在影格中交替使用)。
移動:指的是,當我們希望文字或圖片由左到右的移動的時候,我們可以使用;但是,需要注意的地方是,當我們使用移動特效的時候,需要利用滑鼠左鍵連續的影 格上點選兩次,進入到特效的設定畫面修改,才可以看到效果。

基本特效
漸進(淡入、淡出):指的是可以將文字或圖片,由透明到完整的呈現(淡出則相反)。
縮放(放大、縮小):指的是可以將文字或圖片,由小而大的做縮放(縮小則相反)。
滑動:指的是文字或圖片,由效果指定的方向進入(離開)場景。
模糊:指的是文字或圖片,由模糊而清楚的顯示在場景中。
重複影格:指的是會自動的重複前一個效果(如果該文字或圖片有多種效果,也以最靠近的效果為準),而不需要重複的執行效果的增加。
復原:指的是由於我們在使用效果的時候,偶而或發生效果上的不合理,舉例而言,我們希望文字『由中心向外爆炸』,然後接著希望文字從場景中淡入,此時,就 容易發生流程上的不合理(文字已經離開畫面了,但下一個效果卻又希望文字在從中間出現),此時,我們就可以設定復原的效果,讓流程合理化。

一般效果
01 從顯示到位置:指的是文字或圖片的顯示,將由特效一開始的呈現,最後完整的停留在場景中。
02 從位置消失:基本上,與上述的效果相反,也就是說由一開始的文字(圖片)在場景中,最後經由特效離開場景。
03 連續循環:指的是在特效上面,文字(圖片)會不斷的在場景中自我重複執行的效果。
04 一次關閉:指的是在特效上,文字(圖片)在執行特效完畢之後,會消失在場景中,但與『從位置消失不同』,此種特效會不斷的重複執行。
05 回到起始:指的是在特效執行完畢之後,文字(圖片)還是會重新回到原來的位置上,並自動不斷的執行。

核心效果
指的是在 Swish 在剛開始推出的時候,所內建的特效(後續的特效,都是依據此特效發展出來)。


建立文字動畫

我們現在來試試看,動手做一個簡單的文字動畫,順便體驗一下 Swishmax 的強大威力。(註:我自己的習慣,是在開啟之後,就先存檔,換句話說,就是什麼都不做,既不打字、也不加入圖片,但是先存檔....這樣子做的目的,是可 以避免發生加入物件時,容易在相關路徑上的錯誤)
步驟:選擇『插入』-『文字』,接著在面版區會自動呈現目前正在使用的面版工具列(此例是『文字』),我們直接輸入文字即可;接著,我們選擇『加入』- 『效果』-你喜歡的效果就可以了(此例中,我選的是 03 連續循環 - 瘋狂 3D 旋轉)
text

text

text

text

text

加入『效果』
text

觀看成品

建立按鈕

按鈕在網頁或是互動程式中,是常被使用到的元件。
在使用按鈕之前,有一個觀念需要先說明。一般而言,具有互動性質的按鈕具備有 4 種特性,分別是:一般、滑入、按過、感應區。
一般 按鈕平時的狀態
滑入 當滑鼠移過按鈕的狀態
按過 當滑鼠按下按鈕的狀態
感應區 表示按鈕的感應區
因此,每一個按鈕都可視為上述 4 種狀態的組合(當然,如果我們希望按鈕 4 種狀態都一樣也是可以的)。
步驟:選擇『插入』-『按鈕』
button

button

button

到這裡,就需要特別了,由於先前曾經提過,我們是將按鈕視為一組,所以,稍候的按鈕設定,請不要點選『按鈕』,而是選擇底下的『按鈕狀態』。

加入按鈕圖形
button

button

button

button

增加狀態
由於『按鈕狀態』是屬於『按鈕』之下,所以,我們點選『按鈕』之後,可以看到右側面版中已經轉為『按鈕面版』;勾選『有分隔經過狀態』、『有分隔向下狀 態』與『有分隔按鍵狀態』,程式就會自動的幫我們複製狀態了。
接著,我們就可以個別的更改不同的狀態(如更改按鈕顏色藉以讓使用者區別)。
button

button

button

button

加入超連結
按鈕的應用,不外乎希望與使用者有所互動,因此,我們來試試看藉由按鈕,當我們按下按鈕之後,會連線到蟠桃國小的網頁。
步驟 1 :點選『腳本』-『增加腳本』-『事件』-『按鈕』-『on release(當滑鼠按下放開)』
步驟 2 :點選『腳本』-『增加腳本』-『瀏覽器/網路』-『getUrl(...)』
url

url

url

url

url

url

觀看成品


建立精靈

前面提過,『精靈』本身是可以視為獨立存在於場景中的元件,而不受到在場景中的限制,是一個非常被使用到的元件。
步驟:選擇『插入』-『精靈』
wizard

事先已輸入文字-建立精靈元件
wizard

wizard

精靈的時間軸
wizard

wizard

場景的時間軸(注意到沒有?兩者的時間軸不同的地方?是的,就是在精靈的時間軸中,是沒有文字的)
wizard

繪製圖形
wizard

wizard

wizard

替精靈加入特效
wizard

在場景的時間軸中,是看不見剛剛為精靈所建立的特效(因為精靈有屬於自己的時間軸)
wizard

觀看成品


建立遮罩

首先,一個觀念:遮罩必須被使用在『精靈』中。
其次,遮罩的作法,在 Swishmax 與 Flash 略有不同。在 Swishmax 中,作為遮罩的圖形,必須在下方,也就是我們想要看到的圖片在下方;而在 Flash 則相反,我們來實際做一遍。
步驟:選擇『插入』-『精靈』
mask

mask

mask

mask

mask

繪製遮罩的圖形
mask

mask

mask

前面提過,要被看到的圖片必須在遮罩的上面,所以,我們必須把圖片位置調換一下。
mask

勾選『作為遮罩使用底部物件
mask

mask

當我們勾選之後,會發現在精靈的場景區,剛剛的遮罩也被選取起來了。
mask

點選播放效果
mask

mask

觀看成品


實作

文字從畫面中間浮現
觀看成品

簡單的互動式按鈕教學
觀看成品

漸層文字(遮罩效果)
觀看成品

後記

在 Flash 與 Swishmax 中,預設值是 12 個影格代表 1 秒鐘。

其次,在 Swishmax 的繪圖工具列中,我們希望能夠繪製出六角型(預設為五角型),你可以點選圖案,之後按住鍵盤上的 Ctrl 按鍵,此時圖形中央會出現可供點選的小圓圈,我們只要點選中央的小圓圈,就可以由五角型變為六角型(星星的步驟也是一樣)。
pentagon

pentagon


若 您對本文件有任何的問題或建議,歡迎來信告知
蟠 桃國小資訊組  王 安國
Document made with Nvu