FLASH教學




2008/03/13 20:44


Flash教學


雖然ActionScript 3.0 推出已有一段時間了,但市面上的書籍還很少,想從ActionScript 2.0 升級到3.0,實在是比較吃力一點,尤其是以往不曾撰寫物件導向程式的我來說,總是不能完全了解其運作觀念。


前些日子在Adobe官方網站上,找到了一篇教學文章


  < Exploring the Flash Professional 9 ActionScript 3.0 Preview >  



官方網址:http://www.adobe.com/devnet/flash/articles/flash9_as3_preview.html


大陸有中文翻譯版:http://www.webstudio.com.cn/tutorial/show.php?id=44


這教學相當棒,對於Actioscript 2.0的使用者,想先了解3.0的改變,實在有很大的幫助,依它所提供的範例,從最簡單的建立影片片段、拖曳影片片段,改成利用物件導向的方式建立外部類別,甚至最後將Actiopscript製作成外部 .as檔,讓不同 swf 可分享同樣的程式。這部份很清楚的指示,一個影片片段實體如何繼承自訂的類別,可從其實際的設定與作法,真正的自己從頭到尾做一次。


真是相當棒的教學,介紹給有興趣的朋友。



這是最後範例檔的結果,利用外部 .as 檔,將元件庫裡的影片片段亂數置入到場景上,並自訂了外部的類別,讓每個球都能有可以拖曳的功能,而這所有的效果,其程式都寫在外部的.as檔裡頭。


看不懂嗎? 跟著上頭的教學範例,你就會完全了解啦


 


 


以下參考看看   有關於Flash教學很詳細喔!
利用 FLASH的基本繪圖工具
http://www.qdm.ks.edu.tw/wakiki/pageimage/page-2.htm
Flash 網路教學
http://elearning.stut.edu.tw/flash/
維基百科 Adobe Flash
http://zh.wikipedia.org/w/index.php?title=Flash&variant=zh-tw
Flash
http://content.edu.tw/senior/computer/ks_ks/student/homepage/teach/flash/flash.htm
很有趣的動畫和小遊戲-歡迎光臨貴寶地
http://a-kuei.com.tw/
Flash 動畫設計
http://www.tcgs.tc.edu.tw/~sagit/flash/
CorelDraw與Flash結合與應用
http://file.sysh.tc.edu.tw/~tien/design/ani/index.htm
搞笑動畫影片-訐譙龍(請您去網站找尋查...)


(先開新網頁用網址複製貼上)
FLASH教學
http://www.twivs.tnc.edu.tw/tht/teachflash/FLASH教學.htm



進入時須指定一個空白的版面,「檔案/開新檔案/一般/flash文件」,因為有一些功能太常用了,所以我們要先讓它顯示,「視窗/工具列/主工具列」。


早期電腦的螢幕只有「14吋~15吋」,以前的螢幕都用800*600根本沒有空間做了,但現在電腦的螢幕17吋較好一些了,一般都用1024*768,但作圖的面積還是太小,所以你可調1280*1024有些螢幕可能調不上去(較舊的),1280*1024可能較好用,但字會變小了,所以你可把字調大。


如果您以後要買電腦的螢幕,以寬螢幕為優先,為什麼呢?
工作區會大很多了,因為我們一般的軟體,左邊:工具列 右邊:小視窗。


※如果您的電腦的螢幕是17吋,(flash版本)調成1280*1024後,有些軟體怪怪的比例,你就要自行調回1024*768了。


(重要的概念)
攝影棚:就是演戲的地方,所以就是:場景及目前的版面。
演員:就是物件、元件。
要演多久:時間軸。
演員公會:元件庫。
導演:你自己。
編劇:你自己。


開一個新檔後,影格沒有任何物件,只有一格,叫作「空白關鍵影格」,中間是空心的。
如果我畫了一個物件,就變成「實心的」,叫做「關鍵影格」,中間是實心的,大約看一下工具列,它提供的都很陽春,如果有些複雜的,就要用CorelDraw畫了,但這也是一套「向量軟體」。


填色顏色:就是「內填色」。
筆畫顏色:就是「外框色」。
橢圓形工具:它就是正圓、橢圓。
如果你把工具列下方的「物件繪製」打勾,就不能刪局部色塊了,一定會刪全部,因為畫完已被「群組」。
等於:沒選物件繪製+「修改/群組」。


矩形工具:有一個「設定圓角半徑」可設定四邊的圓角。
如果你把工具列下方的「物件繪製」打勾,就不能刪局部色塊了,一定會刪全部,因為畫完已被「群組」。
等於:沒選物件繪製+「修改/群組」。物件繪製要不要打勾就看你會不會再改,如果不會改就打勾了。


多邊型工具:下面有一個「選項」自己去調整。
選取工具:如果要選全部物件,要用「跨選」的方式,如果只點圓的內填色,就只選到圓的內填色而已。


