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