資源描述：
《Photoshop動(dòng)畫教程及實(shí)例(GIF動(dòng)畫制作).ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、Photoshop動(dòng)畫教程【學(xué)習(xí)目標(biāo)】了解GIF動(dòng)畫初識(shí)掌握幀的傳播特性及過(guò)渡掌握使用各種方法制作動(dòng)畫熟練GIF動(dòng)畫的導(dǎo)入和導(dǎo)出【學(xué)習(xí)內(nèi)容】GIF動(dòng)畫初識(shí)制作簡(jiǎn)單的GIF動(dòng)畫幀的傳播特性及過(guò)渡時(shí)間軸動(dòng)畫GIF動(dòng)畫導(dǎo)入和導(dǎo)出GIF動(dòng)畫初識(shí)※所謂動(dòng)畫，就是用多幅靜止畫面連續(xù)播放，利用視覺暫留形成連續(xù)影像。比如傳統(tǒng)的電影，就是用一長(zhǎng)串連續(xù)記錄著單幅畫面的膠卷，按照一定的速度依次用燈光投影到屏幕上?！壳霸赪indows系統(tǒng)上的主要?jiǎng)赢媹D像格式是GIF，其也可以直接在網(wǎng)頁(yè)中顯示，是目前應(yīng)用最廣泛的動(dòng)畫圖像格式。包括現(xiàn)在流行的手機(jī)彩信中的動(dòng)畫也屬于GIF格式。11
2、.1動(dòng)畫面板1.2圖層面板單擊“窗口”菜單選擇“動(dòng)畫”即可打開和關(guān)閉動(dòng)畫面板。當(dāng)前幀：即動(dòng)畫文件中當(dāng)前的單幅畫面當(dāng)前幀停留時(shí)間：當(dāng)前畫面停頓時(shí)間當(dāng)前動(dòng)畫文件循環(huán)選項(xiàng)：設(shè)定當(dāng)前動(dòng)畫循環(huán)播放次數(shù)選擇第一幀：選擇動(dòng)畫開始的單幅畫面選擇上一幀：選擇上一幅單幅畫面播放當(dāng)前動(dòng)畫：預(yù)覽當(dāng)前動(dòng)畫選擇最后一幀：選擇當(dāng)前動(dòng)畫的最后一幅畫面過(guò)濾動(dòng)畫幀：兩個(gè)幀之間的位置、透明度、效果變換復(fù)制所選幀：復(fù)制當(dāng)前畫面刪除所選幀：刪除當(dāng)前畫面轉(zhuǎn)換為時(shí)間軸動(dòng)畫：轉(zhuǎn)換為更復(fù)雜的、功能更強(qiáng)大的動(dòng)畫面板1.1動(dòng)畫面板圖層面板中各部分的功能：統(tǒng)一圖層位置：統(tǒng)一設(shè)定當(dāng)前圖層在所有幀當(dāng)中顯示的位置統(tǒng)
3、一圖層可見性：統(tǒng)一設(shè)定當(dāng)前圖層在所有幀當(dāng)中是否顯示統(tǒng)一圖層樣式：統(tǒng)一調(diào)整當(dāng)前圖層在所有幀中的樣式幀的傳播特性：將第1幀的改變傳播給所有幀1.2圖層面板制作編輯動(dòng)畫設(shè)定幀的延遲時(shí)間動(dòng)畫的循環(huán)方式動(dòng)畫文件的導(dǎo)出2制作簡(jiǎn)單的GIF動(dòng)畫1.新建一個(gè)200×200像素的文檔。2.新建一個(gè)圖層并繪制一個(gè)任意形狀。2.1制作動(dòng)畫3.在動(dòng)畫調(diào)板中點(diǎn)擊箭頭處的“復(fù)制所選幀”按鈕，就會(huì)看到新增加了一個(gè)幀。這新建出來(lái)的幀和前一個(gè)幀的內(nèi)容是相同的。相應(yīng)的，大家也應(yīng)該能想得到垃圾桶似按鈕的作用就是刪除幀。4.確認(rèn)動(dòng)畫調(diào)板中目前選擇的是復(fù)制出來(lái)的第2幀，然后使用移動(dòng)工具將圖層中的形
4、狀移動(dòng)一定距離，大致如右圖所示?？梢钥吹诫m然在第2幀中形狀的位置發(fā)生了改變，但在原先第1幀中方塊的位置依然未變。這是一個(gè)很重要的特性。5.重復(fù)幾次，這種先復(fù)制幀再移動(dòng)方塊的操作，現(xiàn)在我們擁有了7個(gè)幀，且每個(gè)幀中方塊的位置都不同。再看看圖層調(diào)板，很明顯只有一個(gè)圖層存在(背景層暫且不算)，這就引出一個(gè)特性：對(duì)一個(gè)圖層來(lái)說(shuō)，它的位置在不同幀中可以單獨(dú)指定。按照這個(gè)特性，我們使用一個(gè)圖層就可以做出物體移動(dòng)的動(dòng)畫。6.設(shè)定幀延遲的方法就是點(diǎn)擊幀下方的時(shí)間處，在彈出的列表中選擇相應(yīng)的時(shí)間即可。如圖所示，將第7幀設(shè)為0.5秒。7.動(dòng)畫的循環(huán)方式導(dǎo)出能用于網(wǎng)頁(yè)的獨(dú)立動(dòng)畫
5、文件，則需要使用菜單【文件>存儲(chǔ)為Web和設(shè)備所用格式】。彈出保存設(shè)置窗口，需要注意的是，如果沒有選擇GIF格式，則下方的播放按鈕不可用。這是因?yàn)橹挥蠫IF格式才支持動(dòng)畫，如果強(qiáng)行保存為其他格式（如JPG或PNG格式），則所生成的圖像中只有第一幀的畫面。2.2動(dòng)畫的導(dǎo)出在存儲(chǔ)過(guò)程中可能出現(xiàn)如下圖所示的警告信息，不必理會(huì)，確定即可。也可以讓其不再顯示。但大家要注意在給文件起名時(shí)要使用半角英文或數(shù)字，不要使用全角字符或中文。這是為了能更廣泛地被各種語(yǔ)言的瀏覽器所兼容。幀的傳播特性及過(guò)渡33.1幀的透明度傳播3.2幀的傳播特性3.3幀的選擇3.4幀的過(guò)渡3.1
6、幀的透明度傳播上一個(gè)我們制作的是位移動(dòng)畫，是利用圖層的移動(dòng)。還可以通過(guò)設(shè)定不同的圖層部透明度來(lái)產(chǎn)生動(dòng)畫，那就是在不同的幀中改變圖層調(diào)板中的部透明度數(shù)值。現(xiàn)在新建一個(gè)400×100的圖像，新建一個(gè)圖層并繪制一個(gè)圓形。然后一次性復(fù)制4個(gè)幀出來(lái)，將會(huì)看到5個(gè)幀都是相同的內(nèi)容。將所有幀的停留時(shí)間統(tǒng)一改為0.1秒，如下圖所示。接著選擇第2幀，在圖層調(diào)板中將方塊圖層的不透明度改為80%，第3幀60%，以此類推，因?yàn)槲覀冞€有一個(gè)0%的延遲，所以還需要再?gòu)?fù)制一個(gè)幀出來(lái)，為第6幀，并設(shè)定透明度為0%。形成的效果如右圖所示。這時(shí)候播放就會(huì)看到方塊逐漸漸隱的效果。3.2幀的傳
7、播傳播特性如果你在第一幀刪除了某個(gè)圖層，那么之后所有幀中就都不存在這個(gè)層了。因此在Photoshop動(dòng)畫設(shè)定中，第一幀是比較特殊的?，F(xiàn)在選擇第一幀，確保圖層調(diào)板中“傳播幀1”已被勾選，如下左圖紅色箭頭處所示。然后移動(dòng)圖層，就會(huì)發(fā)現(xiàn)所有幀中的方塊都統(tǒng)一發(fā)生了移動(dòng)，如下右圖所示。如果“傳播幀1”未被勾選，則只會(huì)改變第1幀中的方塊位置。3.3幀的選擇SHIFT鍵——連選快捷鍵CTRL鍵——點(diǎn)選快捷鍵3.4幀的過(guò)渡逐幀動(dòng)畫：就是逐個(gè)幀進(jìn)行制作。例如，一個(gè)物體的移動(dòng)，我們是從頭到尾參與了每一幀的設(shè)定。補(bǔ)間動(dòng)畫：設(shè)定好某段運(yùn)動(dòng)的起始幀和結(jié)束幀，然后在這兩幀中產(chǎn)生平均
8、的過(guò)渡。如果是物體的移動(dòng)，則就是先設(shè)定好移動(dòng)起點(diǎn)幀和終點(diǎn)幀。1.新建一個(gè)圖像，大
