第一次寫專欄所以嘛有問題請(qǐng)指出( ?? ω ?? )y！這是一篇關(guān)于水果（FL Studio）里的一個(gè)動(dòng)態(tài)視覺插件Fruity Dance的教程。前部分較多地引用了FL的幫助文檔，后部分結(jié)合了我操作的一些經(jīng)驗(yàn)。

（文中這種顏色的字可略過不看，屬于一些基礎(chǔ)操作的解釋補(bǔ)充）

準(zhǔn)備材料↓：

1. 首先你需要一臺(tái)能運(yùn)行該軟件的電腦/計(jì)算機(jī)；

2. 你需要一只水果（FL Studio）（官網(wǎng)網(wǎng)址：https://www.image-line.com/flstudio/）；

3. 制作其動(dòng)畫所需的圖片及編輯軟件（如Adobe?Photoshop)

4. 一個(gè)神奇的腦子和一雙爪子。

Fruity Dance的功能使用

（水果娘的調(diào)戲方法）

? ? ? 打開你的水果或打開你的一個(gè)水果工程，（重要！必須先篤誠地向FL GOD祈禱！這樣才能確保你的FL不發(fā)脾氣！如果你的FL出現(xiàn)了以下的崩潰，請(qǐng)檢討你的祈禱！）

如何加載？打開通道機(jī)架(Channel rack)（你可以用鍵盤上的F6快捷鍵顯示或關(guān)閉），在通道機(jī)架面板里點(diǎn)擊底部的加號(hào)，在出來的列表選擇Fruity Dance。你可以通過這樣添加多個(gè)水果娘插件，通過右擊通道機(jī)架面板上各個(gè)插件可以進(jìn)行替換、克隆或刪除等操作。

參數(shù)修改：點(diǎn)擊通道機(jī)架面板里的Fruity Dance插件按鈕可以打開或關(guān)閉水果娘的設(shè)置窗口，在插件的設(shè)置面板可以看到一些參量控制，我查看了官網(wǎng)的英文幫助文檔，以下是翻譯解釋（我機(jī)翻的哈哈不過修改了一下(→_→)）：

• 菜單(Dance move):?-列出水果娘在播放時(shí)會(huì)進(jìn)行的舞蹈動(dòng)作。如果您想在曲目持續(xù)時(shí)間內(nèi)進(jìn)行單個(gè)移動(dòng)并且不想用鋼琴窗（后面會(huì)介紹）去控制她，請(qǐng)使用此功能。

• 水平鏡像(Mirror horizontally):?-把水果娘沿著中間的垂直軸水平鏡像翻過來。

• 同步更改(Sync changes):?-等待舞步完成一個(gè)循環(huán)，然后才切換到下一個(gè)。

• 可見(Visible):?-顯示與隱藏水果娘。

• 鎖定(Solid):?-關(guān)閉后鼠標(biāo)會(huì)點(diǎn)不到水果娘，打開的話你可以拖動(dòng)她和右擊她進(jìn)行操作。

• 置頂(Keep in front):?-將水果娘保持在所有窗口的頂部。

• 在桌面上(On desktop):?-最小化FL Studio之后，使水果娘在Windows桌面上保持可見。

• 動(dòng)態(tài)模糊(Blend):?-模糊動(dòng)畫步驟，這樣每兩幀之間會(huì)以模糊過渡。

• 速度(Speed):?-水果娘移動(dòng)或跳舞的速度倍增器。

• 反射(Reflect):?-水果娘底部的鏡面反射強(qiáng)度(不透明度)。

• 文件夾圖標(biāo)??:?-單擊以加載動(dòng)畫表（已提供FL Chan和Countdown）。這些圖片位于你水果安裝目錄下的Plugins→Fruity→Generators→Fruity Dance→Artwork。

如何表演？打開Fruity Dance插件的鋼琴窗（通過通道機(jī)架面板右上角中有三個(gè)小長方形、長方形上有小點(diǎn)的那個(gè)按鈕去切換 步進(jìn)音序器/鋼琴窗 總覽模式，切換到鋼琴窗總覽模式并點(diǎn)擊水果娘插件按鈕旁的鋼琴預(yù)覽小窗打開鋼琴窗?；蛘哂覔羲锊寮⒃趶棾龅牟藛芜x擇鋼琴窗打開它?；蛘咄ㄟ^鍵盤F7快捷鍵呼出和關(guān)閉，在鋼琴窗標(biāo)題處切換到Fruity Dance插件）

