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

馬震安

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

1. 開始界面的制作

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

新建 操作 設(shè)置

觸發(fā)器 暫停時間線 時間線：此幻燈片，時間：時間軸到達(dá)，選擇：提示點(diǎn)、第1個

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

觸發(fā)器 跳轉(zhuǎn)到幻燈片 幻燈片：1.2無標(biāo)題幻燈片，時間：時間軸結(jié)束，對象：1.1無標(biāo)題幻燈片

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

2. 制作主界面幻燈片

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

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

對于熱點(diǎn)矩形 的交互設(shè)置，我們以第1個熱點(diǎn)矩形為例（選定它），需要新增3個觸發(fā)器并按表2進(jìn)行設(shè)置。

新建 操作 設(shè)置

觸發(fā)器 更改狀態(tài) 在對象上：矩形1（即圖片上的文本說明），目標(biāo)狀態(tài)：正常，時間：鼠標(biāo)懸停，對象：熱區(qū)題1，勾選“在鼠標(biāo)離開后恢復(fù)”

觸發(fā)器 顯示圖層 圖層：十二釵，時間：鼠標(biāo)懸停，對象：熱區(qū)題1，勾選“在鼠標(biāo)離開后恢復(fù)”

觸發(fā)器 跳轉(zhuǎn)到幻燈片 幻燈片：2.1無標(biāo)題幻燈片，時間：用戶單擊，對象：熱區(qū)題1

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

3. 制作分場景幻燈片

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

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

當(dāng)然，其他的熱點(diǎn)矩形的觸發(fā)器設(shè)置與之類似。

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

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

切換到故事視圖，將場景1設(shè)置為啟動場景，選擇相應(yīng)幻燈片，在右側(cè)將幻燈片屬性中導(dǎo)航控件中的勾選全部去掉。點(diǎn)擊“播放器”按鈕，在彈出窗口的功能選項(xiàng)卡中，將資源、菜單之類的勾選全部去掉，點(diǎn)擊“發(fā)布”按鈕進(jìn)行發(fā)布即可。