2006.12.27


一套簡易的 FLASH 製作、設計工具‥‥‥ SWiSHMax
這套軟體算是簡易型的 Macromedia Flash MX 動畫製作軟體!

這次來示範上面的小範例,順便概略講解 FLASH 製作方式~

網路上不少攝影朋友喜歡將照片整合成動畫供人下載觀賞,這套軟體的目的在此!
若您嫌 Macromedia Flash MX 難以學習,這套軟體老實說還滿容易上手的~

SWiSHMax 內建了超過 230 個以上的特效,讓您直接套用特效,且相容於中文環境。
支援基本的 Script 及 Script 編輯器,Script 除錯工具。
動畫可輸出為 SWF 及 EXE 格式的檔案!
 
 

這是中文版主程式畫面!
 
 

一般來說比較常用的部份可以分為
1. 時間軸
    這個的作用代表執行運作的時間,通常特效會放置於此!
2. 預覽播放
    在設計或增加特效後,這個預覽播放鈕可以即時的觀看效果!
3. 場景物件
    文字、圖片、聲音皆為物件,將放置於此‥‥
4. 場景工具
    工具列中可針對目前場景或物件作個別設定,例如顏色、大小、位置‥‥等
 
 

現在我來示範一個小範例!
首先第一步,先設定 FLASH 畫面的寬與高,以這個範例來說是 240×180 畫面率設為 21 背景顏色是黑色!
接著我們將 FLASH 檢視的大小改為 100% (噗‥‥圖裡面是106%)
第三步我們點選上方工具列中的「插入」後移至「文字」,是的!我們要新增一個文字物件‥‥
 
 

新增完畢後我們在右側選擇文字,並輸入想要顯示的文字內容以及字型大小!
輸入完畢後在左側的場景物件中會多了一個文字物件~ 滿容易的吧~
 
 

接著我們在時間軸文字物件的部份點一下「第一個畫格」
點選完畢之後,左側有個加入效果,點進去之後我們移至漸近裡面的「淡入」並選擇這個特效!
 
 

選擇完畢後,在時間軸裡面會多了一個「淡入」的特效,此時我們將特效的時間拉長至 20
好了之後,按一下工具列裡面的 Play 鍵試看看吧~ 簡單!厲害~
 
 

接著我們點選時間軸中大約在28位置,點一下!
一樣,我們新增特效→回到起始→波浪旋轉
 
 

波浪旋轉的特效出現在時間軸裡面了!!
接著我們一樣把這個特效拉長至 37
好奇的話按一下 Play 鍵‥‥ 看完之後我們繼續往下!
 
 

重複新增特效的動作
點一下第 72 格
接著新增特效→回到起始→子彈 – 漣漪
並將此特效拉長為 24 畫格
 
 

再多加一個特效!!
重複新增特效的動作
點一下第 103 格
接著新增特效→從位置消失→前來 – 消失
並將此特效拉長為 26 畫格
好了,繼續加油,快完成了‥‥
 
 

這次,我們再新增一個文字物件,還記得怎麼新增嗎?
試看看‥‥‥
新增完畢之後我們一樣移至 137 格 點一下
接著新增特效→顯示到位置→瘋狂 – 淡入
並將此特效拉長為 40 畫格

接著我們再增加最後一個特效!
移至 192 格 點一下
接著新增特效→漸近→淡出
並將此特效拉長為 50 畫格

按下播放 Play 看一下‥‥ 恭喜!
等等‥‥ 我們還要把這個動畫匯出放到網頁上呢!
 
 

在工具列中的檔案有個匯出,我們選擇匯出為 HTML+SWF
存檔為 demo1 之後,我們會看到如下圖‥‥
 
 

點看看 demo1.html
成功了嗎!? 恭喜!!
但是我要怎麼加到網頁或者是發表文章裡面呢?
在您的編輯區裏面加入以下的語法,當然! SWF 的檔案要先找個空間存放!
<embed type="application/x-shockwave-flash"
 pluginspage="https://www.macromedia.com/go/getflashplayer"
 width="710" height="483"
 name="xxxx" src="https://你存放的網址/????????.swf"
 bgcolor="#000000" quality="high"
 swLiveConnect="true" allowScriptAccess="samedomain">
</embed>

加上以上 html 語法之後就可以看見啦~~
 
 

當然! 我們也可以選擇匯出 EXE 執行檔!! 提供給大家下載後在自己的電腦上觀賞~

僅以這個例子作為 FLASH 設計的入門,希望以上的講解大家都清楚明暸‥‥
 
 

