Adobe_flash_catalyst_cs5中文簡易教程.

1、Adobe Flash Catalyst CS51. Catalyst是一個專業(yè)的交互設計工具,2. 町將psd文件和ai丈件直接導入使用;3無霜寫代碼.但實現(xiàn)的交互相對簡號:4生成的fxp I程文件町導入Flex中仗川。工作步驟 1簡介； 2打開工具，創(chuàng)建工程； 3導入所需資源，布局； 4.創(chuàng)建交互； 5發(fā)布；附錄:添加Sound和Video簡介 Adobe® Flash® Catalyst 是一個專業(yè)的交斤.設計工具， 可以讓你在不寫任何代碼的悄況F迅速把你的設計轉化成 帶交互的原型。 對以育接把用Photoshop或者川ustrator完成的作品導 入Catalyst

2、,然后轉換成按鈕、滾動條等交互組件，再添加 交互轉場動価，最終產生一個能交互的SWF。但是在使用 Photoshop等丄的時候，要考慮到你的tl標不足生成一 個靜態(tài)的界面圖片，而是要能在Catalyst里方便地轉化。 另外由T不用嗎代碼，Catalyst能產生的殳互相對比較 簡單，如果我們想添加更復雜的交互或者一些無法實現(xiàn)的 邏輯，就需要把你的未完成作品保存為fxp文件，然后程 序員再用Flash Builder導入fxp,再添加代碼，繼續(xù)開發(fā)。2打開工具，設置工程大小雙擊圖標打開程序AoOBmFLASXCATALYST CS5宮二畢 1 °,1IOp Project-1open.

3、RecetH Project EliUmr led Project fxp m 5i9MGLlkk0728fxpL Getting fried r Resoumr:渝allt 住mF 二HZMT:KT” utorC Xu.x(.u M WMhiUtfM tetoUn g.H (B r*g Q si* C trwiAB3導入所需資源，布局I A 1 A 丄一C3Zo如 InSex oil PZoo<n OutXoir l z out al Ser ollbai-¥*tical ScrollbarD“a Li stRotation:SOMTC.Scaling:Stretch App

4、MrncoGroupCustoin/Gener 1 c ComponentArr ojtceR«di o Button Tggla ButtonText InputXr i. zoxit al Sli derSXswe To StateRemove From StatSam# 1 n M1 Oihr StatesButton PhckboxBlend mode; 2onwEdi t in Adobw 11 ustrutux CSSEdi t in Adobe Photoshop CS5Optimize Vector Graphics RasterizeConvert Artwork

5、to Component氓山此處 可復湖I頁TIMFI tun I DCSYGh-riMF DATA 07此處盼小諭o久imzmj的刈煦關nu ms此處込If !)1 J «JiZfHj的對應X系來沒nMIffim切換效岷CutCopyCustom ComponentEdit Custom Component AppeirinceStatelFFFTIlmag»Edit i ri Arlcboator CS5Edit in Adobe £kotoshop CS5MeiRe Swwl in AJ.1 O t her S £ o £ esGfoup

6、LAYERS I LIBRARY I WIREFRAME COT IPOriENTSi_j Button0CheckboxData ListcmHorizontal ScrollbarOHorizontal SliderRadio Button(Text InputmToggle ButtonAVertical Scrollbar0Vertical SliderButtonButtonb.lb.*0 Jirx All Cthwr tatasCut -opxU®Sb竺e Io SlateR Frdtk StEdit ir Jldot IU'trter CSS2dit i&

7、;CS 047 *4 山1金0&鼻 IlC/卜*、slACCOfMMXlrfiaf) ButtonEdit Button AppearanceUpOverDownggb加祕im。Bu.pxb7o和 R" Q fText TiutKo*;二vclIj SlidctJrSudL Sb 4“211 2心Kor: rgtal Scroll K<r JmZ, IcruLLba譏 UstJux*.vfiiac JwvnvuDisabledCo west Artwork Io Conpoaeat (hooM Conoorvrl/ttirCwdbcwImageOptimin Artwo

8、rkChooM Commandlextl0We1:rarae2feflilluebeq4Image 1Text 10Apple1Orange2Banana3BlueberryTIMEUNLS DESIGN-TIME DATA為紐合前右” DESIGN-TIME DATA"的顯小組合后在” DESIGN-TIME DATAn的顯示4創(chuàng)建交互點擊你要交互的組件然后在交互窗I I役胃卜向以Button為例INTERACTIONSEii 就on1 甲擊 Button 纟I 件3巾擊"Add interaction"彈出 釦I+ Add Interaction2 tT.ft

9、 h.Wl I .< h ” Add Interaction%!： fiirZ 耳單擊"On Click*彈出卜 拉柿.右卜拉框中選擇你 觸發(fā)交W的形式町實現(xiàn)頁而間的過液可實現(xiàn)單獨貞中不同狀態(tài)和組件的過渡和特效On QckP Sy Transition toePayTQncirtontoSzui PayActior S«lu.rK-單擊 ” Play Transition toState11彈出卜拉框 A卜拉框中 選擇你觸發(fā)交互的的種類GoToUFLPdy VideoPa jse VideoStop Video町沒置連接URL町擰制播放Video川控制Pi停Video

10、町控制停11 VideoCangPlay Tiana tior to StateCHOOSE STATE1111On Oick單 Jr" When in Any State Hl 卜拉框,在卜拉框中選釋你要從 那個頁或狀態(tài)出去單卅 CHOOSE STATE彈出卜 拉松.在下拉II中選擇你要進入 那個頁或狀態(tài)11(5SWF Cortti-olSet Component StateSet Proper ty彈出F a. de+ Add ActionSound E£fectMoveResi工令Ro t a.t eRot<te 3D通過上【frf的效果和效果紐介實現(xiàn)你所 需效

11、果的纟II件箜完成的效果5發(fā)布Wew ProJ ectCtrl+HNew Project from Resign FileOpen ProjectCtrl+OOpen RecentClose ProjectCtrl+ffSaveCtrl+SS<ve直.Ctrl+Shi£t+SSave As Copy.Ctrl+Alt+SRevertImportPubliih to SWF/AIRRun ProjectCtrl+Ent«r強ExitCtrl+QEileEdit Yiew Modi fy States Iiiriclines ffindovPublish To SWFOu

12、tput directoryT:Documentsand 5cttingsAdministratorMy DoBrowseProject will be published to GXDocuments and SettingsAdmitist_Untitled Project0 Build for accessibility選擇導出路徑 Build version for upload to a web server發(fā)命成適合網絡的類型0 Build vers-lon to view offline" 發(fā)九誡適合本地的類型gj Build AIRapplication發(fā)不成適介桌面

13、的AIRjectj| Publish"| j Cance|中擊發(fā)布附錄：添力口Sound和Video潑甘格兀mp3、flv、f4v)£dit yiew Modify Stateslifelines WindowNev ProjectCtrlfNNtw Project from tign FilOpen ProjectCtrl+0.Open Recent二£lose ProjectCtrl+VSaveCtrl+SSave As.Ctrl+Shift+S Save As CopzCtrl+Alt+S-ReyertImportPublish to SWF/AIR.Run ProjectCtrl+EnterExitCtrl+Q|Vidto/Sound F訂.Kelp1Q(Image.Adobe Illustrator File (.gi)Adobe Photoshop File (. psd).Adobe FXG File (. £xg).Library Package.気這只是個傳說flvIspiJE t查損范圍B：魚更面v 0廠匡我的文檔J我的電腦？網上鄰居 亡)FC 左 toolsif)新建文件興文件