如果不要框:
1.就不要有框,再下去畫。
2.有可能畫了,但我不要框,就乾脆全選,把框線變「透明」可選範圍刪除。


選取細部工具:它就是一個「調整節點的工具」。(不可群組)
自由變形工具:就是變大變小、旋轉。(圓心可自行定義位置「軸」)


填色變形工具:先選物件。(要有漸層才可以)
漸層要從「視窗/調色盤/類型:要選線性或放射性/漸層色盤/有左右二邊的顏色」。


如果我的漸層色方向要調整,有二個方法:
1.可用油漆桶再拉你要的漸層方向,因為油漆桶目前剛好就是漸層色了。
2.用填色變形工具,可改變漸層色的區域及角度。


有關漸層色:增加擋色板,就點一下漸層色盤,就會出現新的擋色三角板,如果不要就點三角形快速移動再拉出去。


如果出現不能填漸層色,可能就是以下情形:
1.如果你「物件繪製」有選,就是畫完馬上被「群組」了,就填不上顏色了,要「解散群組」才可以。
2.有可能你現在做的是「框色」的漸層色,因為目前的框線剛好太細或比例太小,看不出來。要選在「填色顏色」。(如果沒有要框色,就乾脆用框色透明了)


線段:就是直線。(筆畫高度、筆畫樣式 這二個可調)
套索工具:不規則的選取。
鋼筆工具:貝茲曲線、就是鋼筆。(可畫自由形狀)


A就是文字工具
靜態文字:最常用,就是一般的文字。
動態文字:少用,搭配語法的變數使用。
輸入文字:少用,就是用語法去捉某個.TXT的文字檔且有一定的格式。


※字超過96級,就直接鍵數值了。


有關文字:
如果你打了二個字(含)以上,第一次的打散(修改/打散)是一列文字變成一個單一的文字。
第二次的打散(修改/打散)是一個單一的文字變成真的「圖(向量)」,沒有文字屬性了。



網頁中有關「小字的處理」早期是非常難的。
小字有三種:
1.html的小字:這早期只有最大到字型6級,所以遇到微調就慘了(沒辦法),現有CSS樣式已解決了。
2.點陣圖的小字:從字型11級的字級開始才看的清楚,且要用「細明體、無」。
3.Flash的小字:在2004MX版本以前,對於小字的支援很不夠。


我們要來試Flash小字真正出現時的樣子: 「(新)細明體、字型12級、黑色」。
使用裝置字形:可以看清楚了。
點陣字(無消除鋸齒):可以看清楚了。
消除動畫鋸齒:看不清楚了。
消除動畫鋸齒增加閱讀性:看不清楚。
自訂:自己設定了。


鉛筆工具:就是以框為顏色,有三種線可選,直線、平滑、墨水。(這個工具多用來畫導引線較多)
筆刷工具:就是填色的顏色。有時會破洞,就無法填色了。


※極重要:要預覽目前的版面成品,CTRL+Enter或「控制/測試影片」。


影格:一開始的新檔一定會有一個「空白關鍵影格 這樣才能開始,如果你選該影格,「滑鼠右鍵/移除影格」把它刪了,就不能畫物件上去了,站在第一格,「滑鼠右鍵/插入空白關鍵影格」,當你都沒任何物件(因為你是空白)時「插入空白關鍵影格」=「插入關鍵影格」。
※插入空白關鍵影格:快速鍵是「F7」。


當你畫物件下去,就變成「關鍵影格」(實心)了關鍵影格=空白關鍵影格+物件


如果我的第一格是關鍵影格,站在第10格:
1.插入關鍵影格:第1~10格都看的到且1、10格有關鍵影格。
2.插入空白關鍵影格:第1~9格都看的到,第10格看不到,1格有關鍵影格、10格有空白關鍵影格。
以上這二個意思是不一樣的。


1.是原物件繼續往後做效果。
2.是新的物件產生,往後做效果插入關鍵影格:快速鍵是「F6」。
3.插入影格有三種:插入關鍵影格「F6」、插入空白關鍵影格「F7」、插入影格「F5」。


插入影格:第1~10格都看的到,只有第1格有關鍵影格。(最常見的是它不作效果了,表示它結束了。)
文件屬性:就是有關版面的設定。「修改/文件」尺寸、背景顏色、影格速率
影格速率:12fps(預設),我是不建議你調整,這樣大家統一會較好找問題。Fps就是每秒幾格,12格就是一秒跑了12格。(所以數字越大越快)下方的屬性就會告訴你目前的設定情況了。


如何儲存?
目前是最新的版本,所以如果你家是2004MX會打不開,所以存的時候要降版本才行。
FLASH母檔是.fla。網頁及交換檔是.swf
先存原檔:檔案/另存新檔/存檔類型:支援2004版
物別注意一下:如果存了.fla後,做ctrl+Enter(預覽成品)會自動在原目錄下產生「原檔名.swf」
如果我做的原檔和我要存的結果(.swf)不一樣位置呢?(其實這才是以後作網頁都會遇到的)
「檔案/匯出/匯出影片/找位置」會問你一堆設定值。



