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

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

本期動(dòng)畫真好玩教程，我們就一起來動(dòng)手制作一個(gè)翻牌子的PPT。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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