此處的琴鍵分三部分，上面的部分就是水果娘的各種類型的舞蹈動(dòng)作了，而下面的以M 開頭加動(dòng)作名稱的則是鏡像的動(dòng)作。中間部分的兩個(gè)就是顯示(Show)和隱藏(Hide)。通過樣式里的音符編輯，并把該樣式放入播放列表進(jìn)行播放，使水果娘能像播放midi一樣聽從你的音符，聽從你隨心所欲的指揮√（其中：Freestyle為隨機(jī)動(dòng)作，而M Freestyle為鏡像隨機(jī)動(dòng)作）

Fruity Dance動(dòng)畫的制作

? ? ? 這個(gè)是默認(rèn)動(dòng)畫的存放目錄：FL Studio安裝文件夾?\ Plugins \ Fruity \ Generators \ Fruity Dance \ Artwork，默認(rèn)下我們可以看到兩張png格式的圖表（官方幫助文檔管這叫Sprite sheet|精靈表？），以及各自相同名字的txt文檔。此時(shí)我又從官方幫助文檔了解一下情況(￣▽￣)"

動(dòng)畫表格式：根據(jù)官網(wǎng)介紹，動(dòng)畫表是PNG格式的圖像文件，它的寬分成了八格，高可以分無數(shù)格（視txt文檔的內(nèi)容而定），每行是一個(gè)單獨(dú)的8幀動(dòng)畫序列。FL會(huì)自動(dòng)分割圖像，所以請(qǐng)確保圖像像素的寬是8的倍數(shù)，而圖像像素的高應(yīng)是行數(shù)的倍數(shù)，否則加載時(shí)會(huì)彈出錯(cuò)誤。【補(bǔ)充】我發(fā)現(xiàn)圖像的寬的像素只需是8的倍數(shù)就OK了，但圖像的高的像素過低會(huì)加載錯(cuò)誤，而且是不定的（我找不到規(guī)律）請(qǐng)確保高的像素在50以上（可以用透明像素填充每行的上下兩邊），并且還要加載測(cè)試，如果沒問題就OK了。

TXT文本文件：首先每個(gè)動(dòng)畫表必須包含一個(gè)具有相同名稱的附帶文本文件（例如MyAnimation.png + MyAnimation.txt）。TXT文本文件里的每一行字對(duì)應(yīng)動(dòng)畫表圖像的一行動(dòng)畫的名稱，也就是說你的文本文件有多少行字那么動(dòng)畫表就會(huì)分割成多少行，注意文本里每行的名稱應(yīng)該用英文，否則會(huì)亂碼。如果有多行（兩行及以上）那么最后一行對(duì)應(yīng)的是“鼠標(biāo)保留”動(dòng)畫（鼠標(biāo)拖拽對(duì)象時(shí)的動(dòng)畫），此時(shí)最后一行不會(huì)出現(xiàn)在列表或鋼琴窗里，并應(yīng)稱為“Held”

? ? ? 另外，官網(wǎng)雖然表示可以使用任何圖像格式（PNG，JPG，GIF和BMP）但仍推薦用PNG格式，因?yàn)樗С滞该鞫?。至于GIF格式，我扔了一個(gè)進(jìn)去直接報(bào)錯(cuò)。。。

? ? ? （假裝是條分割線）? ? ??

? ? ? 依此我們可以自定義制作一個(gè)八幀動(dòng)畫，只要按照上面的格式就行了。國外網(wǎng)站上有很多創(chuàng)作，好像官網(wǎng)也有（但我搜不到，如果知道請(qǐng)告知大家?。热鏽iconico上就有一些，B站能搜到上古時(shí)期從niconico搬運(yùn)過來的一個(gè)自定義的動(dòng)畫。參考↓

當(dāng)然可以自己畫，不過也可以轉(zhuǎn)化呀（比如弄個(gè)蔡徐坤打籃球的或者影流之主啥的2333）我就拿不可思議樂隊(duì)的白熊示例吧(。???)ノ

制作幀圖像：首先需要按照它的格式制作8個(gè)動(dòng)畫幀，每個(gè)幀的像素尺寸要一樣以便組合（Photoshop還需要分辨率一樣，在B站另外一個(gè)視頻講到PS里設(shè)置的分辨率會(huì)引起大小變化，但是我試了一下好像沒影響。。。）

