多圖版互動式圖片課件制作

馬震安

小李想制作《紅樓夢之人物性格分析》互動式課件，點擊開始界面的“開始”按鈕進入內容界面;當鼠標懸停在內容幻燈片的圖片上時，圖片位置便會出現文本說明，同時幻燈片左邊會出現詳細解釋;點擊圖片時圖片放大，點擊圖片中的人物會彈出相應窗口;如果圖片被點擊過，會在文本說明上打上“√”（圖1）。這樣的復雜互動效果在PPT中不容易實現，用Articulate Storyline 2制作就比較簡單。

1. 開始界面的制作

新建項目后雙擊無標題幻燈片，再插入一張空白幻燈片，設置好背景色。在第一張幻燈片中插入所需要的圖片、文本、開始按鈕及四個裝飾性矩形，分別設置好它們的樣式及進入、退出時的動畫，這些操作和PPT中都是相類似的;在時間線上拖動調整對象的左、右兩邊，安排各對象出現的先后順序;在時間線最上方合適位置右擊，選擇“在播放指針處創建時間點”，創建一個時間點。交互效果的設置需要新建3個觸發器并按表1進行設置。

新建 操作 設置

觸發器 暫停時間線 時間線：此幻燈片，時間：時間軸到達，選擇：提示點、第1個

觸發器 恢復時間線 時間線：此幻燈片，時間：用戶單擊，對象：開始

觸發器 跳轉到幻燈片 幻燈片：1.2無標題幻燈片，時間：時間軸結束，對象：1.1無標題幻燈片

這樣，開始界面幻燈片就編輯完成了（圖2）。

2. 制作主界面幻燈片

切換到第二張空白幻燈片，在它上面插入四幅人物合成圖并調整好各自的位置;插入四個矩形，輸入相應的文字說明，調整矩形與各圖片大小一致，并將每個矩形覆蓋到各圖片上，將各個矩形的初始狀態設置為隱藏;插入四個互動對象處控件下的熱點矩形，調整熱點矩形與各圖片大小一致，并將每個熱點矩形覆蓋到各文字矩形上;插入四個“√”圖形，并將它們放置到熱點矩形上的合適位置，也將它們的初始狀態設置為隱藏，圖層分別命名為標記1、標記2、標記3、標記4;在右側點擊底層圖層處的新建圖層按鈕，增加4個圖層，分別命名為十二金釵、各位公子……在每個圖層上利用文本框在幻燈片的左側添加相應的詳細文本解釋（圖3）。

在進行交互設計前，先切換到故事視圖，新建一個場景，接下來再切換到“1.2無標題幻燈片”界面。點擊右側觸發器處的“管理項目變量”按鈕，新建4個變量，名稱分別為m1、m2、m3、m4，類型均為“真/假判斷題”，值均為“假”。

對于熱點矩形 的交互設置，我們以第1個熱點矩形為例（選定它），需要新增3個觸發器并按表2進行設置。

新建 操作 設置

觸發器 更改狀態 在對象上：矩形1（即圖片上的文本說明），目標狀態：正常，時間：鼠標懸停，對象：熱區題1，勾選“在鼠標離開后恢復”

觸發器 顯示圖層 圖層：十二釵，時間：鼠標懸停，對象：熱區題1，勾選“在鼠標離開后恢復”

觸發器 跳轉到幻燈片 幻燈片：2.1無標題幻燈片，時間：用戶單擊，對象：熱區題1

其他熱點矩形的交互設置與之類似。不選定任何對象，新增觸發器并設置：操作—更改狀態，在對象上—矩形1，目標狀態—正常，時間—時間軸開始，對象—1.2無標題幻燈片。點擊“顯示條件”按鈕，新增條件，設置：列表—變量，如果—m1，運算符—==等于，類型—值，值—真。其他文本矩形、“√”圖形的顯示設置與之類似（圖4）。

3. 制作分場景幻燈片

切換到故事視圖，選擇“2 無標題場景”，根據圖片中的人物需要，插入若干張空白（用來顯示圖片中某個人物的性格分析）。雙擊“2.1無標題幻燈片”，插入與“1.2無標題幻燈片”中相同的四幅人物合成圖并調整好各自的位置。以圖片1為例，在圖片1上所需人物的合適位置插入若干個熱點矩形，在合適位置插入一個按鈕，文本為“關閉”，插入一個矩形縮放區域，調整好大小，一定要將熱點矩形、“關閉”按鈕等包含其中，在時間線上調整每個對象出現的先后順序并在時間線最上方的合適位置創建一個時間點。

對于利用變量來控制文本矩形、“√”圖形的顯示及單個人物窗口顯示設置，需要新增4個觸發器并按表3進行設置。

當然，其他的熱點矩形的觸發器設置與之類似。

對于用來顯示人物性格分析的新插入空白幻燈片的編輯，以“2.2無標題幻燈片”為例，打開它，設置好背景顏色，在里面插入林黛玉的圖片及判詞。

再建立其他圖片對應的場景，場景里面幻燈片的設置與上述類似，在這里就不一一贅述了。

切換到故事視圖，將場景1設置為啟動場景，選擇相應幻燈片，在右側將幻燈片屬性中導航控件中的勾選全部去掉。點擊“播放器”按鈕，在彈出窗口的功能選項卡中，將資源、菜單之類的勾選全部去掉，點擊“發布”按鈕進行發布即可。