原文信息：
標(biāo)題：How to prepare perfect GIFs for Dribbble in seconds
作者：Vlad Fedoseyev
地址：https://uxplanet.org/how-to-prepare-perfect-gifs-for-dribbble-in-seconds-c683a44deae
已獲得作者允許
譯文有所改動(dòng)
翻譯：ICEH
寫(xiě)在前面：
此篇推文將介紹一種Mediun上看到的高質(zhì)量轉(zhuǎn)化gif動(dòng)畫(huà)格式的方法咆贬，僅翻譯了其中最主要的部分尔当。
這種方法是利用Mac OX系統(tǒng)的終端命令行轉(zhuǎn)化視頻文件成gif逗鸣，其優(yōu)點(diǎn)是簡(jiǎn)單方便，轉(zhuǎn)化速度快，文件比較小，質(zhì)量也挺高的，而且不局限于各種格式的視頻文件。
當(dāng)然缺點(diǎn)就是局限于Mac OX系統(tǒng)冷尉，而且需要輸入一些代碼（不過(guò)其實(shí)很簡(jiǎn)單，復(fù)制改動(dòng)關(guān)鍵詞就可以）甥角。
再逼逼一下：
動(dòng)效在設(shè)計(jì)領(lǐng)域中越來(lái)越成為一種趨勢(shì)网严，動(dòng)效的加入會(huì)使作品跳出靜態(tài)的維度，他既能更好的表達(dá)設(shè)計(jì)師的想法創(chuàng)意嗤无，更能給用戶震束、觀眾帶來(lái)良好的體驗(yàn)。
不管你從事哪一類型的設(shè)計(jì)当犯，UI垢村、品牌、插畫(huà)等等都好嚎卫，懂動(dòng)效的設(shè)計(jì)師就像金子一樣閃閃發(fā)光嘉栓。
那么我們?cè)谌粘５脑O(shè)計(jì)中，花了無(wú)數(shù)個(gè)小時(shí)用AE拓诸、Principle等動(dòng)效設(shè)計(jì)軟件制作了各種精美的動(dòng)畫(huà)侵佃，它看起來(lái)很神奇，一切似乎都沒(méi)問(wèn)題......剩下的唯一一步就是制作一個(gè)好的GIF文件奠支，而導(dǎo)出gif文件常常是一件比較頭疼的問(wèn)題馋辈。
經(jīng)過(guò)嘗試我們都知道，用AE倍谜、Principle直接導(dǎo)出的gif質(zhì)量非常差迈螟，而大多數(shù)人也找到比較良好的替代方法叉抡，就是直接導(dǎo)出avi、mov等格式的視頻文件答毫，然后在ps里面進(jìn)行簡(jiǎn)單轉(zhuǎn)換褥民，大多數(shù)時(shí)候這是非常棒的方法，效果也還很不錯(cuò)洗搂。
但是ps里面轉(zhuǎn)gif我們會(huì)經(jīng)常遇到各種各樣的問(wèn)題消返，比如他有500幀的丑陋限制，顏色也非常受限蚕脏，調(diào)起來(lái)非常麻煩侦副。
幸運(yùn)的是，前些天在逛dribbble的時(shí)候驼鞭，我就偶然發(fā)現(xiàn)一個(gè)設(shè)計(jì)師在Medium的uxplanet介紹一種用終端命令代碼的方式來(lái)轉(zhuǎn)化視頻格式到gif，一開(kāi)始看到“命令”“終端”我也很害怕尺碰，想必做設(shè)計(jì)的看到這些技術(shù)的都會(huì)膽怯吧挣棕。
不過(guò)操作一遍后感覺(jué)非常簡(jiǎn)單方便，最重要的是轉(zhuǎn)化效果超級(jí)贊亲桥。
原文是英文的洛心，作者介紹的比較簡(jiǎn)單，我把坑都踩了一遍题篷，于是順便想當(dāng)下搬運(yùn)工词身，把原文這一部分簡(jiǎn)單翻譯加上一些提醒在這里介紹一下，方便各位老鐵一起學(xué)習(xí)番枚，有一點(diǎn)點(diǎn)改動(dòng)法严，下面就正式介紹啦。
FFMPEG
FFMPEG是一個(gè)命令行工具葫笼，它是基于Mac OX系統(tǒng)的小工具深啤，可以讓你使用幾乎所有類型的媒體文件執(zhí)行任何操作。
不過(guò)它需要在終端先下載Homebrew（Mac OS平臺(tái)下的軟件包管理工具路星，擁有安裝溯街、卸載、更新洋丐、查看呈昔、搜索等很多實(shí)用的功能）
如果“命令行”和“終端”這兩個(gè)詞聽(tīng)起來(lái)很可怕，請(qǐng)不要擔(dān)心友绝。作者已經(jīng)寫(xiě)好了流程堤尾，只要一步一步跟著操作，很簡(jiǎn)單的九榔，我保證～
1哀峻、安裝Homebrew
打開(kāi)Mac OX系統(tǒng)的終端涡相，輸入下面安裝Homebrew命令，回車運(yùn)行命令剩蟀，這個(gè)過(guò)程等待大概幾分鐘好像催蝗，靜等安裝完畢就OK
/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"
2、安裝FFMPEG
同樣育特，打開(kāi)Mac OX系統(tǒng)的終端丙号，輸入下面命令，回車缰冤，靜等安裝犬缨，挺快的，安裝完就是操作了
brew install ffmpeg
3棉浸、導(dǎo)航到視頻文件所在的文件夾
在終端輸入導(dǎo)航到文件夾位置
cd path/to/your/file
建議在桌面建一個(gè)英文名文件夾怀薛，然后把視頻文件改成英文名放進(jìn)去，查看簡(jiǎn)介信息復(fù)制文件夾位置迷郑，比如我在桌面建了文件夾“ae” /Users/huize/Desktop/ae
那我在這里應(yīng)該輸入的是“cd?/Users/huize/Desktop/ae”枝恋，回車運(yùn)行命令
4、創(chuàng)建調(diào)色板文件
步驟3回車之后嗡害，繼續(xù)輸入下面命令焚碌，需要注意一些東西：
input.mp4?是你要轉(zhuǎn)換的視頻文件（還可以是mov，avi等等霸妹，比如這里我的文件夾里視頻叫test.avi我就需要更改成test.avi）
fps=25?是你在GIF中需要的幀速率（默認(rèn)25幀/秒就行了十电，當(dāng)然可以改動(dòng)）
scale是尺寸比例，這里是明確要求FFMPEG將視頻大小調(diào)整為Dribbble長(zhǎng)寬比（可改但無(wú)需更改）
palette.png?是你的輸出調(diào)色板文件（這個(gè)文件名也可改但無(wú)需更改叹螟，直接就行）
ffmpeg -i input.mp4 -vf \ fps=25,scale=800:600:flags=lanczos,palettegen palette.png
比如這里我應(yīng)該輸入的是“ffmpeg -i?test.avi?-vf \ fps=25,scale=800:600:flags=lanczos,palettegen palette.png”
回車運(yùn)行腳本鹃骂，此時(shí)你會(huì)得到一張像下面這樣的圖片（在文件夾里），不需要管他首妖，繼續(xù)就行
5偎漫、將視頻轉(zhuǎn)換為GIF
繼續(xù)輸入下面命令，同樣需要注意一些東西：
input.mp4?是我們用于生成調(diào)色板的相同輸入文件（跟前面統(tǒng)一有缆，比如我的test.avi）
palette.png?是上一步的結(jié)果（文件名如果上一步改了就要統(tǒng)一）
fps?應(yīng)該保持不變
尺寸比例?也保持不變
output.gif?是你的輸出文件
ffmpeg -i input.mp4 -i palette.png -filter_complex fps=25,scale=800:600:flags=lanczos[x],[x][1:v]paletteuse output.gif
比如這里我應(yīng)該輸入“ffmpeg -i?test.avi?-i?palette.png -filter_complex fps=25,scale=800:600:flags=lanczos[x],[x][1:v]paletteuse output.gif”
回車運(yùn)行腳本象踊，鐺鐺鐺完成～
是不是很簡(jiǎn)單其實(shí)，效果還超級(jí)贊的棚壁。
6杯矩、優(yōu)化，檢查文件大小
文件就輸出在同一個(gè)文件夾里袖外，到這里基本上就算結(jié)束了史隆，但如果輸出結(jié)果大小超過(guò)10 MB，則需要降低fps并重復(fù)上面步驟以獲得完美結(jié)果曼验。
作者的注釋：
也許你問(wèn)我們?yōu)槭裁葱枰伾{(diào)色板文件泌射？
簡(jiǎn)而言之粘姜，GIF支持256種顏色，如果轉(zhuǎn)換器選擇了錯(cuò)誤的調(diào)色板熔酷，結(jié)果將看起來(lái)很奇怪孤紧。您可以在以下示例中輕松注意到小點(diǎn)：
可能踩的坑：
1、所有字符都要英文模式下輸入拒秘，如果原文用了中文網(wǎng)頁(yè)翻譯号显，不要直接復(fù)制，因?yàn)槟菢幼訒?huì)有bug躺酒，需要轉(zhuǎn)成英文模式下復(fù)制(可以點(diǎn)開(kāi)原文在英文模式下復(fù)制它的代碼）
2押蚤、自己輸入的話，命令行中的空格鍵什么的都不能省略
3羹应、第3步導(dǎo)航到視頻文件所在的文件夾的時(shí)候注意要在前面輸入cd再輸入文件位置揽碘，剛開(kāi)始看原文我以為不需要也折騰了一會(huì)
......
正如你所看到的，這種方法制作gif并不困難园匹，它其實(shí)是非常高質(zhì)高效的钾菊。有些事情你覺(jué)得困難不敢踏出第一步就會(huì)永遠(yuǎn)停留在原地繼續(xù)浪費(fèi)時(shí)間，相信我偎肃，嘗試一下吧，不要害怕FFMPEG浑此，你會(huì)愛(ài)上這種方法的~
希望這篇文章對(duì)你有用~
要不點(diǎn)個(gè)贊再走唄~