• GIF提取：如果像上面這張gif，可以提取它的八幀來進(jìn)行制作，幀數(shù)過多時(shí)盡量每留一幀刪一定數(shù)目的幀，盡量使它流暢。首先用PS打開GIF（我的是舊的CS6版本，老電腦不想弄新的），然后在時(shí)間軸里挑選一些幀刪除，可以多試幾次并播放預(yù)覽直到滿意為止。我這張共20幀，我留下了第2、5、7、9、12、15、17、20幀，然后將這八幀分別保存為有透明度的PNG格式的文件（注意標(biāo)好順序，其他GIF有需要的話還可對(duì)其進(jìn)行修改或者摳掉背景）

• 分割圖像：對(duì)于一些類似水果所用的動(dòng)畫表的圖片，把每幀整齊排列的，通常也會(huì)有自己的格式，所以需要切片工具分出來，有時(shí)還要借助創(chuàng)建參考線分割出特定的區(qū)域，再進(jìn)行基于參考線的切片。我在不可思議樂隊(duì)app的安裝包里發(fā)現(xiàn)了此類的圖片，也以此為例吧！用PS打開，然后在左邊的工具欄里選擇切片工具（如果找不到，可能是裁剪工具和透視裁剪工具那里，這兩個(gè)工具以及切片工具和切片選擇工這四個(gè)工具，在同一處工具的右擊菜單里選）把要切分的區(qū)域全選了，然后右擊切片區(qū)域，選擇劃分切片，根據(jù)圖片進(jìn)行劃分。

劃分完切片后，點(diǎn)左上角的"文件(F)"→"存儲(chǔ)為Web格式... Alt+Shift+Ctrl+S"，右上的優(yōu)化的文件格式選擇"PNG-24"，勾上透明度。選中要保存的切片，可以按住Shift鍵多選，然后點(diǎn)下面的存儲(chǔ)。PS會(huì)在你選擇的目錄下創(chuàng)建一個(gè)文件夾把各個(gè)切片分別保存。

如果你要把全部切片保存，那么可以不用多選，在存儲(chǔ)的窗口下面的切片有三個(gè)選項(xiàng)選擇，分別是“所有切片”、“所有用戶切片”和選中的切片。根據(jù)你的情況而選。保存后的切片通常自動(dòng)把分辨率調(diào)為 72像素/英寸，這一點(diǎn)要留意。

要處理的這些幀可能大小過大（如水果娘單幀的尺寸才110x128像素），這就需要縮小處理。GIF提取前可以修改圖像大小，勾上"重定圖像像素"，然后按百分比縮小。圖像分割我是在保存完切片后用批處理操作縮小的，你也可以嘗試其他方法。

拼接幀圖像：保存完各幀后就應(yīng)拼合它們，由于咱的白熊沒有其他動(dòng)作了所以就只弄一行吧。

（不推薦用Photoshop的聯(lián)系表Ⅱ來制作（該功能在Photoshop的菜單欄"文件"→"自動(dòng)"里），首先你得自定各參數(shù)，而且必須圖片之間要有一定的間隙，如果聯(lián)系表的分辨率數(shù)值低于要拼接的圖片的分辨率的話，制作出來還會(huì)變模糊，除此外如果圖片有不對(duì)稱的透明區(qū)域，在自動(dòng)操作時(shí)會(huì)居中處理導(dǎo)致單幀圖片的位移改變）

所以我在百度搜了個(gè)在線工具，發(fā)現(xiàn)還挺方便的:D（我通過關(guān)鍵詞"圖片","拼接"來搜索）

網(wǎng)址：http://www.zuohaotu.com/image-merge.aspx

按順序選好圖片上傳，然后選擇“橫向N*1”并點(diǎn)擊拼接，之后下載保存圖片并刪除服務(wù)器的文件就可以了。如果有多行動(dòng)作，可以將各行分別拼接，最后把它們縱向拼接。

此時(shí)就可以根據(jù)上文中提到的格式使用啦！

本文的引用

1. Fruity Dance - Visual Effect（FL幫助文檔）：https://www.image-line.com/support/flstudio_online_manual/html/plugins/Fruity%20Dance.htm

2. 圖片拼接——免費(fèi)在線拼接多個(gè)圖片成長圖（在線工具）：http://www.zuohaotu.com/image-merge.aspx

3. 不可思議樂隊(duì)Wonder Parade | TapTap 發(fā)現(xiàn)好游戲（本文示例的白熊出處）：https://www.taptap.com/app/60500

最后丟個(gè)自己的視頻:P