Try   HackMD

2D動畫合成紀錄

關於二值

https://home.gamer.com.tw/artwork.php?sn=4443320
有提及二值 角色圖寬是1920(影片寬1280)

https://youtu.be/IzZ2TDUii1I?t=102
將律表直接轉成keyframe

https://aescripts.com/fxaa/
ＡＥ柔化二值又支援mac的免費外掛

合成概念

概念由來:::PS_action增加明暗與背光:::

感謝丁豆提供動態素材做範例，可以來這裡看他的2D作品！
背景是wwiinngg於之前協助製作動畫所繪製。
先看原版：

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

經後製後：
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

>>>按我下載ae原始檔<<<

製作背光效果的流程如下：

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

合成畫面與各圖層效果

各圖層簡介：

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
ctrl：調整參數用
整體ramp：添加陰影
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
吃背景用：添加環境光
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
BG：添加環境光
背光：添加背光
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
chr：角色原圖
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
BG：背景原圖



複數素材背光效果

通常畫面不止單一角色動態，
如要複數使用背光效果，操作流程如下：

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →



在ae畫圖填色

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

如想在ae做cel可參考這套ae外掛：paint & stick（ae2021之後無法使用），參與幸福路上2D動畫案子有些角色影子靠它完成。


常用功能及推薦腳本

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
KBar
Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
將常用的表達式或功能等做成按鈕，另可設置Cmd or Alt等鍵來執行（游標在icon時會顯示）

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
motion2
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
常用於調整keyframe curve及改物件軸心
整理素材區（sort）：下拉選單選擇preferences，修改Priority Item欄位輸入「要輸出的comp名稱開頭為何」
關於motion2的詳細中文介紹

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
FX Console
個人常用：
Curves << 可以拉alpha曲線去白邊等
CC Bent it << 彎曲＋Grow Bounds避免切邊
Slider Control << 表達式中的代數
Minimax << 縮邊或擴邊
Turbulent Displace << 做扭曲的特效
Offset << 常用於二方連續並循環		 快速搜尋特效，輸入關鍵字即出現清單供選

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
只保留選取色:
Solid Composite
Color Range
Inver

二值化素材能完整選取，將特效組合儲存並設置KBar按鈕方便使用

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
複數物件複製keyframe
複數物件貼上keyframe
編輯區只顯示選取物件
Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
建議設定熱鍵方便使用：指令列Edit/Keyboard Shortcuts
Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →



表達式

常用的有各種loop、wiggle、if等，其他我認為好用的都放在：AE表達式收集



AE與素材的關係

先結論
１.素材路徑不變，aep路徑在哪都行
２.若素材（序列圖資料夾）與aep同層同路徑，搬動專案或資料夾更名是可以的
３.將不同路徑的素材與aep同路徑時，會自動重聯素材。

下列圖為樹狀層級，左為最上層右為最底層
綠色匡格表示若更名或移位，素材不會掉檔
紅色匡格表示若更名或移位，素材會掉檔

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

＾除了「飛機」序列圖包資料夾，其餘圖片或聲音檔皆同層同路徑




Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

＾所有的素材都包資料夾，aep同一層或包資料夾




Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

＾素材又再包資料夾的情況




Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

＾由此可知，aep與素材同一層（大量序列圖包資料夾）最好


Last changed by 
 
林錚溶
https://portaly.cc/CJL
0
4821

Read more

Blender_Grease Pencil

風中電話亭FB圖文版

Jan 24, 2025
spine筆記

&lt;a href=&quot;https://github.com/EsotericSoftware/spine-scripts/blob/master/photoshop/PhotoshopToSpine.jsx&quot;&gt;下載 PhotoshopToSpine.jsx&lt;/a&gt; ，可將psd圖層輸出png &amp; json檔（置入spine用）。

Jan 24, 2025
PS_action增加明暗與背光

action使用說明： 五官等請自行分層出來。 選取背景範圍後執行action。 ＊圖檔尺寸建議大於1000x1000以上 為何需要二維化 使用鉛筆勾邊，畫面顯得鋸齒邊看起來不圓滑而有點難以接受， 但有利於選色調整，圖縮小鋸齒也看不到（將圖尺寸做更大些）

Jan 15, 2025
PS_UI製程小技巧

cmd(ctrl)+框範圍可選取多物件；cmd+shift+框範圍可再複選物件；cmd+shift+點選可再選物件或取消選取物件；如有不想動的先鎖定移動；若選到不要的可善用篩選功能（直接點兩次向量物件）。&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;

Jan 14, 2025
Read more from 林錚溶
Published on HackMD