下載本範例

相關資訊:
SWiSHMax 中文試用版下載
SWiSHMax 英文官方網站


相關文章︰
  • 讓你的照片動起來

  • Mike - 22:10 發表於 軟體分享,軟體教學 | 15,569 次閱讀 | 留言回應 (13)  Tags: ,

    13 則迴響 »

    1. 學生在搬椅子坐好了
      下一堂課,何時開始呀!?

      jerome — 2006/12/28 2:33

    2. 果然是大師 我志興 o rz:

      aandadar — 2006/12/29 11:19

    3. 好棒~期待下一堂課哦~
      smile

      Nancy — 2007/01/02 15:02

    4. s :w00t: MIKEE~~~

      下次來開個修圖教室~!!!!

      上次有在無名問過你! 你說有時候也要有事後的修圖

      教一下吧!! 我這就去拿椅子!!

      NMCHEN — 2007/01/05 0:48

    5. NMCHEN:
      近期準備中唷.. lol

      謝謝各位的留言,希望這篇對大家都有用!
      下一篇將延續本篇,前提是希望都看的懂這一篇 :pouty:

      Mike — 2007/01/08 0:15

    6. 起初是因為CANON的DDP結緣
      但發現這裡卻不單單只是DDP
      而有更多更讚的分享內容!!!!!!!

      太棒了感謝您無私的分享!!!
      超愛您的網誌的
      每每都有您無私努力的分享,
      太讚了!!!

      推推推 :biggrin:

      順 — 2007/05/03 0:51

    7. 謝謝大師開講!!
      本想尋找如何製作桌布的方式。
      路經貴寶地,真是受益匪淺!! o rz:

      qq — 2007/12/27 23:38

    8. 最近也在搞這個,但我不知道是不是我瀏覽器的問題還是網路的關係

      檔案load動畫很正常,但進到圖片的時候,畫面看起來就像百葉窗一樣的移動

      手動把動畫品質調低,這樣的狀況才消失,但開頭的文字卻變得很醜

      不知道mike有沒有遇到這樣的問題

      wliomsky — 2009/02/05 9:27

    9. 你好
      請教你一下
      我照著你的教學
      一步一步跟著做

      目前碰到幾個問題
      搞了好幾天
      還是一直解決不了

      我將做好的swf檔
      上傳到樂多日誌的網路空間
      再使用無名小站做連結
      在我自己電腦上面看
      都是沒問題的

      但用別台電腦開啟之後
      都沒畫面
      有時候只會跑出loading就不動了
      我也試著把loading都取消
      只放寬景圖
      但都是畫面
      這是為什麼呢?

      我有試過上傳別的網路空間
      但卻又不知道怎麼看我存放的網址 o rz:

      CITYPOPO — 2009/03/11 13:04

    10. 再請教一下
      上傳到網路空間的檔案
      是否只要單單上傳swf檔就好了?

      CITYPOPO — 2009/03/11 13:06

    11. CITYPOPO:
      目前就你描述我可以想到的問題有..
      1.樂多是不是無法外連?
      2.只要將 swf 上傳到網路空間就可以,要可以直接連結那種的..
      若不知道哪裡可以放 swf 的話
      http://0rz.tw/ylVBf 有許多搜尋的結果,給你參考
      若問題還是一樣的話, 請 email 你的 swi 給我吧! :happy:

      Mike — 2009/03/11 20:36

    12. 你好..
      看了你的教學,讓我受益斐淺,

      有個問題想問你:
      我照著你的教法操作後,
      怎麼每一段效果都不能連貫播放呢?
      這是為什麼,要如何讓它們連續播放呢?

      還有,我想將photoshop中畫好的圖片放在SW裡作動畫,
      應如何去掉白色底色呢?請問你知道嗎?
      另外,我可以在每一段效果都加入不同的圖片嗎?
      煩請教我.謝謝

      綠泠 — 2009/04/23 7:21

    13. 請問大大一下
      你的北海道遊的flash也是用這軟體做的嗎??
      做得很有質感
      很想學習
      目前只找到photo flash maker platinum這軟體
      可是我用他的做flash 製作時間都超久 做一整晚都沒跑完(145張照片而已)

      你片頭散布的照片也是用這軟體弄得嗎???
      謝謝

      takeshi04 — 2011/03/25 10:36

    留下回應

    (必)

    (不公開)

    XHTML


    mrgreen neutral arrow idea ? ! -) roll twisted evil cry oops razz mad lol cool ??? shock eek sad smile grin

    3070