photoshop如何制作gif動(dòng)態(tài)圖片的簡(jiǎn)單介紹

來(lái)詳細講一講GIF動(dòng)圖的制作。

如何把視頻中的片段制作成GIF

如何用單獨的圖片來(lái)制作GIF

＊ 第一部分：視頻轉GIF ＊

◆圖文詳細步驟 ◆

作為演示，我們節選了錄制了電影《泰囧》中的一個(gè)小片段作為素材，進(jìn)行GIF的制作。

▲打開(kāi)Photoshop

首先，我們打開(kāi)Photoshop，版本沒(méi)有什么太多的要求。這里使用的是最新的Photoshop CC 201* 版本，其他諸如Photoshop CS* 或者更新的版本，都可以。

▲選擇“打開(kāi)”，載入視頻片段

打開(kāi)以后，我們點(diǎn)擊左上角的“文件”菜單，選擇“打開(kāi)”，然后選擇我們需要取樣的視頻片段，點(diǎn)擊“確定”。

▲載入成功后的界面

順利打開(kāi)文件后，界面應該是這個(gè)樣子。你會(huì )發(fā)現，在屏幕的下方，多了一個(gè)叫做“時(shí)間軸”的界面。利用Photoshop制作GIF動(dòng)圖的時(shí)候，我們就需要用到這個(gè)界面。

▲“剪刀”工具

▲原片段被”剪切“成了三份，中間的部分是我們的取樣片段

這個(gè)時(shí)候，我們可以拖動(dòng)“時(shí)間軸”里面的圖標，來(lái)選擇取樣段的起點(diǎn)和終點(diǎn)，然后點(diǎn)擊左側的“剪刀”圖標，將我們取樣段的視頻從整段視頻中分離出來(lái)。

▲刪除多余的片段，剩下取樣片段

這個(gè)時(shí)候，我們完成了片段的取樣。接下來(lái)要做的，就是去掉上下的黑邊，以及一些不必要出現的logo。

▲選擇工具欄中的“裁剪”工具

▲裁去上下黑邊

我們利用Photoshop的裁剪工具，把視頻畫(huà)面中的上下黑邊都裁掉，只留下畫(huà)面本身。當然，如果你想保留也完全沒(méi)有問(wèn)題，純屬個(gè)人喜好罷了。

完成裁剪以后，我們基本上就完成了編輯。這個(gè)時(shí)候就需要進(jìn)行導出和保存。

▲如果你是201* 版本，那么請選擇 “文件” - “導出” - “存儲為Web所用格式” ；如果你是201* 之前的版本，請直接選擇 “文件” - “存儲為Web所用格式”

▲存儲設置界面

點(diǎn)擊“存儲為Web所有格式”以后，會(huì )彈出上圖的界面。我們需要關(guān)注的有* 個(gè)地方：

1. 在右上角設置保存格式為“GIF”

2. 在右下角設置圖像大小。一般我們分享到微博或者*的GIF動(dòng)圖，建議設置為寬* 00像素。

* . 在右下角設置“循環(huán)選項”，GIF是自動(dòng)循環(huán)播放的，所以這里我們需要設置成“永遠”

* . 完成1-* 步的選項后，請檢查圖像左下角的“格式信息”，如果文件的大小超過(guò)2MB或者更大時(shí)，我們就需要去右上角降低“仿色”的百分比。這里我選擇降低到“70%”

這里稍微解釋一下關(guān)于仿色的事情。由于GIF格式的圖片，色域被限制在2* * 色，所以我們在進(jìn)行轉化的時(shí)候，很大一部分原有圖片的顏色會(huì )被近似成2* * 色中的相近顏色，所以仔細看會(huì )發(fā)現圖片的質(zhì)量有所損失。

當我們降低“仿色”值時(shí)，就是降低近似的精確度。換句話(huà)說(shuō)，就是進(jìn)一步減少我們成品GIF圖片中的顏色種類(lèi)，達到降低圖片大小的目的，而弊端就是會(huì )進(jìn)一步造成圖片質(zhì)量的損失。所以把控好比例，非常關(guān)鍵。

▲70%和100%仿色的對比，70%時(shí)，椅背上的顏色分界線(xiàn)非常明顯。

調整完畢所有的四個(gè)選項之后，我們就可以點(diǎn)擊“存儲”，然后選擇保存路徑進(jìn)行保存。而一個(gè)從視頻片段中截取出來(lái)的簡(jiǎn)短的GIF也就制作完成了。

