小爛【趕啊趕文去!】
@LineCrosser
說
Tue, Oct 5, 2021 3:11 PM
Tue, Oct 5, 2021 3:54 PM
12
1
終於完成了gif圖合併script
這個範例是讀取資料夾內的所有gif,每3張gif便並排在一行。
合併圖成品:
script下收
Aseprite
掰噗~
@baipu
說
Tue, Oct 5, 2021 3:11 PM
是阿~
機器狼🌐AI搜尋全攻略
@KMN_BOT
說
Tue, Oct 5, 2021 3:11 PM
嗯汪、會是什麼呢汪 (〃°ω°〃)
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:14 PM
這個就是script
aseprite-scripts/Merge Folder Images.lua at main · l...
放進script資料夾之後就會看到
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:21 PM
描述:一句話,是用來合併圖片的,把資料夾內的圖片從左至右,由上而下排列進同一個檔案裡
限制:拿來合併的所有gif檔必須相同幀數、相同時間
用法:
1. 先把想要合併的gif放在同一個資料夾
2. 點開script
3. 在Folder Path輸入資料夾路徑後,Files會看到圖片數量
4. 選擇Merge Type,然後輸入各種數值
例如Fixed Columns=6,合併時每一行放6張圖,再換下一行
例如Max Width=200,合併圖最大是200px寬,合併時每一行超過200px換下一行
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:26 PM
雖然完成後很興奮,想寫一堆說明
但是果然懶得寫文件
如何安裝script請參考:
Aseprite Scripts Collection
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:30 PM
Tue, Oct 5, 2021 3:50 PM
少量補充:
1. 不同時間頻率的gif如何合併?
就像不同時間頻率的youtube影片來上下左右合併,還要達成播放前後無縫循環那樣高難度。
最實際的做法是把gif圖獨立分開,放在網站或別的地方讓各種gif自己跑,別想合併成一張圖。
2. 雖然這個script輕鬆實現一鍵合併,不過,萬一合併出來的顏色數超過256色,再匯出gif就會爆顏色數了。
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:42 PM
Tue, Oct 5, 2021 3:52 PM
如何解決超過256色後gif動圖顏色跑掉的問題:
1. 存成APNG,支援True color的動圖。
先用Aseprite匯出成webp檔,然後線上將webp轉換apng(png),例如用
photopea
。
然後把會動的png檔上傳到imgur,就可以看到動起來的圖。
缺點:WEBP或APNG遠不及GIF廣泛,瀏覽器可以看APNG動起來,但噗浪手機APP只能看到靜圖。
2. 先存成一堆PNG靜圖,再利用其他工具轉換成GIF檔。
基於每個程式編譯成GIF的方式不同,出來的圖片效果或大小可能比Aseprite好。(也可能差不多)
缺點:用別的工具,GIF還是256色,是有損壓縮方式。另外,一開始儲存成PNG,就要手動調整每幀時間。
小爛【趕啊趕文去!】
@LineCrosser
Tue, Oct 5, 2021 3:46 PM
Tue, Oct 5, 2021 4:09 PM
3. 先存成一堆PNG靜圖,再利用
gifski
,這工具可以製作出超過256色的gif。沒看錯的話,原理是每一幀都存一個色盤,達到一圖多色盤的效果。
想得到完美無損的多色gif圖就要依靠它。
缺點:不能逐幀調整時間,每幀時間相同。另外還要先學一下command line,再算算數把每幀的時間換成fps才能用。
(補充:gifski其實可以逐幀調整時間,但command line現時沒有。大概要自己寫Rust或C的程式再呼叫gifski
)
小爛【趕啊趕文去!】
@LineCrosser
Wed, Oct 6, 2021 12:23 AM
關於合併不同時間的gif檔:
這噗有photopea基礎應用教學,當中有示範合併兩張gif:
ಠ_ಠ - 說明書/教學 以下方法不用下載任何軟體,是使用線上免費修圖繪畫工具 ,能用瀏覽器就可以。 此...
那裡使用的兩張小羊圖是不同時間長度的。
A-啦啦隊羊:360ms,每幀120ms(共3幀)
B-跑跑雙羊:600ms,每幀120ms(共5幀)
測試證實photopea的合併動圖方式是取時間較長的圖B的600ms。
由於600ms不足夠令圖A達成2次循環,所以直接將圖A減速至每幀200ms,再進行時間切割(合併圖共7幀,維持600ms)。
所以合併對圖A的速度是有影響的。
不影響圖A速度的合併是用公倍數,維持每幀120ms,但拉長gif總時間至1800ms,有需要再進行frame切割(gif的體積會大了幾倍)
載入新的回覆
這個範例是讀取資料夾內的所有gif,每3張gif便並排在一行。
合併圖成品:
script下收
Aseprite
放進script資料夾之後就會看到
限制:拿來合併的所有gif檔必須相同幀數、相同時間
用法:
1. 先把想要合併的gif放在同一個資料夾
2. 點開script
3. 在Folder Path輸入資料夾路徑後,Files會看到圖片數量
4. 選擇Merge Type,然後輸入各種數值
例如Fixed Columns=6,合併時每一行放6張圖,再換下一行
例如Max Width=200,合併圖最大是200px寬,合併時每一行超過200px換下一行
但是果然懶得寫文件如何安裝script請參考:
1. 不同時間頻率的gif如何合併?
就像不同時間頻率的youtube影片來上下左右合併,還要達成播放前後無縫循環那樣高難度。
最實際的做法是把gif圖獨立分開,放在網站或別的地方讓各種gif自己跑,別想合併成一張圖。
2. 雖然這個script輕鬆實現一鍵合併,不過,萬一合併出來的顏色數超過256色,再匯出gif就會爆顏色數了。
1. 存成APNG,支援True color的動圖。
先用Aseprite匯出成webp檔,然後線上將webp轉換apng(png),例如用photopea。
然後把會動的png檔上傳到imgur,就可以看到動起來的圖。
缺點:WEBP或APNG遠不及GIF廣泛,瀏覽器可以看APNG動起來,但噗浪手機APP只能看到靜圖。
2. 先存成一堆PNG靜圖,再利用其他工具轉換成GIF檔。
基於每個程式編譯成GIF的方式不同,出來的圖片效果或大小可能比Aseprite好。(也可能差不多)
缺點:用別的工具,GIF還是256色,是有損壓縮方式。另外,一開始儲存成PNG,就要手動調整每幀時間。
想得到完美無損的多色gif圖就要依靠它。
缺點:不能逐幀調整時間,每幀時間相同。另外還要先學一下command line,再算算數把每幀的時間換成fps才能用。
(補充:gifski其實可以逐幀調整時間,但command line現時沒有。大概要自己寫Rust或C的程式再呼叫gifski )
這噗有photopea基礎應用教學,當中有示範合併兩張gif:
那裡使用的兩張小羊圖是不同時間長度的。
A-啦啦隊羊:360ms,每幀120ms(共3幀)
B-跑跑雙羊:600ms,每幀120ms(共5幀)
測試證實photopea的合併動圖方式是取時間較長的圖B的600ms。
由於600ms不足夠令圖A達成2次循環,所以直接將圖A減速至每幀200ms,再進行時間切割(合併圖共7幀,維持600ms)。
所以合併對圖A的速度是有影響的。
不影響圖A速度的合併是用公倍數,維持每幀120ms,但拉長gif總時間至1800ms,有需要再進行frame切割(gif的體積會大了幾倍)