Swishmax-1001229

Download Report

Transcript Swishmax-1001229

1001學期









Swishmax環境介紹
文字特效影片檔
應用的觀念
如何使用停格
文字基本設定
陰影效果的製作
影片超鏈結的設定
匯入圖形
效果複製






點 文字/右下角輸入文字,EX:show
調整字體,大小,顏色
點 增加效果/回到起始/墨西哥飄動2
點 播放
點 儲存
檔案/匯出/HTML+SWF








選擇工具
變形工具
填充變形工具
運動路徑
直線工具(樣式,粗細,顏色)
加shift鍵,可以畫出直線.
畫三角形,組合成外形.
鉛筆工具(組合成外形)
鋼筆工具(曲線功能,按左鍵不放時)
文字工具





畫圓工具(加shift為正圓)
矩形工具
自動外形工具
手形移動工具
放大鏡工具




縮放工具(shift,等比例放大/縮小)
縮放工具(不改變周圍框線厚度)
旋轉工具
扭曲工具





顯示比例
場景適合版面
縮放至100%
放大縮小顯示工具
顯示隱藏格線&對齊格線



放置(place)
可以提前將效果文字先顯示
刪除(remove)
可以讓圖片或文字消失
移動(move)
增加效果->移動時間軸(“移動”按2下)
運動 X,Y位置/X比例/X角度
1.
2.
3.
4.
輸入文字並點選它
左邊視窗點選場景_1,右邊分頁表點選場景
單擊選項中改為轉到鏈 結(URL)
URL:內輸入網址,如http://www.hk.edu.tw




按“插入按鈕”至版面
點選“放開狀態”,畫一個”按鈕圖示”至版面
加入“文字”,如kimo
至分頁表“腳本”中
1.事件->按鈕->on(press)
2.瀏覽器/網路->getURL(…)
3.URL內輸入 http://www.kimo.com.tw






按“插入按鈕”至版面
點選“放開狀態”,畫一個”按鈕圖示”至版面
加入“文字”,(如 教育部)
點選“按鈕”,按右鍵,選“有經過狀態”,”有向下狀態“
“有經過狀態” ,”有向下狀態“,圖示變色,文字改英文
(如EDU)
至分頁“腳本”中
1.事件->按鈕->on(press)
2.瀏覽器/網路->getURL(…)
3.URL內輸入 http://www.edu.tw






按“插入按鈕”至版面
點選“放開狀態”,畫一個”按鈕圖示”至版面
加入“文字”
點選“按鈕”,按右鍵,選“有經過狀態”,”有向下狀態“
“有經過狀態” ,圖示變色,文字(往下2次,往右2次)
至分頁“腳本”中
1.事件->按鈕->on(press)
2.瀏覽器/網路->getURL(…)
3.URL內輸入 http://www.kimo.com.tw







按“插入按鈕”至版面
點選“放開狀態”,畫一個”按鈕圖示”至版面
加入“文字”(如:按鈕說明文字)
點選“按鈕”,按右鍵,選“有經過狀態”,”有向下狀態“
“有經過狀態” ,圖示變色,下方加入說明文字及圖形
“有向下狀態” ,圖示變色,下方加入說明文字及圖形
至分頁“腳本”中
1.事件->按鈕->on(press)
2.瀏覽器/網路->getURL(…)
3.URL內輸入 http://www.kimo.com.tw


檔案->匯入->選“A.mp3”
聲音效果,修改效果
1.
2.
3.
4.
5.
6.
加入一張圖片(如:蝴蝶)
增一個線段,紅色
加一個按鈕,加入按鈕外形及文字(如:翅膀)
在按鈕按右鍵,加”移動狀態”及“按下狀態”
在“放開狀態”的翅膀改為“?”
在”按下狀態”加一個文字說明(如:翅膀功能的介紹)





Swishmax所製作的首頁圖片鏈結
http://192.192.246.184/~h99g1XX/indexa.html
檔案滙出HTML+SWF , 檔名為 index.html
程式集附屬應用程式檔案總管
ftp://192.192.246.184 (輸入帳號及密碼)
將_www_目錄中的index.html 改名 indexa.html
將PC中的index.html 上傳至 _www_中







選“插入精靈”
選“插入圖像”,選多張照片滙入
選第一張圖片,選“增加效果”->”滑動”->”從左進入“
按二下,時間軸上的圖片,調整影格10->40
點時間軸41格,增加效果->滑動->從右出->影格
10->40
複製效果(時間軸的圖片按右key)
第2張圖片,放在時間軸25格
1.
2.
3.
4.
5.
6.
點選自動外形面板,畫一個愛心,顏色(純色->線性
梯度,設為綠色)
複製物件->在適當的位置貼上(會在相同的位置
上)
點選變形面板,錨點:原點->中下,向右轉90度
4片完成後,按shift全選,右key,組合/組合為組,旋
轉至適當角度
鉛筆工具,顏色為深綠色,直線為實線,寬度為1
按shift全選,右key,組合/組合為組
1.
2.
3.
4.
5.
6.
7.
8.
9.
電影,設定寬600 高400
矩形工具,畫一個600*400長方形
選“變形面板”,輸入矩形 W:600,H:400(□X取消打勾)
X:0 ,Y:0
選“外形面板”,填充選項”純色->放射梯度“
畫一個正圓(按shift不放)
選“外形面板”,填充”放射梯度“ ,左右滑桿都設為白色,
左邊滑桿白色Alpha:0(透明)
多一加個滑桿設白色, Alpha:0 (透明)
多加一個白色圓在左上角
全選(shift加選),右key,組合組合為組
1.
2.
3.
4.
普通物件轉換精靈物件,點選泡泡(右key),選“轉換
/轉換為精靈”
複製其它泡泡
點選泡泡2下進入精靈時間軸
把泡泡移到上面,點選動作路徑



切換成「分割」視窗
確認要插入的位置,在原始碼裡面找到對應的位置後,先輸
入以下語法(夾在中間的文字可以自行替換):
<marquee>我是跑馬燈文字!!</marquee>
在<marquee>中可以加入以下屬性
◦ height="100":單位是px,設定跑馬燈的高度
◦ width="100":單位是px,設定跑馬燈的寬度
◦ direction="up" :跑馬燈捲動的方向,預設為left。一共有4個方
向:up(向上)、down(向下)、left(向左)以及right(向右
)。
◦ scrollamount="1":跑馬燈捲動的速度,數字愈大,速度愈快。


儲存後用瀏覽器開啟網頁,即可見跑馬燈效果。
參考網址 http://www.liumay.com/notebook/html/01marquee.htm



軟體下載
http://www.swishzone.com/index.php?area=
international&tab=taiwanese
教學網站
http://dorcas.pixnet.net/blog/post/5995107
http://163.27.1.62/04ani/swishmax/
插入語法
<embed src=http://flash存放網址/flash檔名
.swf width=“300” height=“50” >