Photoshop中GIF動畫圖片的優(yōu)化技巧

雖然GIF這種圖片格式,并非今時今日的新標(biāo)準(zhǔn),可它這樣一個老物件卻趕上了一個好時代,表情包的大行其道、各種社交媒體的興旺,都為它提供了放蕩不羈愛自由的絕佳舞臺,于是,它也可算是逆流而上,越來越火了。但是,不能不說,它的優(yōu)缺點始終是并存的,體積大、色彩體現(xiàn)不完美等等。尤其是各種平臺對GIF的支持上,經(jīng)驗會有體積大小的限制,這使得稍微復(fù)雜一些,顏色豐富一些的GIF圖得不到好效果,很苦惱中,所以這次就來聊一聊關(guān)于GIF圖的優(yōu)化問題,如何在大小和效果之間取得一種可以接受的平衡。
gif優(yōu)化有妙招
從gif圖的產(chǎn)生來說,無非一種是自己制作,利用PS、AE、Flash、PPT等等各種軟件,第二種就是從現(xiàn)有視頻中截取片段來做gif,這也是從當(dāng)紅影視劇中截取表情包的常用方法。我們逐一介紹。
1、剪輯視頻,留其精華
視頻轉(zhuǎn)gif,優(yōu)化的第一步當(dāng)然就是只留有用的片段,即進(jìn)行剪輯。而對視頻片段的選擇,我們既可以在剪輯軟件如Premiere中完成,然后直接導(dǎo)出gif動畫格式,然后在把gif動圖放到PS中優(yōu)化;也可以直接在PS中剪輯視頻片段,而把視頻導(dǎo)入到PS中,一般有兩種常用方法:
01.直接拖拽視頻到PS中,然后,在時間軸面板上移動入點和出點,來選擇所需要的片段,如下圖所示。當(dāng)然,也可以結(jié)合當(dāng)前時間指示器(即時間軸面板中那條紅色豎線)來用剪刀工具直接剪斷視頻,把不需要的部分刪掉即可。
02.選擇菜單欄的“文件>導(dǎo)入>視頻幀到圖層”,然后在打開的面板中,如下圖所示,同樣是選擇好入點和出點,截圖所選視頻片段。PS:如果視頻太長,還可以限制幀數(shù),也是有效減小體積的方法,但是數(shù)不要設(shè)置太大,以免讓動作不連貫。
2、減小圖像大?。ㄒ唬?/font>
既然是對體積做優(yōu)化,那么顯然減小圖像大小是非常直接有效的方法。而且考慮到很多平臺對gif展示的大小也有限制,比如寬的最長不能大于固定尺寸,否則無法直接展示動圖等等。所以,修改大小,有兩種方法,一種就是直接選擇菜單欄的“圖像>圖像大小”,快捷鍵是Ctrl+Alt+I,即可打開如下圖所示的修改面板,輸入我們需要的大小尺寸數(shù)即可。
3、減小圖像大?。ǘ?/font>
減小圖像長寬值,除了使用“圖像大小”命令之外,還可以在保存界面即“存儲為web所用格式…”面板上修改大小,快捷鍵是Ctrl+Shift+Alt+S,不過如果視頻分辨率較大比如是1080p的,那么在打開這個面板的時候會比較卡需要加載較長時間,所以還是推薦先用“圖像大小”來改gif動圖的尺寸,然后在這里繼續(xù)進(jìn)一步的優(yōu)化即可。
4、減少幀數(shù)
在視頻轉(zhuǎn)gif的類別中,我們在PS中打開視頻后(此方法針對以幀動畫形式打開的情況),有些幀與幀之間的動作變化極為不明顯,甚至有些幀動作是完全一樣的,這個時候我們就可以刪掉重復(fù)幀,只留一幀,來通過增加該幀的延遲時間,保持動畫的節(jié)奏,而不再是利用幀的數(shù)量來保持節(jié)奏。因為每一幀都占用著gif動圖的大小,所以幀越少自然體積就越小,而通過延遲時間設(shè)置又可以不損害節(jié)奏。
5、顏色數(shù)
在圖像長寬大小已經(jīng)不能改變的情況下,直接修改“顏色數(shù)”是一個不錯的壓縮gif體積的方法,操作依然是在“存儲為web所用…”面板進(jìn)行,如下圖所示,點擊小三角后,會彈出下拉菜單,有多個位數(shù)選擇,gif格式支持的是8位顏色,所以最大限制是256種顏色,對于顏色并非那種超多超鮮艷的gif動圖來說,可以先嘗試選擇64種顏色來查看效果,如果可以接受,這將有效減小大小;如果不可介紹,則可再增加一些,除了預(yù)設(shè)的幾個數(shù)值外,還可以手動直接輸入自己想要的顏色數(shù)。
6、減低顏色深度算法
這個功能,是可以配合“顏色”數(shù)值來一起使用的。如下圖所示,點開小三角后,可以看到多種算法。
這些算法的含義,Adobe官方提供的說明如下,大部分情況下我們選擇默認(rèn)的“可選擇”即可滿足我們的使用需求了,如遇下文所提到的特殊情況,則選擇相應(yīng)算法即可。
01、可感知:通過為人眼比較靈敏的顏色賦以優(yōu)先權(quán)來創(chuàng)建自定顏色表。
02、可選擇:創(chuàng)建一個顏色表,此表與“可感知”顏色表類似,但對大范圍的顏色區(qū)域和保留Web 顏色有利。此顏色表通常會生成具有最大顏色完整性的圖像。“可選擇”是默認(rèn)選項。
03、隨樣性:通過從圖像的主要色譜中提取色樣來創(chuàng)建自定顏色表。例如,只包含綠色和藍(lán)色的圖像產(chǎn)生主要由綠色和藍(lán)色構(gòu)成的顏色表。大多數(shù)圖像的顏色集中在色譜的特定區(qū)域。
04、受限 (Web):使用 Windows 和 Mac OS 8 位(256 色)調(diào)板通用的標(biāo)準(zhǔn) 216 色顏色表。該選項確保當(dāng)使用 8 位顏色顯示圖像時,不會對顏色應(yīng)用瀏覽器仿色。(該調(diào)板也稱為 Web 安全調(diào)板。) 使用 Web 調(diào)板可能會創(chuàng)建較大的文件,因此,只有當(dāng)避免瀏覽器仿色是優(yōu)先考慮的因素時,才建議使用該選項。
05、自定:使用用戶創(chuàng)建或修改的調(diào)色板。如果打開現(xiàn)有的 GIF 或 jpg-8 文件,它將具有自定調(diào)色板。
7、仿色方法
因為gif格式所限,它最大也只是支持8位顏色,最多只有256種顏色,還是太少了,所以“存儲為web格式所用…”面板上提供了“仿色”的功能,簡單理解就是通過模仿來實現(xiàn)更鮮艷的色彩方案。官方解釋則是指模擬計算機的顏色顯示系統(tǒng)中未提供的顏色的方法。較高的仿色百分比使圖像中出現(xiàn)更多的顏色和更多的細(xì)節(jié),但同時也會增大文件大小。為了獲得最佳壓縮比,請使用可提供所需顏色細(xì)節(jié)的最低百分比的仿色。若圖像所包含的顏色主要是純色,則在不應(yīng)用仿色時通常也能正常顯示。包含連續(xù)色調(diào)(尤其是顏色漸變)的圖像,可能需要仿色以防止出現(xiàn)顏色條帶現(xiàn)象。
如下圖所示,仿色有三種方法:
01、擴(kuò)散:應(yīng)用與“圖案”仿色相比通常不太明顯的隨機圖案。仿色效果在相鄰像素間擴(kuò)散。
02、圖案:使用類似半調(diào)的方形圖案模擬顏色表中沒有的任何顏色。
03、雜色:應(yīng)用與“擴(kuò)散”仿色方法相似的隨機圖案,但不在相鄰像素間擴(kuò)散圖案。使用“雜色”仿色方法時不會出現(xiàn)接縫。
8、透明度和雜邊
該功能是用來確定如何優(yōu)化圖像中的透明像素。大部分情況下都使用默認(rèn)設(shè)置即可,如果需要進(jìn)一步設(shè)置,可以參考如下官方文檔解釋:
01.要使完全透明的像素透明并將部分透明的像素與一種顏色相混合,請選擇“透明度”,然后選擇一種雜邊顏色。
02.要使用一種顏色填充完全透明的像素并將部分透明的像素與同一種顏色相混合,請選擇一種雜邊顏色,然后取消選擇“透明度”。
03.要選擇雜邊顏色,請單擊“雜邊”色板,然后在拾色器中選擇一種顏色?;蛘?,從“雜邊”菜單中選擇一個選項:“吸管顏色”(使用吸管樣本框中的顏色)、“前景色”、“背景色”、“白色”、“黑色”或“其它”(使用拾色器)。
而當(dāng)透明度仿色選擇“透明度”選項后,如下圖所示:可以選取對部分透明的像素應(yīng)用仿色的方法:
01、“無透明度仿色”不對圖像中部分透明的像素應(yīng)用仿色。
02、“擴(kuò)散透明度仿色”應(yīng)用的隨機圖案通常沒有“圖案”仿色那么明顯。仿色效果在相鄰像素間擴(kuò)散。如果選擇此算法,請指定“仿色”百分比以控制應(yīng)用于圖像的仿色量。
03、“圖案透明度仿色”對部分透明的像素應(yīng)用類似半調(diào)的方塊圖案。
04、“雜色透明度仿色”應(yīng)用與“擴(kuò)散”算法相似的隨機圖案,但不在相鄰像素間擴(kuò)散圖案。使用“雜色”算法時不會出現(xiàn)接縫。
9、對比原始版本和優(yōu)化版本
在“存儲為web所用格式…”面板中,提供了before&after的對比視圖模式,方便我們進(jìn)行檢查,以得到最好的結(jié)果,操作如下圖所示:
可以看到,當(dāng)我們把顏色改成“64種”的時候,優(yōu)化圖和原圖效果的對比。
10、終極大法:優(yōu)化大小
這一招絕對是終極大殺招了,像上面我們都需要手動調(diào)參數(shù),對比效果,反復(fù)修改,以求達(dá)到最好的效果,而這一招,PS則會自動幫我們平衡各項參數(shù),然后在我們設(shè)置的最大體積內(nèi),算出最優(yōu)的結(jié)果。操作方法也很簡單,如下動圖所示,只需點擊“存儲為web所用格式…”面板右上角的上下文菜單,然后點擊“優(yōu)化文件大小”,在彈出的面板中輸入我們的體積需求即可。
好了,這就是阿隨君學(xué)習(xí)到的和平時使用時常用到的一些關(guān)于gif動圖優(yōu)化,或者說是壓縮大小的方法了,希望對喜歡做gif圖、做動態(tài)表情包的小伙伴們有所幫助,么么噠。
相關(guān)文章
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個問題呢?下面我們就來看看這個問題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會無緣無故地自動退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個圖層,并沒有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來經(jīng)??D?下面我們就來看看pds文件優(yōu)化方法2024-05-25- 將多個圖層合并為一個圖層,但作為設(shè)計師你需要了解一下合并圖層是有破壞性的,下面我們就來詳細(xì)介紹一下2024-05-25
- 通常是因為Photoshop使用的暫存盤空間不足,導(dǎo)致無法正常工作,那么,如何解決這一問題呢?本文將為您提供詳細(xì)的解決方案2024-05-25
PS存儲和存儲為有什么區(qū)別? 理解存儲與存儲為的重要性
ps導(dǎo)出文件的時候,可以直接存儲,也可以另存存儲為,這兩個操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請看下文介紹2024-03-28ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時會遇到一個令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請稍候再試,針對這個問題,本文為大家整理2024-03-28ps段落兩端對齊不能用怎么辦? ps文字排版不能對齊的修復(fù)技巧
PS進(jìn)行設(shè)計時,段落兩端對齊是一個常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時可能會遇到一個令人頭疼的問題:段落兩端對齊功能似乎不起作2024-03-09- PS插件是許多人常用的一種工具,有些用戶可能會困惑,不知道應(yīng)該將PS插件安裝到哪個文件夾,對于這個問題我們需要從多個角度進(jìn)行分析,以便給出一個準(zhǔn)確的答案2024-02-20
ps打開出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細(xì)修復(fù)方法
打開ps時,系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無法找到它所依賴的DLL文件,可能是因為這些文件已經(jīng)被刪除、移動或更改了名稱,下面我們就來分享幾種解決辦法2024-02-19