本來主圖是放靜態的logo的png檔(´・ω・`)
好不容易弄完之後一邊欣賞自己的肝成果一邊發呆的時候，突然發現......
.
.
.
雖然rap也有不同種類，但整個氛圍果然還是應該再更躁動一點才對！←刻板思想
於是我就開始了製作透明gif主圖的不歸路orz
因為網上的資料普遍比較分散，加上輸出透明gif的時候遇到不少問題，因此浪費了不少時間
才會想說特別集合成一篇心得，也許可以幫到想做類似效果的捧油
這次就用圓形的來當範例（透明度設得有點高了不過沒差看得出來就好）：
需要注意的是這篇所使用的軟體有AE和PS，沒有這兩個軟體的我可能就幫不上了orz
那麼廢話就說到這裡，開始吧(๑•̀ㅂ•́)و✧
第一部分-用AE製作音頻效果
首先打開總是提醒我內存不夠的AE，建立一個新的composition，記得把音檔放進媒體庫
接著增加一個solid圖層，選擇你自己需要的大小，小屋主圖是690x250px，我這裡是另外重做的示範所以用800x800（比較好看（gan
接下來幫剛才的solid圖層添加一個效果，選擇Effect-Generate-Audio Spectrum
沒意外的話，你會看到以下畫面：(中間出現的那條顏色很俗的線就是你的頻譜
然後在同一個圖層里圈出一個圓形，這個圓形很重要，之後的音頻效果就是圍繞著它
要強調一下是同一個圖層，不是新建
但這時候你會發現音頻效果只是被圈起來而變短，要怎麼才能讓它圍繞著圈圈呢？
首先把你的音檔拖進去
然後選擇你創建的solid圖層，找到這看起來專業到讓人不知所措的畫面
1.將Audio Layer選為你的音檔
2.將Path選為你的那個圓圈（圓圈的名字就是solid圖層下方Masks選項里的那個）
接著你只要拖動時間軸就會發現音頻效果出來了~
然後在你忙著感動的時候又會發現音頻的邊緣被切掉了（gan
不過還好這簡單，只要把圓圈原本的選項改一下就好（Add改成None）
接著你就可以隨心所欲地調整你的音頻了，因為我不是專業的，只能列出一小部分功能，所以大部分的數值你們就慢慢試吧
▶Maximum Height會影響音頻顯示大小
▶Frequency bands是線條數量
▶Thickness是線條粗細
▶Inside Color和Outside Color是顏色
▶Display Options可以選擇音頻是條狀/折線/圓點
▶Side options將音頻顯示在兩側/內側/外側
需要有不同的效果重疊的時候就直接複製solid圖層後再調整就好，例如我用了黃色的條狀和折線，還有灰色的圓點
以上是音頻特效的部分，調整結束後就可以進行第二部分了
第二部分-用AE製作圖片縮放震動效果
首先把你要用的圖片放進去并對準中心，如果圖片原本不是圓形的話，只要在該圖圖層直接拉一個圓形就可以遮罩了
接下來我們要讓音檔出現關鍵幀來幫忙控制圖片的大小縮放
右鍵音檔圖層-Keyframe Assistant-Convert Audio to Keyframes
接著會出現一個叫做Audio Amplitude的圖層，將不需要的左右聲道刪掉，選擇後按Delet就可
按下那個方框里有個斜著的曲線的按鈕Graph Editor，你就能看到一個超亂的折線圖，這就是音檔轉換出來的關鍵幀
接著Alt+左鍵單擊Slider前的碼錶按鈕，就會在折線圖下方出現一個讓你輸入文字的地方
輸入描述式：linear(value,x,y,z,w) ←x、y、z、w需填入數字
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
x和y會控制圖片縮放時受音頻影響的範圍（x為最小值，y為最大值）
z和w會控制圖片的縮放大小（z為最小值，w為最大值）
例如我使用的音檔，看折線圖的話，最高點大概是52，較低的大概是5；圖片放得剛好的大小是29%（可參考圖片圖層下方的Scale數值），我希望圖片最大到40%
那麼我將x設為5，y設為52，z設為29，w設為40
效果就會是：當音頻大小為5時，圖片大小為29%；當音頻大小為52時，圖片大小為40%
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
展開圖片圖層下方的Transform，找到Scale，并Alt+左鍵單擊，就會出現Expression:Scale
按住旁邊看起來很暈的圖標，拖動到剛才音頻關鍵幀的選項上，這樣才有父子關係，圖片就會受音頻影響了
以上調整完畢，就可以存檔匯出影片了
第三部分-匯出有透明效果的影片檔
先提醒，隨手存檔是個良好習慣（現在說也太晚
要匯出，首先選擇File-Export-Add to Render Queue
到底為什麼AE存檔這麼不一樣這麼多步驟
然後你就會看到下方出現這樣的東西：
點Render Settings後方的藍字就會變這樣，點擊右下角的Custom就可以選擇你想輸出的段落
從上至下分別是開始時間、結束時間、總時長
點Output Module後面的藍字就又會變這樣，這裡一定要將Channels選擇RGB+Alpha，這樣背景才能是透明的
點Output to後面的藍字就可以選擇輸出路徑，以上調整完之後就可以按下Render等待影片輸出
第四部分-用ps將影片轉換成gif檔
總算到最後了
打開ps，檔案-讀入-視訊影格到圖層，選擇你剛剛輸出的影片
在出現的窗口中可以自己選擇範圍，製作影格動畫一定要打勾
限制讀入的選項可以依據個人需求調整，不過要注意不要太精細，不然會出現很多（例如我匯10秒的影片，限制讀入每隔2影格，就有150個圖層/幀）
另外我這邊如果太多幀，會匯出失敗，不知道其他人會不會有這個問題orz
讀入之後的樣子：
我加了一個灰色半透明的圖層當背景
接下來就可以匯出gif了，選擇轉存-儲存為網頁用
要匯出帶透明效果的gif，一定要勾透明，并在下方選擇透明的混色方式，其他選項可以依照個人喜好調整
調整完成之後按儲存，就可以把你的gif生出來了，可喜可賀可喜可賀
以上就是全部過程了，其中很多用詞為了讓每個人都能理解所以是用我自己的話來說，可能跟原本軟體的翻譯或專業用語不同，還請見諒賜教
最後祝大家都能做出自己喜歡的音頻效果/gif/主圖咯~
我的參考資料：
https://www.youtube.com/watch?v=1zYsQ94WMIA&t=504s&list=PLk-VJzwkGd04oJUw5wS3po6yKpMD276xH&index=26
創作內容
【心得】小屋佈景-製作具有音頻效果的透明gif主圖的超詳細不專業教學
【ヒプノシスマイク】假名歌詞 (0)