馬震安

1. 人物布局的設(shè)定

打開Articulate Storyline 3，新建一個項目。在“故事視圖”狀態(tài)，雙擊“無標(biāo)題場景”幻燈片進入編輯窗口。選擇“設(shè)計”選項卡，點擊“文章大小”，在彈出窗口的“文章大小”處選擇“自定義”，將“鎖定縱橫比”前面的勾選去掉，設(shè)定寬度為1400，高度為700，右擊設(shè)置好它的背景。

利用“插入”選項卡中的“圖片”，插入所需要的人物圖片。全部選定圖片，選擇“格式”選項卡，點擊“圖片樣式”中的示例設(shè)置好圖片樣式，將它們的大小調(diào)整一致，并在各自對應(yīng)時間線上雙擊更改時間線名稱，將時間線名稱更改為對應(yīng)的人物名稱。將圖片緊鄰排列，利用對齊工具將圖片頂端對齊（圖2）。

2. 添加圖層及設(shè)置動畫

在窗口右側(cè)幻燈片層處點擊“新建層”，新層命名為“人物1介紹”，雙擊此圖層，在彈出的窗口勾選“隱藏基礎(chǔ)層中的對象”。切換到基礎(chǔ)層，選中層中的所有圖片，復(fù)制，再切換到新建的“人物1介紹”層，粘貼。在圖片的右側(cè)，畫出一個矩形，調(diào)整好高度與圖片等高，根據(jù)人物簡介內(nèi)容調(diào)整好寬度，設(shè)置好它的填充色及邊框，置于底層，右擊它，選擇“編輯文本”，輸入所需要的簡介內(nèi)容（圖3）。

接下來，選定這個矩形，選擇“動畫”選項卡，點擊“添加動作路徑→線條”；再點擊“路徑選項→右側(cè)”，利用鼠標(biāo)拖動動畫的起點（即綠色箭頭）到圖片的右側(cè)，使圖片將這個矩形遮擋；再拖動動畫的終點（即紅色箭頭），使矩形與原矩形重合。這樣，最右側(cè)圖片的簡介動畫就設(shè)置完成了（圖4）。

接著，再新建圖層，命名為“人物2介紹”，雙擊此圖層，在彈出的窗口勾選“隱藏基礎(chǔ)層中的對象”，將“人物1介紹”中的所有圖片及矩形復(fù)制、粘貼到新建圖層，刪除原有動畫；矩形移動到緊鄰最右側(cè)圖片的左側(cè)，在矩形中輸入右數(shù)第二個人物的簡介，將矩形與最右側(cè)圖片組合；選擇“動畫”選項卡，點擊“添加動作路徑→線條”，再點擊“路徑選項→右側(cè)”，向右拖動動畫的終點到合適位置。為了操作說明，將組合置于了頂層（實際應(yīng)將其置于底層）（圖5）。

再新建層，命名為“人物3介紹”，雙擊此圖層，在彈出的窗口勾選“隱藏基礎(chǔ)層中的對象”，將“人物2介紹”中的所有圖片及矩形復(fù)制、粘貼到新建圖層，刪除原有動畫及組合；將矩形移動到從右數(shù)第2張圖片的左側(cè)，在矩形中輸入右數(shù)第三個人物的簡介，將矩形與從右側(cè)數(shù)兩張圖片組合；添加路徑動畫，方向向右，拖動動畫的終點到合適位置（圖6）。

同理，以此類推，新建圖層，勾選“隱藏基礎(chǔ)層中的對象”，粘貼圖片，刪除原有動畫，移動矩形，輸入簡介，重新組合，插入動畫，設(shè)置動畫方向。具體步驟這里就不一一贅述了。

3. 添加互動效果

切換到基礎(chǔ)層，選中最右邊的圖片，在窗口右側(cè)的“觸發(fā)器”面板，點擊“新建觸發(fā)器”，在彈出窗口的操作處選擇“顯示圖層”，圖層處選擇“人物1介紹”。這樣，當(dāng)點擊最右側(cè)圖片時，就會顯示“人物1介紹”這個圖層的圖片及動畫效果。同理，選擇其他圖片來設(shè)置需要顯示的圖層（圖7）。

接下來，切換到其他圖層，同樣選定相應(yīng)圖片，新增顯示圖層的觸發(fā)器，這樣各個圖層之間就能相互切換，從而顯示不同人物的簡介了（圖8）。

4. 發(fā)布作品

點擊“播放器”按鈕，在彈出窗口的功能選項卡中，將資源、菜單之類的勾選全部去掉。最后，點擊“發(fā)布”按鈕，在彈出的窗口選擇Web選項卡，輸入標(biāo)題，設(shè)置好發(fā)布文件夾，發(fā)布就可以了。