如何制作用photoshop制作gif動畫圖片指導
PHOTOSHOP CS6最新版gif超強動畫功能,還能加音頻[2]
第1步
新建Photoshop文檔,選擇File(文件)>New(新建)。在彈出的New Document(新建文檔)對話框中,從Presets(預設)列表中選擇Film&Video(影片及視頻)。
第2步:
Size欄選擇NTSC DV Widescreen(NTSC DV寬頻),這用于設置文檔尺寸,寬高比以及動畫幀每秒以滿足NTSC視頻標準。
第3步:
“Layer(圖層)”菜單中,選擇Video Layers(視頻層)> New Video Layer From File(從文件新建視頻層)。找到視頻Freemoonriseoverwater.mov并單擊Open。介于視頻文件的大小,你可從下再
第4步
時間線面板中,你會發(fā)現(xiàn)視頻層出現(xiàn)在時間軸中了。若沒有,那從Timeline(時間線)面板中選擇Create Video Timeline(創(chuàng)建視頻時間線)就會出現(xiàn)。
第5步
現(xiàn)在呢,我們要調(diào)整視頻畫面大小以適應舞臺。按Cmd+T(Windows系統(tǒng)則為Ctrl + T)來自由變換。此時將會提示警告說視頻將轉(zhuǎn)換成智能對象(Smart Object)。單擊OK并調(diào)整視頻尺寸使其適應舞臺。按住Shift鍵來調(diào)整可以保持視頻的寬高比。
在時間線面板的底部有一滑塊,左右拖動將縮放時間線刻度使其展示動畫幀數(shù)的變化。而通過Timeline面板頂部的幀數(shù)可以獲曉此變化。
第6步
使用Type(文字)工具,在屏幕中央寫下“Adobe”如下圖大小。注意,一個新的動畫層出現(xiàn)在時間軸上了,這樣文字就能進行動畫了。
第7步
時間線面板中,單擊文字層旁邊的小三角并單擊Transform(變換)屬性旁邊的小秒表圖標。這樣您就可以變換文字效果如移動,縮放。
第8步
將時間軸的當前時間指示器移到幀號03:00f(表示動畫第三秒)。
第9步
如下圖放大文字并將其放置于屏幕中央。
第10步
將當前時間指示器移到幀號02:00f(表示動畫第二秒)。
第11步
單擊秒表圖標旁邊的Opacity屬性。這將激活文字動畫的透明度。
第12步
現(xiàn)在,將當前時間指示器移到文字動畫的末幀,即03:00f。在“圖層”面板中設置文本透明度為0。
第13步
再次將時間指示器移到幀號02:00f。這樣在第一個文本淡出之時將創(chuàng)建一個新文本。
第14步
使用文字工具,創(chuàng)建個新的文本“Photoshop”。像之前那個步驟那樣放置在屏幕中央并調(diào)整大小。
第15步
單擊Transform屬性層旁邊的秒表圖標。
第16步
將時間指示器移到幀號05:00f(表示動畫第五秒)。如先前步驟那樣放大文字。
第17步
將時間指示器移到幀號04:00f,單擊Opacity(透明度)屬性旁邊的秒表。
第18步
再次將當前時間指示器移到文字動畫的末幀05:00f。在“圖層”面板中設置文本透明度為0。
第19步
將時間指示器移到幀號04:00f并新建文字層。在此層上添加字符“CS6”。
第20步
重復前面的步驟,放大和變換文字的透明度。這樣我們就有三個文字動畫在第七秒淡出。
第21步
將時間軸指標移動到視頻動畫層的末尾。
第22步
在時間線面板的左上方,選中剪刀圖標旁邊的方形過渡圖標。此圖標將打開一個浮動菜單顯示可用的過渡效果。
第23步
選中淡出至黑屏效果(Fade to Black)并將其拖到視頻動畫層末尾,這樣此效果將應用到動畫末尾。按鍵盤上的空格鍵或單擊時間線面板的“Play(播放)”按鈕可預覽動畫效果。
第24步
現(xiàn)在我們要給動畫添加音軌。時間線中的最底層名為音軌(Audio Track)。單擊音頻層右側(cè)的音樂圖標并選擇 Add Audio(添加音頻)。
然后,單擊“Open(打開)”將其添加到時間線上。
第25步
在動畫末尾,單擊音頻層的三角標,設置淡出的值為1秒。
拖動視頻層末端可進行裁剪,這樣結(jié)束時刻就能夠與音軌同步。
至此我們已經(jīng)完成了動畫的創(chuàng)建。接下來的步驟,我們要將動畫渲染成視頻格式:
第26步
在時間線的幀編號的上方,你會在時間線層的開頭和結(jié)尾發(fā)現(xiàn)兩個括號。確保倆括號之間不含動畫之外的幀,括號之間的幀即為將被渲染的幀。(十按,這就是出點跟入點啦,相信熟悉AE的孩紙一定知道,說的這么晦澀,爺翻得也很暈= =)
第27步
文件菜單中,選擇 Export(導出)>Render(渲染視頻)。
第28步
Render Video(渲染視頻)對話框中,設置視頻保存的名稱與路徑。
第29步
設置渲染格式為Adobe Media Encoder并選擇QuickTime格式。Preset設為 High Quality(高品質(zhì)),Size(尺寸)和frame rate(幀頻)也要設置。
在range(范圍)區(qū)塊,將渲染區(qū)設置為Work Area(工作區(qū)),這樣就只會渲染括號內(nèi)部的幀了。
本教程我們綜述了如何在Photoshop CS6里利用增強時間線面板創(chuàng)建視頻動畫。Photoshop中與動畫相關的功能選項眾多,本教程概述視頻建設的過程,這樣一來你可以自行探索Photoshop CS6其他的動畫功能。
只要是photoshop6.0以上的就用自帶ImageReady ,先找到你要做的原圖 ,然后
第一步:
啟動photoshop,并打開需要的兩幅圖!
第二步:
會彈出修改框,修改寬度和高度的像素。注意下面紅線里的約束比例!要改成非比例的大小就把勾點去!然后將兩副圖片的大小調(diào)一致!
第三步
很多JPG格式的圖在photoshop8.0里鎖定的,所以雙擊圖層里的背景項,會彈出一個選項框,選擇好~將背景變?yōu)閳D層?。ㄍ?,另一幅圖片也這么做。但注意在photoshop里通過點擊圖片來改變當前編輯的圖片,所以改另一副圖先點擊一下)
第四步
選擇左邊工具條上面左邊的工具! 然后點住一幅圖片將它拖至另一副圖片里! 這時在圖層里應該是有兩個圖層! 將兩個圖片根據(jù)畫面的大小對對好~按保存!
第五步:
這時啟動ImageReady,打開你剛保存的圖片!
第六步:
在動畫工具條里點擊“復制當前幀”,復制后,在動畫里會顯示有兩個幀!
第七步:
點擊動畫工具里的“過度...”按扭! 點擊后會出現(xiàn)過度對話框!在“要添加的幀數(shù)”里選擇你希望的幀數(shù),默認是5,這里我們也選擇5,然后點擊“好” 這時動畫欄里會顯示有7個幀!
第八步
這時看看圖層里的當前圖層是否為上面的圖,不是的話點擊來改變當前圖層! (注意有蘭色條顯示的就是當前圖層?。?選擇好當前圖層后,點擊動畫欄里第二個幀!點中后第二幀應該是蘭色的! 然后在圖層欄那邊改透明度!將其從100%改為80%
第九步
接著選擇第三個幀將其不透明值改為60%
第十步:
同樣的方法點擊第4幀!將其不透明值改成40%。
點擊第5幀,將其不透明值改成20%
第十一步:
點擊第1幀,點擊“選擇幀延遲時間”點擊后會彈出個菜單!選擇0.2秒延遲后,第1幀下面會變?yōu)?.2秒。當然可以根據(jù)你的喜好改變。
第十二步:
點擊第7幀,和上面一樣延遲0。2秒
第十三步:
點擊“播放”按扭。就可以看到效果了
第十四步:
準備保存了,在轉(zhuǎn)為GIF文件前,先設下優(yōu)化值!在預設一項將其值改為 GIF 128 仿色 然后選擇文件菜單里的“將優(yōu)化結(jié)果存儲為” 選擇文件名后,按好!就OK了?。ㄈ绻凇皩?yōu)化結(jié)果存儲為”中只有jpg沒有g(shù)if,則關閉此窗口,從菜單“窗口”中打開“優(yōu)化”面板,調(diào)整一下“預設”,并將“格式”設為“gif”,就可以了。如果幀數(shù)較多,則輸出過程會有點慢,這是正常現(xiàn)象。)
GIF文件格式(GIF file)
GIF文件格式采用了可變長度的壓縮編碼和其它一些有效的壓縮算法,按行掃描迅速解碼,且與硬件無關。它支持256種顏色的彩色圖像,并且在一個GIF文件中可以記錄多幅圖像。包括文件頭(Head Block)、注釋塊(Comment Block)、循環(huán)塊(Loop Block)、控制塊(Control Block)、GIF圖像塊(Image Block)、文本塊(Plain Text Block)、附加塊(Application Block)。