PS怎樣導(dǎo)入導(dǎo)出GIF圖片
在PS中我們除了可以導(dǎo)入圖片外，我們還可以導(dǎo)入或者導(dǎo)出動(dòng)畫，也可以將一段視頻作為動(dòng)畫的素材加以導(dǎo)入，下面是學(xué)習(xí)啦小編帶來關(guān)于PS怎樣導(dǎo)入導(dǎo)出GIF圖片的內(nèi)容，希望可以讓大家有所收獲!
PS導(dǎo)入導(dǎo)出GIF圖片的方法
我們將一段自拍的動(dòng)物視頻經(jīng)由Premiere剪接為簡(jiǎn)短的版本，提供給大家進(jìn)行導(dǎo)入練習(xí)。點(diǎn)此下載該視頻。進(jìn)入導(dǎo)入視頻幀到圖層后的對(duì)話框如下左圖所示。在左方可選擇全部導(dǎo)入或只導(dǎo)入某個(gè)片斷。全部導(dǎo)入就不必詳細(xì)說明了。導(dǎo)入片斷需要事先定義視頻范圍，方法是拖動(dòng)播放進(jìn)度條至所需片斷的開始時(shí)刻(紅色箭頭處)，然后按住SHIFT鍵繼續(xù)拖動(dòng)至結(jié)束時(shí)刻(綠色箭頭處)，也可按住SHIFT鍵直接點(diǎn)擊結(jié)束位置。這時(shí)播放進(jìn)度條上會(huì)出現(xiàn)一段深色區(qū)域，該區(qū)域即為將要導(dǎo)入的片斷。確定后將建立一個(gè)以獨(dú)立圖層方式存在的動(dòng)畫，即每一幀由一個(gè)圖層組成，在不同的幀中分別顯示不同的圖層。動(dòng)畫調(diào)板類似下右圖所示。
這種視頻導(dǎo)入方式所形成的動(dòng)畫字節(jié)數(shù)通常是非常龐大的，這與片斷的時(shí)長(zhǎng)及視頻的幀速率有關(guān)。比如片斷時(shí)長(zhǎng)為10秒，幀速率為15fps，那么所產(chǎn)生的總幀數(shù)就是150幀，是相當(dāng)大的。所以一般都不宜導(dǎo)入太長(zhǎng)的時(shí)間，兩三秒這樣就差不多了。但對(duì)于一些高幀率的視頻(如24fps、30fps)來說，這點(diǎn)時(shí)間所產(chǎn)生的總幀數(shù)也很可觀，此時(shí)可開啟“限制為每隔2幀”，這樣對(duì)原始視頻是每2幀取1幀導(dǎo)入，所產(chǎn)生的總幀數(shù)就減少了一半。如果設(shè)置為每隔3幀，則總幀數(shù)減少三分之二，以此類推。這種方法稱為幀抽離。可有效地減少動(dòng)畫字節(jié)數(shù)，但由于是平均抽離，可能會(huì)丟失一些動(dòng)作細(xì)節(jié)，或造成畫面的跳躍感。
一般情況下，對(duì)于15fps的原始視頻可采取每隔3幀的導(dǎo)入方式，形成每秒5幀的動(dòng)畫。更高速率的原始視頻據(jù)此類推即可。注意導(dǎo)入后需要調(diào)整幀停留時(shí)間為原先的3倍，否則會(huì)出現(xiàn)類似快進(jìn)的播放效果。
對(duì)于導(dǎo)入后的動(dòng)畫而言，要減少字節(jié)數(shù)就需要從圖像尺寸和色彩數(shù)方面去進(jìn)行調(diào)整。在這里需要提醒大家的是，采用【圖像>圖像大小】〖CTRL+ALT+I〗縮小圖像，可能會(huì)由于像素重組導(dǎo)致一些原本邊緣銳利圖像的邊緣變得模糊，從而增加理論色彩數(shù)。如下圖所示就是一個(gè)邊緣銳利的正方形在縮小前后的理論色彩數(shù)對(duì)比，可以看出由于像素重組使得色彩數(shù)有所增加。在這種情況下，縮小后的圖像未必就具備較小的字節(jié)數(shù)。除非將色彩數(shù)強(qiáng)行指定為與前者相同。但強(qiáng)行減少色彩數(shù)可能會(huì)形成毛刺邊緣。
再者，有一些流程圖像主要由點(diǎn)、線、框構(gòu)成，使用縮小命令會(huì)令這些細(xì)節(jié)變得難以辨認(rèn)，從而影響表達(dá)。這個(gè)問題不僅針對(duì)整個(gè)圖像，也會(huì)出現(xiàn)在針對(duì)某些圖層的自由變換命令中。所以，對(duì)于一些邊緣銳利的圖像而言，縮小并不是減少字節(jié)數(shù)的好方法，甚至很可能適得其反。
對(duì)于視頻而言，因?yàn)榇蟛糠忠曨l的編碼方式重在表現(xiàn)幀之間流暢性而非單個(gè)幀的畫面質(zhì)量，其本身就不能完美地記錄銳利邊緣，導(dǎo)入后的動(dòng)畫畫面也是如此，所以縮小尺寸造成的損失及色彩數(shù)量的變化并不明顯。
除了整體縮小圖像尺寸以外，也可以考慮使用裁切命令保留視頻的局部，由于不涉及像素重組，因此不會(huì)對(duì)圖像邊緣造成影響，不會(huì)增加理論色彩數(shù)。在大部分情況下，這是一個(gè)較好的解決方法。如下圖所示是一個(gè)常見的處理流程，將原始畫面中一些不需要區(qū)域進(jìn)行正方形裁切，得到動(dòng)畫的主體，然后再縮小圖像為彩信的通用尺寸128×128(或其他所需要的尺寸)。最后視情添加色彩調(diào)整層以改善動(dòng)畫的畫面色彩。
注意調(diào)整層需位于所有圖層上方才能確保針對(duì)所有圖層有效。當(dāng)然也可以置于其他層次以營(yíng)造動(dòng)畫中色彩改變的效果。
在明確動(dòng)畫的畫面布局后，可手工進(jìn)行進(jìn)一步的幀抽離，如下圖所示，若需要將一個(gè)過程中的10幀減少為5幀，可分別選擇2、4、6、8、10幀并刪除，并將剩余的幀延時(shí)。這需要大家首先瀏覽各個(gè)幀，在發(fā)覺某一過程中的各幀之間變化并不大時(shí)，可采用這種方法進(jìn)行平均抽離。除此之外，也可以連續(xù)選擇某些幀進(jìn)行集中抽離，比如物體落下用了7個(gè)幀，其間4幀中的變化并不很大，就可以將它們一起刪除，并更改剩余幀時(shí)長(zhǎng)。
這種手動(dòng)抽離幀的方法速度慢，且需要一定的經(jīng)驗(yàn)，但較為靈活，可依據(jù)實(shí)際情況采取不同的抽離方式，可大幅減少動(dòng)畫的字節(jié)數(shù)，是大家必須掌握的知識(shí)。平時(shí)多做些嘗試，反正還可以撤銷。在抽離后最好輸出動(dòng)畫到網(wǎng)頁或手機(jī)等觀看效果。手動(dòng)幀抽離也可在修改圖像尺寸或裁切之前進(jìn)行，但裁切和改變尺寸可確定動(dòng)畫的畫面情況，建議大家在這個(gè)時(shí)候再進(jìn)行。抽離幀后可刪除與之對(duì)應(yīng)的圖層。
平均抽離可執(zhí)行多次，如下圖中的最終動(dòng)畫幀中，還可以將2、4幀抽離出去。但第6幀很重要，是情節(jié)轉(zhuǎn)化的關(guān)鍵，無論如何不能抽離。 說句題外話，注意觀察這個(gè)第6幀，大家就會(huì)看到以前學(xué)過的運(yùn)動(dòng)模糊效果。其實(shí)運(yùn)動(dòng)模糊本來就是由攝影設(shè)備造成的，我們之前只不過是將其模擬出來而已。
至于從色彩數(shù)方面減少字節(jié)數(shù)則比較困難，因?yàn)橐曨l編碼方式的特性，即使在畫面中處于靜止?fàn)顟B(tài)的物體，在前后幀中的色彩也可能不同。再加上光照及攝像機(jī)光圈、焦距、曝光度的微小變化，更是使得前后幀之間很難具備同樣的色彩。這點(diǎn)與我們以前通過繪制創(chuàng)建物體的動(dòng)畫是完全不同的。況且視頻的畫面中經(jīng)常帶有過渡性的色彩，如光照或陰影的變化等，減少色彩數(shù)量很容易形成色斑。開啟仿色盡管可以改善色斑，但同時(shí)也會(huì)增加字節(jié)數(shù)。
此時(shí)可以考慮以灰度方式顯示動(dòng)畫，即建立黑白漸變映射調(diào)整層。在灰度方式下減少色彩數(shù)量所造成的損失較不明顯。還可以使用閾值命令形成黑白分明的圖像，配合特殊混合模式的純色填充層，在減少字節(jié)數(shù)的同時(shí)還可以營(yíng)造出特殊的藝術(shù)效果。點(diǎn)此下載范例PSD文件。
閾值命令所形成的畫面具備反差強(qiáng)烈的色彩，很適合用來制作透明背景。在存儲(chǔ)為Web和設(shè)備所用格式的對(duì)話框中，可以指定某種顏色為透明色。首先確保“透明度”選項(xiàng)為關(guān)閉，然后使用吸管工具(快捷鍵I)在背景上點(diǎn)擊一下，這樣顏色表中的某個(gè)顏色就被選中了，接著點(diǎn)擊下方的
按鈕，就可將所選的顏色變?yōu)橥该鳌Ｈ缦聢D所示?？蓪⒍鄠€(gè)顏色轉(zhuǎn)為透明。
觀看范例動(dòng)畫1
觀看范例動(dòng)畫2
觀看范例動(dòng)畫3
此外還有一種方法可有效減少字節(jié)數(shù)，就是采用抽絲線覆蓋畫面，由于覆蓋的地方變?yōu)閱我坏念伾瑢?shí)際上就等于消除了這一行中的像素差異。其原理等同于將圖像的一半填充為全黑，只不過這里并不是連續(xù)填充，而是每隔1像素填充一行，使得畫面整體仍具備可讀性。這種方法其實(shí)就是被稱為掃描線或抽絲線的效果，可利用圖案填充來完成，點(diǎn)此閱讀基礎(chǔ)教程中有關(guān)圖案填充的內(nèi)容。隔行抽絲可令動(dòng)畫字節(jié)數(shù)減少近一半。
需要注意的是，盡管半透明的抽絲線看上去效果不錯(cuò)，但這里的圖案填充不能采用半透明，因?yàn)榘胪该鞑⒉荒芡耆采w圖像中原有的象素，達(dá)不到我們的目的。此外，黑色的抽絲線可能會(huì)使圖像偏暗，白色的則會(huì)使圖像偏亮，注意配合色彩調(diào)整圖層中和一下亮度。也可以采用其他顏色的抽絲線達(dá)到另類的效果，還可將抽絲線的顏色轉(zhuǎn)為透明。在轉(zhuǎn)為透明之前，抽絲線的顏色應(yīng)盡可能與畫面的色彩有較大的反差，這樣是為了避免其它地方的同種色彩也被一并轉(zhuǎn)為透明，從而破壞畫面。
導(dǎo)入后的視頻以獨(dú)立圖層的方式存在，可切換到時(shí)間軸方式進(jìn)行附加制作，如添加上文字或其他圖形等。在切換之前最好將所有的視頻幀歸為一個(gè)圖層組，以避免占用動(dòng)畫調(diào)板的空間。如范例中就在左下方加了一個(gè)標(biāo)志，以及增加了動(dòng)態(tài)的文字效果。需要注意的是，用時(shí)間軸方式進(jìn)行幀停留時(shí)間的調(diào)整是很困難的，因此在轉(zhuǎn)為時(shí)間軸方式時(shí)，最好確認(rèn)之前的工作都已完成。
嘗試將這個(gè)動(dòng)畫制作出來，之后參照對(duì)比范例文件，點(diǎn)此下載范例PSD文件。
觀看范例動(dòng)畫
有些時(shí)候可能需要開啟現(xiàn)有的GIF動(dòng)畫文件進(jìn)行再加工，這時(shí)就會(huì)出現(xiàn)一個(gè)問題，那就是直接開啟GIF動(dòng)畫文件后只能保留第一幀的畫面，而其后的動(dòng)畫幀都被遺棄。如下圖所示。這顯然不能滿足需求。
其實(shí)Photoshop是可以開啟現(xiàn)有的GIF動(dòng)畫的，只是屏蔽了這功能，我們可以通過【文件>導(dǎo)入>視頻幀到圖層】開啟動(dòng)畫GIF，如下圖所示，默認(rèn)情況下只能開啟視頻格式MOV、AVI、MPG、MPEG，而并沒有GIF。現(xiàn)在首先在紅色箭頭處確認(rèn)路徑正確，然后在綠色箭頭處輸入符號(hào)“*”，按一下“載入”按鈕，將列出所有格式的文件，從中選擇相應(yīng)的GIF文件即可以獨(dú)立圖層方式導(dǎo)入動(dòng)畫GIF?；蛑苯虞斎雱?dòng)畫文件全名，如abc.gif、123.gif等。導(dǎo)入后的操作與之前一致。大家可利用這個(gè)方法開啟以往的GIF動(dòng)畫試試看。
此外，還可以通過【文件>打開為】〖CTRL+ALT+SHIFT+O〗，在“打開為”項(xiàng)目中選擇QuickTime影片，這樣就可以把GIF以影片方式開啟，在圖層調(diào)板中形成一個(gè)獨(dú)立的視頻圖層，在時(shí)間軸中獨(dú)立存在。如下圖所示。這個(gè)方法是由經(jīng)典論壇中名叫XYBLUEIDEA的朋友提出的，在此感謝他以及所有為教程完善而努力的朋友們。
Photoshop的【文件>打開為】命令是將圖像以某種特殊用途所需要的形式開啟，然后保存為該特殊用途的格式，其實(shí)就是一個(gè)帶轉(zhuǎn)換功能的打開命令。大家在“打開為”項(xiàng)目中可以看到各種用途的文件格式。其中一些特殊格式的應(yīng)用我們會(huì)在其他教程中介紹。需要注意的是，并不是所有的文件都可以支持所有的特殊格式。
此時(shí)導(dǎo)入的GIF動(dòng)畫本身的內(nèi)容不能再作修改，但由于其作為一個(gè)獨(dú)立的圖層形式，可以像普通圖層那樣通過圖層樣式添加效果，間接達(dá)到修改動(dòng)畫的目的，如下圖所示。雖然這種修改僅局限于樣式，但由于Photoshop圖層樣式功能的強(qiáng)大，除了動(dòng)畫情節(jié)無法修改以外，其余的任何視覺效果都可以達(dá)到。
不過，優(yōu)化動(dòng)畫仍然是一個(gè)首要前提，如果我們將內(nèi)發(fā)光的顏色選為與原有動(dòng)畫顏色差異明顯的紅色、綠色等，因?yàn)樯寿Y源有限，某些分配給原動(dòng)畫的色彩要分配給內(nèi)發(fā)光樣式。則這個(gè)動(dòng)畫的字節(jié)數(shù)會(huì)明顯上升，或在同樣的色彩數(shù)量前提下畫質(zhì)會(huì)明顯下降。這個(gè)道理相信大家已經(jīng)能理解了。
對(duì)于一些必須以獨(dú)立圖層方式制作的動(dòng)畫來說，這種方法可以很方便地對(duì)其進(jìn)行二次制作。如前面提到過的鳥類拍打翅膀的動(dòng)畫，通過這種方法就可以實(shí)現(xiàn)一邊拍打翅膀一邊移動(dòng)的效果了。再如一個(gè)人物向前跑動(dòng)，可先制作出跑步的動(dòng)畫，輸出為GIF后再以視頻圖層載入，在擴(kuò)大畫布尺寸(注意不是圖像尺寸)后，將視頻圖層的位置改變制作為動(dòng)畫，就達(dá)到了一邊跑動(dòng)一邊前進(jìn)的效果了。
觀看范例動(dòng)畫
這種導(dǎo)入方式實(shí)際上提供了組件化動(dòng)畫的可能性，如果物體需要同時(shí)具備多種運(yùn)動(dòng)屬性的時(shí)候都可以考慮采取這種方法。這種思路也廣泛應(yīng)用于視頻編輯領(lǐng)域，比如要制作兩個(gè)場(chǎng)景邊切換邊縮放并旋轉(zhuǎn)的效果時(shí)，理論上應(yīng)該先將兩個(gè)場(chǎng)景設(shè)置好同樣的旋轉(zhuǎn)速度，然后再逐漸降低第一個(gè)場(chǎng)景的不透明度達(dá)到目的。但在實(shí)際操作中，場(chǎng)景自身屬性(如尺寸)的不同可能導(dǎo)致縮放程度及旋轉(zhuǎn)角度的差異。此時(shí)可以先將場(chǎng)景的靜態(tài)切換渲染為一段視頻，然后導(dǎo)入這段視頻，再對(duì)其制作縮放和旋轉(zhuǎn)就可以了。點(diǎn)此下載范例視頻文件。
需要注意的是，介紹組件化知識(shí)是為了擴(kuò)展大家的知識(shí)面，并不提倡大家在這里使用，畢竟我們目前所針對(duì)的只是GIF動(dòng)畫作品，不是視頻作品。能夠一次完成是最好的。如果非要不可，也要注意保留所有組件動(dòng)畫的原始文件，方便以后的修改。
在安裝了QuickTime之后，除了具備導(dǎo)入功能以外，還可以使用導(dǎo)出功能將動(dòng)畫以視頻方式輸出，而不再局限于以往的GIF格式輸出。GIF格式由于其自身特性限制，并不能完美記錄我們?cè)赑hotoshop中所能制作出來的所有動(dòng)畫效果。但視頻格式就不同了，視頻的編碼方式不僅可以支持千萬色(點(diǎn)此閱讀基礎(chǔ)教程中有關(guān)千萬色的內(nèi)容)及更高色彩數(shù)，同時(shí)在畫面的播放流暢度上也較GIF有質(zhì)的提高，最明顯的體現(xiàn)就是畫面尺寸及幀速率。在視頻編碼方式下，我們不必再受困于有限的圖像尺寸，可以使用640×480、800×600或更大的尺寸。所使用的幀速率也可以提升至30fps、60fps或更高。
【文件>導(dǎo)出>渲染視頻】命令就可以輸出視頻格式，如下圖所示。將導(dǎo)出視頻的格式選擇為AVI，然后點(diǎn)擊紅色箭頭處的按鈕進(jìn)行設(shè)置。在視頻設(shè)置中將綠色箭頭處的壓縮類型選擇為“無”即可。這樣就能輸出一個(gè)能在Windows中通過WindowsMediaPlayer播放的視頻了。如果將壓縮類型選擇為其他的如“DV-PAL”也可輸出視頻，但在畫面尺寸、幀速率等方面與我們文檔設(shè)定的會(huì)有不同。
將其他的視頻格式作一個(gè)簡(jiǎn)要介紹：3G是用于手機(jī)，可作為彩信發(fā)送(注意彩信容量限制);FLC是早期DOS系統(tǒng)下的256色動(dòng)畫格式;FLV是網(wǎng)絡(luò)上流行的Flash視頻;QuickTime、APPLE TV、iPod及iPhone都是蘋果的視頻格式，后兩者為手持設(shè)備;MPEG-4就是所謂的MP4，也常用于手持設(shè)備。有關(guān)視頻編碼的詳細(xì)內(nèi)容不是現(xiàn)在需要學(xué)習(xí)的，將來有機(jī)會(huì)我們會(huì)在與視頻有關(guān)的教程中予以介紹。說句題外話，我們所熟悉的MP3音頻格式屬于MPEG-1，全稱為MPEG-1 Audio Layer3。
“圖像序列”方式可將動(dòng)畫輸出為多個(gè)靜止圖像，圖像文件名按遞增命名。圖像尺寸默認(rèn)為文檔大小，可改為別的尺寸，但是小尺寸改為大尺寸后可能會(huì)因像素重組造成畫質(zhì)損失。注意某些壓縮類型(如PAL-DV)等會(huì)以其設(shè)定的固定尺寸進(jìn)行渲染。輸出范圍一般為所有幀也就是整個(gè)動(dòng)畫，如有特殊需要可改為其他方式。Alpha通道可以輸出帶多級(jí)半透明信息的視頻，方便在Premiere等視頻編輯軟件中進(jìn)行合成。幀速率建議保持文檔所設(shè)定的速率，在電腦上播放一般都沒有問題，但某些特殊用途的播放設(shè)備有固定的幀速率，如轉(zhuǎn)錄為PAL制式(25fps)或NTSC制式(約30fps)、拷貝為電影膠片(24fps)等，否則可能因不同步而影響效果。
除了Photoshop，還有一些軟件也能夠制作GIF動(dòng)畫，并且在某些方面還更加簡(jiǎn)單。如Ulead出品的GIF Animator就是其中之一，它可以很容易地將一些靜態(tài)圖片組成各種樣式的動(dòng)畫，并添加一些文字或圖形。并且可以將動(dòng)畫GIF的各個(gè)幀單獨(dú)輸出。也可以輸出為PSD文件格式，每個(gè)幀存放在一個(gè)圖層中并保留透明信息。在Photoshop中開啟這個(gè)PSD文件，在幀方式下點(diǎn)擊動(dòng)畫調(diào)板的右上角的擴(kuò)展菜單，選擇“從圖層建立幀”即可創(chuàng)建獨(dú)立圖層形式的動(dòng)畫。在實(shí)際的制作中，大家可視情采用這類軟件。
最后一個(gè)作業(yè)是利用素材仿造出以下的動(dòng)畫。點(diǎn)此下載素材圖片。這個(gè)動(dòng)畫的尺寸是128×160，當(dāng)時(shí)是為了用以刷入Moto L6手機(jī)作為開機(jī)動(dòng)畫。不過它也可用于彩信。這個(gè)動(dòng)畫沒有技術(shù)難點(diǎn)，仔細(xì)觀察動(dòng)畫的細(xì)節(jié)，多嘗試一些實(shí)現(xiàn)方法，找到最便捷的道路。并在完成后加入自己的創(chuàng)意形成新的動(dòng)畫。
現(xiàn)在大家已經(jīng)具備完全的GIF動(dòng)畫制作能力，可利用照片、視頻或自己繪制圖形來完成制作。將動(dòng)畫以彩信發(fā)送給親朋好友吧，并在其中加上你的祝福話語。也可以發(fā)來給我看看喲，我的手機(jī)目前是QVGA分辨率(240×320)。并且希望在網(wǎng)絡(luò)上能看到大家制作的被廣為流傳的優(yōu)秀彩信。
到此為止，PS擴(kuò)展教程的動(dòng)畫制作部分結(jié)束，其后大家可繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)部分。如果在閱讀過程中發(fā)現(xiàn)任何錯(cuò)誤，歡迎指正。你們的支持是教程不斷完善的動(dòng)力源泉。希望大家能將所學(xué)到的知識(shí)再傳播開去，讓更多人可以接觸并學(xué)習(xí)到這些知識(shí)，互相學(xué)習(xí)，共同進(jìn)步。
看了“PS怎樣導(dǎo)入導(dǎo)出GIF圖片”的人還看了：
PS怎樣導(dǎo)入導(dǎo)出GIF圖片
