動畫真好玩（09）：九宮格翻牌子教程之秋葉青語后宮

? ? 前段時間微博上流行翻牌子，點擊任意一張牌子就能查看牌子背面的圖。PPT不但能模擬這個效果，而且能給牌子加上動畫，讓牌子翻轉(zhuǎn)的效果更加逼真，如下圖所示。

本期動畫真好玩教程，我們就一起來動手制作一個翻牌子的PPT。

1、將背景調(diào)成藍色（RGB：0，106，193）。

2、插入9張圖片，裁剪成1：1比例，長度和寬度都設(shè)成4.9厘米。

3、將圖片大致排列成3行×3列的九宮格。要求每一行和每一列都要形成階梯狀，即每張圖片都要相對于它左邊的圖片向下偏移，并且相對于它上邊的圖片向右偏移，如圖2所示，便于后續(xù)步驟的對齊操作。

4、搭建九宮格的對齊框架。（1）選中第1行的三張圖片，頂端對齊，然后橫向分布。（2）選中第1列的三張圖片，左對齊，然后縱向分布

5、頂端對齊每一行的圖片。（1）選中第2行的三張圖片，頂端對齊。（2）選中第3行的三張圖片，頂端對齊。

6、左對齊每一列的圖片。（1）選中第2列的三張圖片，左對齊。（2）選中第3列的三張圖片，左對齊。注：在PowerPoint2010/2013版本中，可以借助智能參考線，用鼠標(biāo)拖動圖片的方式對齊第5步和第6步中涉及的圖片。

7、讓九宮格處于頁面中央。（1）選中全部9張圖片，組合。（2）選中組合，左右居中，然后上下居中。（3）取消組合。

8、在選擇窗格中為每張圖片改名并編號。要求圖片的位置與編號一一對應(yīng)，如圖3所示。例如，右上角的圖片改名為“Picture 3”，右下角的圖片改名為“Picture 9”。注：每張圖片上的數(shù)字是教程中用作展示的，你不需要輸入。

9、繪制9個一模一樣的矩形。（1）繪制一個矩形。（2）將它的長度和寬度都設(shè)置為4.9厘米，使之成為正方形（但是下文依然把它稱為“矩形”）。（3）取消其輪廓色。（4）在這個矩形中輸入數(shù)字“1”，字號設(shè)為72。（5）將這個矩形復(fù)制8份，總共得到9個矩形。

10、將矩形排列成九宮格。（1）選中任一矩形，將它拖到一張圖片上，讓矩形恰好覆蓋圖片。（2）修改這個矩形的填充色。（3）修改這個矩形里面的數(shù)字，并且在選擇窗格中給這個矩形改名并編號，要求矩形里的數(shù)字、矩形的編號和圖片的編號一一對應(yīng)。（4）參照步驟（1）~（3），讓另外8個矩形分別覆蓋另外8張圖片，并為矩形編好號。注意：9個矩形的填充色必須彼此不同。最終效果如圖4所示。

11、為9個矩形設(shè)置退出動畫。（1）選中9個矩形，為它們添加“收縮”退出動畫。（2）將動畫的持續(xù)時間都設(shè)為0.25秒。（3）開始方式都設(shè)為“單擊時”。 最終效果如圖5所示。

12、為9個矩形的動畫設(shè)置觸發(fā)器。（1）將“矩形1”的收縮動畫設(shè)為由它本身觸發(fā)：在動畫窗格中選中“矩形1”的退出動畫，點擊“動畫”選項卡→“高級動畫”組→“觸發(fā)”→“單擊”→“矩形1”。（2）參照步驟（1），把每個矩形的收縮動畫都分別設(shè)為由它本身觸發(fā)。最終效果如圖6所示。

14、為9張圖片設(shè)置進入動畫。（1）在選擇窗格中隱藏所有矩形。（2）選中9張圖片，為它們添加“展開”進入動畫。（3）將持續(xù)時間都設(shè)為0.25秒。（4）開始方式都設(shè)為“上一動畫之后”

15、為9張圖片的動畫設(shè)置觸發(fā)器。（1）將“Picture?1”的收縮動畫設(shè)為由“矩形1”：在動畫窗格中選中“Picture 1”的進入動畫，點擊“動畫”選項卡→“高級動畫”組→“觸發(fā)”→“單擊”→“矩形1”。（2）參照步驟（1），每張圖片的展開動畫都分別設(shè)為由對應(yīng)的矩形觸發(fā)。（3）在選擇窗格中點擊“全部顯示”。最終效果如圖7所示。

16、設(shè)置Replay按鈕。（1）插入一個含Replay字樣的圖片，在選擇窗格將它中命名為“Replay”。（2）借助選擇窗格，選中9張圖片，為它們添加“消失”動畫（使用“添加動畫”按鈕，不要從“動畫”組中選擇，否則會改變原來的動畫），持續(xù)時間和開始方式保持默認(rèn)。（3）選中9個矩形，為它們添加“展開”動畫，持續(xù)時間設(shè)為0.25秒，開始方式設(shè)為“與上一動畫同時”。（4）在動畫窗格中選中剛剛增添的18條動畫，參照第12步之（1），將這些動畫均設(shè)置為由“Replay”觸發(fā)。最終效果如圖8所示。

16、取消鼠標(biāo)點擊換頁。在“切換”選項卡的“計時”組中，取消勾選“單擊鼠標(biāo)時”，如圖9所示。這樣可以避免觀眾誤點矩形和Replay按鈕以外的區(qū)域?qū)е聯(lián)Q頁。

17、在頁面上輸入文案，大功告成！最終效果如圖10所示。

按Shift+F5放映當(dāng)前幻燈片，屏幕上會出現(xiàn)9張牌子，點擊任意一張，牌子就會翻過來露出背面的圖片。點擊Replay，全部牌子就會恢復(fù)原狀。按Esc鍵，結(jié)束放映。

其實這個交互的PPT，不光可以讓大叔每天翻牌子玩，還有其他更多的應(yīng)用可以拓展。

期待你的創(chuàng)意效果發(fā)微博，記得在微博中@谷月博士 和@秋葉?，請加上#三分鐘教程作業(yè)#便于檢索，好作品我們必轉(zhuǎn)！

小貼士：可以將PPT的放映過程用Camtasia、GIFCam、LICECap、Wink等工具錄屏成GIF動畫發(fā)微博，或?qū)PT另存為視頻上傳到視頻網(wǎng)站發(fā)微博，或?qū)PT上傳至OneDrive并生成共享鏈接發(fā)微博。