如果我有很多物件,可是我作了第二個,我怎麼知道我第一個的位置在那啊,就不好對正了。
你必須打開「描圖紙」的功能,在時間軸的下方,左右的可視範圍是可調的。


如果我想刪除一堆影格,「選取工具」,出去影格的右邊,左鍵按著不放,往左邊選不要的影格,「滑鼠右鍵/移除影格」。如果你第一格不小心也刪了,就要再「插入空白關鍵影格」。


轉換成關鍵影格:
如果我希望1~5格都有「關鍵影格」怎辦?要一格一格插入關鍵影格,不過這樣如果1~300不就昏了。
作法:1和5格先為關鍵影格,再用SHIFT可作「連選」,再「滑鼠右鍵/轉換成關鍵影格」。


圖層:
在圖層名稱上快點二下可改圖層的名稱,在圖層上「滑鼠右鍵/插入圖層」或左下方有一個「插入圖層」的圖示圖層看的順序是「由上往下」,如果圖層是深藍色,且出現一支筆,表示是目前工作的圖層。


圖層有三種狀態:
眼睛:可不可見。
鎖:要不要鎖(就是要不要編輯)。
外框模式:只出現物件的外框,快點二下可進入設定。
圖層不要:站在不要的那層上,按垃圾桶。



有關物件的移動:物件要移動,一定要「群組」,移動的影格顏色就是「顏色」。
當移動出現「虛線」表示失敗,當移動出現「實線」表示成功,一開始就確定要做移動,就可先群組了。
要移動:點「影格」一下,下方的「補間動畫」的「移動」。


移動時旋轉:點影格後(先做了移動),下方屬性工具的「旋轉:順時針(較多)」,旁邊有「次:幾圈」,在「插入關鍵」、「移動」之間變化而已所有的事情都是在這變化而已。
形狀漸變:先在第一格做一個圓(黃色),絕對「不能群組」,在第20格做一個方形(綠)「不能群組」,站在第1格,作「補間動畫」的「形狀」外形、顏色都會漸變如果影格是「顏色」表示目前是「形狀漸變功能」。


有關匯入:
點陣圖常見有三種:1.jpg 2.gif 3.png(很少見,但這很強,可做全彩的透明)。
如果你要用有透明效果的png,要先圖層上就透明了,「儲存為網頁用/png24/透明打勾」,
Png8=gif 都是8位元=256色 檔案較小但色階不夠,
Png24=jpg 都是24位元=1677萬色 檔案較大但色階很夠(較常用),
以上二種存出來都是xxx.png


向量圖常見有二種:1.wmf 2.aiv
Wmf可從coreldraw中做較快,先選畫好的,輸出wmf「僅有選取區域」,輸出成「曲線」,要的部分群組起來,再放到新的圖層作效果。


遮片:用物件去遮住某物件(圖或字),利用遮色片圖層可以將遮罩圖層內物件的範圍出來,而圖層物件以外的區域則會被隱藏。


「路徑的方向」必須用「導引線」,它能夠讓物件跟著指定的路徑移動。在導引線圖層繪製好移動路徑後,只要把物件托移到導線的起始位置和終點位置,物件就會吸附再指定的路徑上一動。在使用導引線功能時,注意貼齊物件是否被選擇,而且移動要先將滑鼠指著十字,出現圈圈後,物件才會被吸附到正確位置。


如果路徑的方向沒有成功可能原因:
1.路徑有斷掉(鉛筆畫較佳)。
2.沒有貼圓心的小圓在路徑的端點上。


如果你的沿向路徑「不見了」其實是沒出現而已,屬性工具的右下方有一個很小的三角形,它的「三角形往下」,表示沒打開更多的功能,就是點開三角形就對了。


「元件庫」來管理呼叫元件庫,ctrl+L或F11或視窗/元件庫,用F11最快,每一個物件,幾乎都要放在元件庫中。


元件有三種型態:
圖像:就是一般的物件,所有的基礎。
按鈕:有4種狀態,一般(未碰)、滑入(已碰)、按下(按下時)、感應區(出現手的範圍)。
影片片段:可播放一段影片或形成影片迴圈(一直重複)。


如何使用元件?在場景中,直接把元件庫的物件拉進來就可以了。


(極重要)
Alpha:就是透明度(消失不見的意思)將物件轉換元件後,接下來可以利用元件來製作一些動畫特效。例如:元件的移動,淡入淡出、跟著導線移動和遮罩等。



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 牡麗三郎 的頭像
    牡麗三郎

    牡麗三郎的部落格

    牡麗三郎 發表在 痞客邦 留言(0) 人氣()