羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:56 PM
Sat, Mar 24, 2018 6:16 AM
175
46
[教學] 將影片畫面或片段製作成表情符號
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:57 PM
Wed, May 6, 2020 4:17 PM
首先是這裡會用到的四個工具:
(這裡提供的都是當年的舊版本 煩請自行尋找可用的最新版)
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:58 PM
Adobe CS4系列
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:58 PM
PotPlayer
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:59 PM
XnConvert
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 8:59 PM
GIF Animator 5
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:05 PM
首先是靜態表符:
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:05 PM
用Potplayer打開影片
找到想要的畫面後 按ctrl+E擷取畫面
圖片的預設存檔路徑為PotPlayer資料夾裡的Capture資料夾
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:10 PM
把圖片丟進photo shop 利用選取工具擷取你要的部分

tip:
shift+拖曳可以拉出正方形的選取範圍
shift+alt+拖曳可以以滑鼠位置為正中心拉出正方形範圍
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:18 PM
選取好範圍後 ctrl+C複製
另開新檔案 預設集選擇剪貼簿

打開一個與擷取範圍相同大小的新檔案ctrl+V貼上
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:19 PM
接著從上方選單選擇影像/影像尺吋

將大小調整為plurk接受的48*48

羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:20 PM
另存圖檔後上傳 就是一張新表符了
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:21 PM
再來是動態表符 一樣是從PotPlayer開始
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:31 PM
找到你要的片段後對畫面按右鍵
視訊/圖像擷取/連續擷取圖像 打開擷取工具
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:31 PM
Fri, Nov 11, 2022 1:50 AM
https://imgs.plurk.com/QBt/d7F/9eNVeU4aKeFSGih5KNHUihWMshk_lg.png
裡面會動到的設定主要只有擷取設定的內容
(如果要把截圖放在別的位置的話再修改最上面的路徑)
按幀截圖數: 根據幀數 擷取幾張圖
按時間: 每幾毫秒擷取1張
按幀間隔: 每隔幾幀擷取一張(設定為3的話 FPS60來說便是每秒20張)
因為影片品質不一 這裡建議按時間來擷取會比較方便後面製作
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:34 PM
Sat, Apr 14, 2018 1:38 PM
設定好了之後 按下開始 接著回到播放器本體
按下影片播放 擷取工具會自動抓下連續圖片
然後我們就會在資料夾看到滿滿的愛花滿滿的連續圖
https://i.imgur.com/XwmyERU.png
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:37 PM
剔除前後不需要的部分後 接著打開XnConvert
把這些圖丟進去

然後切換到動作頁 來設定裁切的區域
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:40 PM
Sat, Mar 24, 2018 6:18 AM
左邊是我選取的裁切範圍 上下左右都是由外至內
https://i.imgur.com/Zpufa9y.png
因為方便直覺操作 我習慣採用依邊界裁切
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:43 PM
設定好範圍後 翻到輸出
在檔名部分裁切後的圖片名稱 #字的功能是將圖片依順序編號

下方的刪除原始檔不要勾選
當有需重新操作時可以直接拿原圖來用
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:46 PM
按下右下的轉換 我們就可以得到更多的愛花裁切好的連續圖

這時可以看一下下方的圖檔訊息 看是不是正方形
如果不是的話可以依自己需求
把原圖丟回去XnConvert再重新裁切
(XnConvert會保留之前最後一次操作的紀錄 稍微調整一下即可)
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:48 PM
調整到正方形之後 終於來到合成為動畫的部分了
打開GIF Animator 5 開新檔案 大小設定為裁切圖檔的大小
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:51 PM
將裁切好的圖片一次丟進去 選擇依序放在每個影格
然後刪除第一格空白的
這時就可以先按下下面的撥放鍵 來預覽一下動畫的狀態
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:55 PM
Sat, Mar 24, 2018 6:22 AM
程式預設播放速度為0.1秒一張的緣故
現在播放應該會呈現慢動作的狀態
因此先來調整每一格停留的時間
按住shift點選影格 全選之後點右鍵 選畫格內容
https://i.imgur.com/UM4ddWr.png
將原本延遲10/100秒(0.1秒)改為3/100(0.03秒)後確定
https://i.imgur.com/9aVtEhp.png
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:57 PM
現在播放速度就正常很多了
接著在上方選單選擇編輯/調整圖像大小

一樣將他壓縮到48*48
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:58 PM
壓縮好以後 再選擇檔案/另存為/GIF檔案
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 9:59 PM
輸出後上傳到plurk 你就擁有一個獨一無二 會動的愛花了
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 10:00 PM
那麼這次的教學就到這裡結束 大家快回去把自己的老公老婆做成表符吧
🍰采采@下輩子想當家貓
@small_mirror
Thu, Apr 17, 2014 10:41 PM
其實PS也可以做動態表符www ((對於無法裝GIF Animator 5的我來說...動態表符一直都是用PS做的...
羽縫零夜
@Leiya_e
Thu, Apr 17, 2014 10:52 PM
🍰采采@下輩子想當家貓 : 我是傾向於要做什麼東西就"交給專業的來做"這樣www
小耀博士
@Lackneets
說
Fri, Apr 18, 2014 1:11 AM
我是用轉檔程式擷取區間轉成480p x 20fps 的avi，然後就丟進GIF Animator (記憶體吃很凶就是了)
小耀博士
@Lackneets
說
Fri, Apr 18, 2014 1:13 AM
GIF Animator 可以吃影片檔，所以其實不用這麼麻煩把每個影格存成圖片
小耀博士
@Lackneets
說
Fri, Apr 18, 2014 1:18 AM
裁切的話GIF animator 用調整畫布大小，選擇對齊上方就可以把下面的邊切掉(憑直覺取像素)，依此類推切四次就會切掉四個邊，或是貼齊對角就只要切兩次.....
羽縫零夜
@Leiya_e
Fri, Apr 18, 2014 2:39 AM
小耀博士 原來如此 受教了。
羽縫零夜
@Leiya_e
Fri, Apr 18, 2014 2:43 AM
因為除了做表符之外完全沒在用GIF Animator 看來需要多研究了 感謝
羽縫零夜
@Leiya_e
Fri, Apr 18, 2014 2:55 AM
不過 如果記憶體消耗很大的話 對於一些低配備的使用者來說我那方法應該會比較適合吧? 畢竟丟下去後整個卡死是很痛苦的
羽縫零夜
@Leiya_e
Fri, Apr 18, 2014 2:56 AM
反正也是批次輸出 批次裁切(連續圖不是一張一張手動截 工具開著 跑影片就會自動擷取) 也不至於太過麻煩
羅馬色波紋疾走☆羅馬艾路
@zero123125
說
Thu, Apr 24, 2014 3:57 AM
謝謝教學
載入新的回覆