# 2D動畫合成紀錄 ## 關於二值 https://home.gamer.com.tw/artwork.php?sn=4443320 有提及二值 角色圖寬是1920(影片寬1280) https://youtu.be/IzZ2TDUii1I?t=102 將律表直接轉成keyframe https://aescripts.com/fxaa/ AE柔化二值又支援mac的免費外掛 ## ## 合成概念 概念由來:::[PS_action增加明暗與背光](https://hackmd.io/@DwzSfM4EQ4Ory_RDx-zH3w/SJ15N29o4)::: 感謝[丁豆](https://www.facebook.com/profile.php?id=100001837481071)提供動態素材做範例,可以來這裡看他的[2D作品](http://ding--do.blogspot.tw/)! 背景是[wwiinngg](https://www.facebook.com/wwiinngg-163117523851030/)於之前協助製作動畫所繪製。 先看原版: {%youtube H2HYyjSzQRQ %} 經後製後: {%youtube YWZHNL4FxQM %} [**>>>按我下載ae原始檔<<<**](https://drive.google.com/file/d/1NAh-6v1UBFShcj5M2E5KiLcFclEMtGMX/view?usp=sharing) 製作背光效果的流程如下: {%youtube AwqPXf-lUN4 %} ## ## 合成畫面與各圖層效果 各圖層簡介: | ![](https://i.imgur.com/UwM1qtT.png =200x) || | -------- | -------- | | ctrl:調整參數用|| | 整體ramp:添加陰影|![](https://i.imgur.com/wlCUxJg.png =100x)| |吃背景用:添加環境光 |![](https://i.imgur.com/Cdf8nWk.png =100x)| | BG:添加環境光| | | 背光:添加背光| ![](https://i.imgur.com/qhKJSSv.png =100x)| | chr:角色原圖 |![](https://i.imgur.com/dSKgwCA.png =100x) | | BG:背景原圖 | | <br/><br/> ## ## 複數素材背光效果 通常畫面不止單一角色動態, 如要複數使用背光效果,操作流程如下: {%youtube dm_5BKseo-Q %} <br/><br/> ## ## 在ae畫圖填色 {%youtube F4BfBNFGLAU %} 如想在ae做cel可參考這套ae外掛:[paint & stick](https://aescripts.com/paint-and-stick/)(ae2021之後無法使用),參與幸福路上2D動畫案子有些角色影子靠它完成。 <br/><br/> ## ## 常用功能及推薦腳本 |![](https://hackmd.io/_uploads/SyuHmidHh.gif =2000x)|<font size=5>[KBar](https://aescripts.com/kbar/)</font> <br/>| | -------- | -------- | | ![](https://hackmd.io/_uploads/SJOSQi_Hn.gif)|將常用的表達式或功能等做成按鈕,另可設置Cmd or Alt等鍵來執行(游標在icon時會顯示)| <br/> | ![](https://hackmd.io/_uploads/HJMe3odSh.gif =5000x) |<font size=5>[motion2](https://www.mtmograph.com/motion/)</font><br/>| | -------- | -------- | | ![](https://i.imgur.com/xpL310p.png ) |常用於調整keyframe curve及改物件軸心<br/>整理素材區(sort):下拉選單選擇preferences,修改Priority Item欄位輸入「要輸出的comp名稱開頭為何」</br>[關於motion2的詳細中文介紹](http://motioner.tw/motion-v2-tutorial/) | <br/> | ![](https://hackmd.io/_uploads/BJ_Hmo_B3.gif =800x) | <font size=5>[FX Console](https://www.videocopilot.net/blog/?s=fx+console)</font> <br/> | | -------- | -------- | | 個人常用:<br/>Curves << 可以拉alpha曲線去白邊等<br/>CC Bent it << 彎曲+Grow Bounds避免切邊<br/>Slider Control << 表達式中的代數<br/>Minimax << 縮邊或擴邊<br/>Turbulent Displace << 做扭曲的特效<br/>Offset << 常用於二方連續並循環| 快速搜尋特效,輸入關鍵字即出現清單供選| <br/> | ![](https://hackmd.io/_uploads/r1_H7idHn.gif =2000x) |只保留選取色:<br/>Solid Composite<br/>Color Range<br/>Inver<br/><br/>二值化素材能完整選取,將特效組合儲存並設置KBar按鈕方便使用 | | -------- | -------- | <br/> |![](https://hackmd.io/_uploads/SkPtKotrn.gif)|[複數物件複製keyframe](https://filedn.com/lJfkeVovwcE5NSezqYtpVGm/AEscript01_MCopy.jsxbin)<br/>[複數物件貼上keyframe](https://filedn.com/lJfkeVovwcE5NSezqYtpVGm/AEscript02_MPaste.jsxbin)<br/>[編輯區只顯示選取物件](https://filedn.com/lJfkeVovwcE5NSezqYtpVGm/AEscript03_Shy%20other%20Layers.jsx)| | -------- | -------- | | ![](https://hackmd.io/_uploads/rythhoFSn.gif)|建議設定熱鍵方便使用:指令列Edit/Keyboard Shortcuts | ![x](https://hackmd.io/_uploads/ByrEYDR4Je.gif) <br/><br/> ## ## 表達式 常用的有各種loop、wiggle、if等,其他我認為好用的都放在:<font size=5>[AE表達式收集](https://linx690505.wordpress.com/2016/01/15/ae%e8%a1%a8%e9%81%94%e5%bc%8f%e6%94%b6%e9%9b%86/)</font> <br/><br/> ## ## AE與素材的關係 先結論 1.素材路徑不變,aep路徑在哪都行 2.若素材(序列圖資料夾)與aep同層同路徑,搬動專案或資料夾更名是可以的 3.將不同路徑的素材與aep同路徑時,會自動重聯素材。 下列圖為樹狀層級,左為最上層右為最底層 綠色匡格表示若更名或移位,素材不會掉檔 紅色匡格表示若更名或移位,素材會掉檔 ![link1](https://hackmd.io/_uploads/r12QW4H4kx.png) ^除了「飛機」序列圖包資料夾,其餘圖片或聲音檔皆同層同路徑 <br/><br/><br/> ![link2](https://hackmd.io/_uploads/HkVipmS4Je.png) ^所有的素材都包資料夾,aep同一層或包資料夾 <br/><br/><br/> ![link3](https://hackmd.io/_uploads/Sy4ja7rNyl.png) ^素材又再包資料夾的情況 <br/><br/><br/> ![link4](https://hackmd.io/_uploads/rk4iamSVkl.png) ^由此可知,aep與素材同一層(大量序列圖包資料夾)最好 <br/><br/>