Flash Catalyst Teaching

Page 1

I

N

D

E

X

I

FC工具簡介

II

換頁+按鈕

III

特殊過場

IV

內文拖曳


請不要開錯Program 同學和老師會笑你一輩子


從AI或PS開啟檔案

開新專案

背景顏色



I

FC工具簡介 複製場景 新增場景

工作面板


I

FC工具簡介


I

FC工具簡介-File <檔案>


I

FC工具簡介-Edit <編輯>

貼上

全選


I

FC工具簡介-View <檢視>


I

FC工具簡介-Modify <修改>

工作區域設定

排列 對齊


I

FC工具簡介-States <場景>


I

FC工具簡介-Timelines <時間軸>


I

FC工具簡介-Windows <視窗>


I

FC工具簡介-Help <救命>

救救閃光催化劑

關於閃光催化劑


I

FC工具簡介-右側欄位

圖層

元件庫

添加互動



現在開始進入我們的課程,可點選範本瀏覽完成後的內容方便參考


AI素材處理

860X420px

860X420px

860X420px

860X420px

嵌入+群組

圖層2 為按鈕 圖層1 為背景

1.開稿頁面尺寸860X420px 2.置入4張圖片(放在圖層1)全部圖片一定要群組 圖片規格 jpg+RGB+72dpi+圖片要嵌入ai檔中

3.製作4個按鈕(放在圖層2)(要記得尺寸 例如30X30px) 單張圖片尺寸為開稿尺寸

4.存成ai檔


FC互動設定

開新專案

匯入AI檔


FC換頁設定 1.點擊這裡來複製場景

4.這裡可以拖動時間軸

3.此為場景1 -> 場景2 的時間層

5.上述設定完成後 Shift+左鍵 從上至下全選時間層 並按下Smoonth transition

全選

2.逐個調整底圖的位置 場景尺寸為 860X420 故 場景2底圖的X軸要移動-860 以此類推


FC換頁設定

1.點擊這裡來複製場景


FC換頁設定

2.逐個調整底圖的位置 場景尺寸為 860X420 故 場景2底圖的X軸要移動-860 以此類推


FC換頁設定

4.這裡可以拖動時間軸

3.此為場景1 -> 場景2 的時間層


FC按鈕設定

請個別選取按鈕更改 不要一次選取四顆

當系統判定圖形為按鈕時,會出現的小方框。

選取按鈕圖像後 設定圖像的屬性為Button 此時系統才會認定他是顆按鈕

未選取

滑過

按下

雙擊按鈕後,介面上方會出現四個按鈕狀態,點擊你要更改的狀態。 一般是更改Over & Down

禁用


FC按鈕設定

正常 變暗 色彩增值 加深顏色 變亮 濾色 加亮顏色 覆蓋 柔光 強光

使用幾何工具做出可以覆蓋按鈕大小的反應圖形

差異 排除 色相 飽和度 顏色 明度

若是不規則的按鈕,請直接在ai做反應後,可 以直接複製貼上


FC按鈕設定

Sample

Sample

更改完按鈕反應後,最後再添加互動 第一顆按鈕 選擇Page1 以此類推


完成



複製第一頁的場景

將Page5設為預設場景

將按鈕移出場景 下方的時間調會自動產生該按鈕的時間軸


接下來就可以調整按鈕進場的時間和先後順序


包括背景也可以移出場景


完成

添加互動

選擇場景1

完成.



AI素材處理

臣亮言:先帝創業未半,而中道崩殂; 今天下三分,益州疲敝,此誠危急存亡 之秋也。然侍衛之臣,不懈於內;忠志 之士,忘身於外者:蓋追先帝之殊遇, 欲報之於陛下也。誠宜開張聖聽,以光 先帝遺德,恢弘志士之氣;不宜妄自菲 薄,引喻失義,以塞忠諫之路也。宮中 府中,俱為一體;陟罰臧否,不宜異同 :若有作奸犯科,及為忠善者,宜付有 司,論其刑賞,以昭陛下平明之治;不 宜偏私,使內外異法也。侍中、侍郎郭 攸之、費依、董允等,此皆良實,志慮 忠純,是以先帝簡拔以遺陛下:愚以為 宮中之事,事無大小,悉以咨之,然後 施行,必得裨補闕漏,有所廣益。將軍 向寵,性行淑均,曉暢軍事,試用之於 昔日,先帝稱之曰“能”,是以眾議舉

臣亮言:先帝創業未半,而中道崩殂; 今天下三分,益州疲敝,此誠危急存亡 之秋也。然侍衛之臣,不懈於內;忠志 之士,忘身於外者:蓋追先帝之殊遇, 欲報之於陛下也。誠宜開張聖聽,以光 先帝遺德,恢弘志士之氣;不宜妄自菲 薄,引喻失義,以塞忠諫之路也。宮中 府中,俱為一體;陟罰臧否,不宜異同 :若有作奸犯科,及為忠善者,宜付有 司,論其刑賞,以昭陛下平明之治;不 宜偏私,使內外異法也。侍中、侍郎郭 攸之、費依、董允等,此皆良實,志慮 忠純,是以先帝簡拔以遺陛下:愚以為 宮中之事,事無大小,悉以咨之,然後 施行,必得裨補闕漏,有所廣益。將軍 向寵,性行淑均,曉暢軍事,試用之於 昔日,先帝稱之曰“能”,是以眾議舉 寵為督:愚以為營中之事,事無大小, 悉以咨之,必能使行陣和穆,優劣得所 也。親賢臣,遠小人,此先漢所以興隆 也;親小人,遠賢臣,此後漢所以傾頹 也。先帝在時,每與臣論此事,未嘗不 嘆息痛恨於桓、靈也!侍中、尚書、長 史、參軍,此悉貞亮死節之臣也,願陛 下親之、信之,則漢室之隆,可計日而 待也。 臣本布衣,躬耕南陽,苟全性命於亂世 ,不求聞達於諸侯。先帝不以臣卑鄙,

1.製作一個如左圖的內文拖曳區域 2.從符號找出網頁按鈕和橫條,拉出scoll bar (或是自己製作一個)

3.找到一串文章,其內文要多於底圖方框,如左下圖示 並將之縮於底圖內,如左圖 4.完成後將整個文字方塊複製到FL裡 (切勿將字體建立外框)


捲動區域 水平捲軸 垂直捲軸

選取上下箭頭以及軌跡與按鈕,一共四個物件(可用shift+左鍵 連選) 點選垂直捲軸,讓系統知道這一整條是個滑動捲軸


捲動區域

接著重新將底圖、內文、滑動捲軸選取起來,然後點選捲動區域

設定完畢後,進入內部進行細微設定


內文處理

I 進來後選取內文,並記得打勾 <重要>

II 打勾後,雙擊滑鼠左鍵點選內文 會看到左列系統預設的文字,將之刪除


內文處理

圖層路徑大概會是這裡

將內文全數拉開,這裡展開的程度就是你卷軸能捲到的範圍


設定完畢後即可去場景測試

結束.


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.