近年來，動态圖像已經成為設計師作品中必不可少的一部分，靜态圖片不得不費力讨好并為視頻、動畫、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）的幻覺。

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視覺差能夠讓靜态圖片動起來豐富其效果以外，還有很多效果例如震動、液化扭曲，其實方法相差無幾，感興趣的同學可以自己多嘗試，會熟練運用即可。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!