近年來，動態圖像已經成為設計師作品中必不可少的一部分，靜態圖片不得不費力討好併為視頻、動畫、gif和電影騰出位置。為什麼動態圖像如此受歡迎？當然，它的成功與技術的進步息息相關，也可以歸因於
我們大腦感知靜態和動態圖像的方式不同。我們的眼睛在圖像上移動的方式是由複雜的算法定義，那些瞭解並掌握了這種算法的人，例如偉大的畫家、攝影師和電影導演，都可以“操縱”觀眾的注意力並引導視線。而且我們的眼睛很容易捕捉到運動的物體，靜態圖像無法做到這一點。
雖然靜態圖片有些失寵，但是我們可以通過使用AE來讓它動起來：
一、流動效果
- 首先將我們的素材圖片置入AE項目中，且以圖片大小新建一個合成（合成設置持續時間調為3s）.
- 將圖片圖層右鍵預合成命名為素材.
- ctrl/command+D選擇素材預合成複製兩層一層命名為背景，一層命名為蒙版，排列順序如圖所示（可將素材圖層的顏色改為粉色以區分）.
- 針對我們的素材圖層，使用操控點將水的部分添加五個操控點.
- 在素材圖層使用U把所有操控點調出來，先將起始關鍵幀都拖至0s，再將時間拖到3s把操控點都進行位置的調整，做出液體流動的效果（圖片變形不用擔心）.
- 選中蒙版圖層使用鋼筆工具將除液體部分全部勾選出來創建蒙版，並將蒙版的羽化調為20.
- 將素材圖層的不透明度T屬性調出，在0s打一個關鍵幀且屬性調為0%，時間拖到1s10幀屬性調為100%，時間拖到3s屬性再次調為0%.
- ctrl/command+D複製素材圖層兩次，命名為素材1，素材2，排列順序如圖所示.
- 將素材2圖層整體時間條結尾拖至1s10幀，素材1圖層整體時間條開始拖至1s10幀，做出重複流動的效果.
- 最後合成添加到渲染隊列渲染導出即可.
除了讓靜態的圖片流動起來這種有趣且吸引人眼球的動態效果以外，我們還可以通過視覺差的效果，將靜態的圖片分層以創建三維感（3D）的幻覺。
二、2.5D視覺差
1. PS前期處理
- 將我們的素材圖片置入PS，背景圖層解鎖，使用鋼筆工具將人物勾選出來，ctrl/command+回車建立選區，ctrl+J複製出新的圖層並命名為人物.
- ctrl點擊人物圖層，再次得到人物選區，菜單欄>選擇>修改>擴展，將我們的選區擴展20像素.
- 回到背景圖層上，針對選區做填充，菜單欄>編輯>填充>內容識別，這樣就可以把背景上的人物擦除.
- 飲料瓶同樣方法使用鋼筆先勾選出輪廓且複製摳出並命名好圖層，回到背景中使用內容識別填充將其擦除，最終得到人物，飲料，背景三個圖層，保存好psd源文件.
2.AE製作動態
- 打開AE將我們的在PS中處理好的文件置入項目中（一定要以合成的形式置入）.
- 雙擊我們的合成，把三個圖層的3D開關都打開，右鍵新建一個攝像機圖層
- 為了觀察可以將視圖模式調為2個試圖-水平.
- 將背景圖層的位置調出，將其Z軸往裡推推到最後面.
- 將人物與飲料圖層的位置屬性調出，將其Z軸拉到最前面.
- 調出攝像機圖層的位置屬性，在0s其Z軸屬性添加關鍵幀，屬性調為-2222.2，時間拖到3s屬性調為-2660.2.
- 調整背景縮放屬性調為190%，使其一直充滿整個屏幕，人物縮放屬性調為116%.
- 使用操控點屬性給人物添加圖釘操控點.
- 給人物的手及頭部添加操控點的關鍵幀動畫，讓其左右擺動.
- 豐富飲料罐動畫，給其Y軸添加關鍵幀動畫，使其上下移動，給其Z軸旋轉添加關鍵幀動畫，使其轉動起來.
- 最後調整工作區時間為0s-3s，合成渲染導出GIF即可.
除了流動、2.5D視覺差能夠讓靜態圖片動起來豐富其效果以外，還有很多效果例如震動、液化扭曲，其實方法相差無幾，感興趣的同學可以自己多嘗試，會熟練運用即可。
分享到:
閱讀更多 SODO學堂 的文章
