擬態化設計已經統治各大設計網站很長時間了，在扁平化的基礎上，通過添加光影，可以讓作品細節更豐富，非常有助于提升整體效果~

關注公眾號“設計師深海”，回復“擬態化開關”可以獲得這次教程的源文件，有需要的朋友們可以下載參考

STEP.1_新建合成

新建合成，尺寸設置800*600，幀速率25，命名為微擬物開關

STEP.2_創建背景色動畫 

選擇圖層-新建-純色

命名為背景色，顏色可以隨意選擇

選擇背景色，右鍵 -圖層樣式-顏色疊加

將顏色設置為白色底色，并在第一幀打上關鍵幀

在第10幀將顏色改變為黑色底色，背景色動畫創建完成


STEP.3_創建開關底部動畫

新建320*160大小的矩形，顏色設置白色底色，命名為開關底-暗部

選擇右鍵-圖層樣式-添加內陰影

內陰影顏色設置為白色暗色，其它屬性如圖

將開關底-暗部復制，改名為開關底-亮部，更改模式為變暗，內陰影顏色改為白色亮色，角度如圖調整

找到開關底-亮部的填充顏色和內陰影顏色，分別K幀，在第10幀顏色變化為黑色底色和黑色亮色（如圖所示）

開關底-暗部也進行相同操作（注意內陰影顏色不同）

至此，背景色和開關底部的動效制作完成

STEP.4_創建開關滑動動畫

新建圓形，命名為開關，顏色與背景色白色底色相同

選擇效果-透視-添加投影

投影具體參數如圖所示

找到開關的填充顏色、兩個投影顏色和位置屬性，分別K幀，在第10幀時變為對應的黑色，開關動效制作完成

Ctrl+A選擇所有圖層，按U顯示所有關鍵幀，鼠標框選全部關鍵幀按F9（添加運動曲線）

基本動畫制作完成

STEP.5_添加一點點細節

使用相同的原理，添加文案和指示燈，并制作循環動畫，動效完成

完

關注公眾號“設計師深海”，回復“擬態化開關”可以獲得這次教程的源文件，有需要的朋友們可以下載參考

【資源分享】Adobe2023全家桶破解版匯總下載（WIN/MAC 2023-2023）

感謝大家看到最后，覺得有點幫助的朋友歡迎關注

公眾號：設計師深海

我會定期更新一些動效和C4D的教程

希望和大家一同進步~

文章轉載自微信公眾號設計師深海