◆最終成品 ◆

＊ 第二部分：圖片轉GIF ＊

◆圖文詳細步驟 ◆

作為演示，我們選擇兩張自制的簡(jiǎn)單笑臉圖來(lái)做一個(gè)眨眼的GIF。

▲打開(kāi)Photoshop，選擇“文件” - “自動(dòng)” - “Photomerge...”

用圖片來(lái)制作GIF的時(shí)候，我們要確保的一點(diǎn)就是每一張圖片都完全對齊。要做到這一點(diǎn)，我們就需要動(dòng)用Photoshop自帶的插件--“Photomerge”。

▲打開(kāi)Photomerge后，點(diǎn)擊“瀏覽”

打開(kāi)Photomerge之后，會(huì )出現上圖的界面。我們點(diǎn)擊瀏覽，加載我們的圖片素材。

▲選擇要使用的圖片素材，點(diǎn)擊“確定”

▲確定后，在左側“版面”選項中，選擇“調整位置”，下方的“混合圖像”選項，不要勾選。然后點(diǎn)擊“確定”

加載完畢之后，會(huì )跳回上圖的界面。這個(gè)時(shí)候我們需要進(jìn)行一些選項的調整。左側的“版面”選項，我們需要勾選“調整位置”，然后取消勾選下方的“混合圖像”功能。然后就可以點(diǎn)擊“確定”。

▲“Photomerge”插件會(huì )進(jìn)行自動(dòng)加載圖片，并將圖片們自動(dòng)疊加對齊，結束后就會(huì )進(jìn)入正常的Photoshop界面。我們看到右下角的圖層界面中，出現了我們選擇的兩張圖片。

等待Photoshop自動(dòng)處理圖片結束，就會(huì )進(jìn)入正常的Photoshop界面。這個(gè)時(shí)候我們可以來(lái)預覽一下兩張圖片是否對齊。

▲點(diǎn)擊圖片左側的“眼睛”按鈕，可以開(kāi)關(guān)圖層是否顯示。

通過(guò)點(diǎn)擊右下角“圖層”界面的“眼睛”按鈕，我們可以開(kāi)關(guān)圖層，來(lái)檢查是否對齊。

▲注意看，當右下角在開(kāi)關(guān)圖層時(shí)，左側圖片的變化。

效果如上圖顯示。

▲選擇“窗口” - “時(shí)間軸”，調出時(shí)間軸界面

確定圖層對齊以后，我們需要調用“時(shí)間軸”界面。點(diǎn)擊“窗口” - “時(shí)間軸”，就會(huì )在界面下方出現“時(shí)間軸"的界面。

▲在“時(shí)間軸”界面中，點(diǎn)擊“創(chuàng )建幀動(dòng)畫(huà)”

▲點(diǎn)擊“時(shí)間軸”界面右上角的按鈕

▲按鈕的放大圖

▲選擇“從圖層建立幀”

▲更改播放次數

▲選擇“永遠”

▲更改每一幀的播放時(shí)間，這里選擇“0.* 秒”

到這一步，我們就完成了動(dòng)畫(huà)的基本設置。這個(gè)時(shí)候，你可以點(diǎn)擊播放按鈕來(lái)進(jìn)行預覽，就會(huì )得到下面的效果：

▲如果你是201* 版本，那么請選擇 “文件” - “導出” - “存儲為Web所用格式”；如果你是201* 之前的版本，請直接選擇 “文件” - “存儲為Web所用格式”

這個(gè)時(shí)候，我們就可以進(jìn)行導出保存了。

▲進(jìn)入“存儲為Web所用格式”界面

▲更改存儲格式為“GIF”

▲更改循環(huán)選項為“永遠”

按照前面第一部分說(shuō)的，在導出界面進(jìn)行設置的調整，選擇“GIF”為導出格式，“圖像大小”設置為“寬* 00像素”，“循環(huán)選項”設置為“永遠”。而這里由于圖片本身較小，所以不用調整“仿色”。點(diǎn)擊“確定”就可以輸出了。

◆最終成品 ◆

整理來(lái)自網(wǎng)絡(luò )

（完）

不能等了

拿起鼠標，點(diǎn)點(diǎn)點(diǎn)

（愛(ài)就勇敢去做，學(xué)習真開(kāi)心）

點(diǎn)擊鏈接

賜你一次勇敢的機會(huì )

領(lǐng)取免費教程

點(diǎn)一次就夠了

91.2%的童鞋已前往

xmzyjn