欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Photoshop CS3教程:制作變色GIF動(dòng)畫(huà)

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2008-10-05 11:53:43   作者:佚名   我要評(píng)論
  就我們目前已經(jīng)學(xué)習(xí)的制作方法而言,足以應(yīng)付大部分的制作需求。在本課中我們將學(xué)習(xí)一些能為作品增添更多效果的技巧,這些技巧都要建立在以往的課程基礎(chǔ)之上。因此,徹底掌握之前的所有課程是必須的。這些技巧包括:特殊圖層、加減速、運(yùn)動(dòng)模糊、文字變形。也希望大家能
  就我們目前已經(jīng)學(xué)習(xí)的制作方法而言,足以應(yīng)付大部分的制作需求。在本課中我們將學(xué)習(xí)一些能為作品增添更多效果的技巧,這些技巧都要建立在以往的課程基礎(chǔ)之上。因此,徹底掌握之前的所有課程是必須的。這些技巧包括:特殊圖層、加減速、運(yùn)動(dòng)模糊、文字變形。也希望大家能夠總結(jié)出自己的制作技巧,并與他人分享。

  在Photoshop中能夠作為動(dòng)畫(huà)的項(xiàng)目有圖層位置、圖層蒙版、圖層不透明度、圖層樣式。在基礎(chǔ)教程的階段我們學(xué)習(xí)了色彩調(diào)整圖層和填充圖層。這類(lèi)圖層具有特殊性,前者不直接產(chǎn)生圖像,而是針對(duì)下方圖層做出色彩調(diào)整效果。后者雖然產(chǎn)生圖像,但屬于“虛擬像素”,可在后期更改填充的內(nèi)容。現(xiàn)在我們將它們?yōu)閯?dòng)畫(huà)服務(wù),看看能有怎樣的效果。點(diǎn)擊此處閱讀有關(guān)色彩調(diào)整圖層的內(nèi)容。點(diǎn)擊此處閱讀有關(guān)填充圖層的內(nèi)容。
  色彩調(diào)整圖層是比較好用的,利用它可以制作出色彩變化的效果。這些效果可以是從明暗變化、灰度變化、反相等。實(shí)現(xiàn)的方法也很簡(jiǎn)單,就是先建立色彩調(diào)整層并做好相關(guān)的設(shè)置,然后將調(diào)整層的不透明度制作為動(dòng)畫(huà)即可。如下各動(dòng)畫(huà)范例,分別是曲線(xiàn)變暗、曲線(xiàn)變亮、漸變映射、反相。若要將圖像變?yōu)榛叶?,可利用漸變映射的灰度漸變,或通過(guò)色相飽和度實(shí)現(xiàn)。

  需要注意的是,這種色彩變化的動(dòng)畫(huà)由于前后幀之間的像素大都不相同,因此其占用的字節(jié)數(shù)會(huì)很大。此時(shí)應(yīng)盡可能減少幀數(shù)、幀速率或縮小動(dòng)畫(huà)的尺寸來(lái)平衡。此外,也可以通過(guò)建立調(diào)整圖層的蒙版來(lái)實(shí)現(xiàn)只針對(duì)某個(gè)區(qū)域的色彩調(diào)整效果,這里就不再示范了。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技 Photoshop CS3制作平面動(dòng)畫(huà):特效制作技 Photoshop CS3制作平面動(dòng)畫(huà):特效制作技 Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  有時(shí)候可能要表現(xiàn)一些劇烈變化的場(chǎng)景。所謂劇烈變化要么是像素的大幅移動(dòng),要么是色彩的大幅改變,可利用反相來(lái)實(shí)現(xiàn)色彩的劇烈變化。通過(guò)前面的范例,我們發(fā)現(xiàn)將反相制作為過(guò)渡的效果并不好,將過(guò)渡效果關(guān)閉后能夠形成劇烈的色彩改變。這可通過(guò)兩種方法來(lái)實(shí)現(xiàn),一個(gè)是將幀設(shè)置為保留插值。二是兩個(gè)關(guān)鍵幀之間不要留有空隙,這樣就無(wú)所謂過(guò)渡與否了。

  需要注意的是,第二種方法的后期可修改性較差。如果在文檔設(shè)置中增大了幀速率,就會(huì)在原有的緊密排列的兩個(gè)關(guān)鍵幀之間插入新幀,這樣就會(huì)出現(xiàn)過(guò)渡效果了。因此不建議采用此方法。而應(yīng)該采取第一種方法。

  現(xiàn)在大家自己動(dòng)手將這個(gè)動(dòng)畫(huà)制作出來(lái)。點(diǎn)此下載范例文件包。文件包中包含素材圖片以及成品的PSD,大家先不要開(kāi)啟PSD文件,嘗試自己去分析和制作。完成后再參照范例PSD文件。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  這個(gè)演示反相調(diào)整層使用技巧的范例動(dòng)畫(huà)具有一定的情節(jié)。首先是黑色流星墜落,流星是使用帶有漸隱步長(zhǎng)的畫(huà)筆繪制的筆直或垂直線(xiàn)條,然后將其旋轉(zhuǎn)為45度(角度可自定),接著將除建筑物之外的天空部分創(chuàng)建為蒙版。在解除蒙版鏈接后,可單獨(dú)移動(dòng)流星并與建筑物產(chǎn)生遮擋效果。其后的反相交替沒(méi)有什么技術(shù)難點(diǎn),就不再說(shuō)明了。至于蒙版的建立屬于,可參看基礎(chǔ)教程中有關(guān)圖層蒙版的相關(guān)內(nèi)容。

  需要注意的是,最后的淡出是采用了色相飽和度調(diào)整層,所不同的是采取了淡出為黑色的效果,而不是以往的淡出為白色。在使用調(diào)整層來(lái)制作淡出時(shí),最好不要使用曲線(xiàn)或亮度對(duì)比度,因?yàn)檫@兩種色彩調(diào)整命令并不能完全將畫(huà)面變?yōu)槿谆蛉?,而色相飽和度命令可以做到?br />
  除了使用調(diào)整圖層以外,也可以使用填充圖層,或?qū)⑵胀▓D層填充后來(lái)制作淡出。淡出的原理就是該圖層的不透明度從0%逐漸到100%的過(guò)程。這樣的好處是除了黑色與白色,還可以淡出為其他的顏色如紅色、藍(lán)色等。以下是一個(gè)在2000年制作的動(dòng)畫(huà),將當(dāng)時(shí)的個(gè)人照分別裁切為兩個(gè)不同的區(qū)域,然后分為3段,并采用白色的填充圖層做出的模擬曝光轉(zhuǎn)場(chǎng)效果。因?yàn)槭菫榱嗽诮?jīng)典論壇中的個(gè)人頭像之用,因此動(dòng)畫(huà)的尺寸和字節(jié)數(shù)有嚴(yán)格的限定。

  在盡可能保持較少字節(jié)數(shù)的前提下,同時(shí)又盡可能保證動(dòng)畫(huà)的流暢,并不是一件容易的事情。為此可能要犧牲一些哪怕是很好的創(chuàng)意。但如果制作出來(lái)的動(dòng)畫(huà)不符合要求,或傳輸較慢,也就失去了其本身最重要的價(jià)值。大家自行選用其他素材來(lái)模仿制作出這個(gè)動(dòng)畫(huà),文件字節(jié)數(shù)限制在5K左右(范例為3.65K)。并嘗試在這個(gè)前提下,加入自己的一些新創(chuàng)意。至于其中的單色及抽絲線(xiàn)效果,可參看基礎(chǔ)教程種有關(guān)色彩調(diào)整,以及圖案平鋪方面的內(nèi)容。

  在填充圖層中,除了常用的純色填充以外,還有圖案填充和漸變填充。有關(guān)它們的使用方法,就不再另外說(shuō)明了,大家自己嘗試即可。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  很早以前我們就學(xué)習(xí)過(guò)如何制作一個(gè)運(yùn)動(dòng)的物體,但我們所制作出來(lái)的物體都是勻速運(yùn)動(dòng)的,現(xiàn)在可以通過(guò)更改關(guān)鍵幀的位置來(lái)模擬出加速和減速的效果。這種效果并不局限于物體的運(yùn)動(dòng),也可以用于類(lèi)似淡入淡出的任何帶有過(guò)渡性效果的場(chǎng)合。并且該方法也適用于其他的視頻編輯軟件,以及網(wǎng)頁(yè)制作軟件GoLive的時(shí)間軸DHTML效果中。

  首先我們新建一個(gè)150×100的白底圖像,將文檔設(shè)定為1秒,30fps。新建一個(gè)普通圖層畫(huà)上一個(gè)矩形,并設(shè)定好其從左側(cè)移動(dòng)到右側(cè)的動(dòng)畫(huà)。時(shí)間軸設(shè)定大致如下圖所示?,F(xiàn)在的移動(dòng)速度是勻速的。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  接下來(lái)將時(shí)間標(biāo)桿移動(dòng)到10f處,點(diǎn)擊“位置”項(xiàng)目的菱形按鈕,手動(dòng)在當(dāng)前時(shí)刻增加一個(gè)關(guān)鍵幀。這個(gè)關(guān)鍵幀目前可以說(shuō)是多余的,因?yàn)樗⒉粫?huì)改變動(dòng)畫(huà)過(guò)程?,F(xiàn)在大家來(lái)設(shè)想一下,假設(shè)本來(lái)計(jì)劃在10分鐘后到達(dá)的地點(diǎn),現(xiàn)在要求你在5分鐘后就到達(dá),那么你肯定需要加速。明白了這個(gè)道理,就能明白制作加速動(dòng)畫(huà)的方法了。那就是將這個(gè)10f時(shí)刻的關(guān)鍵幀,移動(dòng)到05f時(shí)刻。這樣在0f至05f之間,物體將呈現(xiàn)快速運(yùn)動(dòng),在05f之后恢復(fù)原有速度。

  以此類(lèi)推,再分別將15f移動(dòng)到10f,20f移動(dòng)到15f,25f移動(dòng)到20f。就可以制作出一個(gè)減速運(yùn)動(dòng)的物體了。我們這里是為了說(shuō)明效果,而在實(shí)際制作中其實(shí)沒(méi)有必要更改這么多關(guān)鍵幀,視物體移動(dòng)距離的長(zhǎng)短,一般更改2到3個(gè)關(guān)鍵幀就足夠了。太長(zhǎng)的移動(dòng)距離本身就不適合用GIF來(lái)表現(xiàn)。另外幀率也不要設(shè)為30fps這么高。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技Photoshop CS3制作平面動(dòng)畫(huà):特效制作技

  運(yùn)動(dòng)模糊其實(shí)也與物體的移動(dòng)有關(guān),有些時(shí)候需要用較少的幀數(shù)來(lái)表現(xiàn)物體的快速移動(dòng)時(shí),使用運(yùn)動(dòng)模糊可以減少畫(huà)面的跳躍感。如下范例動(dòng)畫(huà)的演示,提供給人物移動(dòng)的幀數(shù)就是4幀,在如此有限的幀數(shù)下要完成長(zhǎng)距離(所謂長(zhǎng)距離也需要參照物體的大小)的移動(dòng)是很局促的。為了彌補(bǔ)這個(gè)缺點(diǎn),我們將人物圖層復(fù)制并用運(yùn)動(dòng)模糊濾鏡加以處理,形成殘影效果。將殘影與人物圖層一起移動(dòng),并在運(yùn)動(dòng)開(kāi)始和結(jié)束時(shí)刻將其隱藏。這個(gè)人物圖形可從Photoshop自帶的形狀庫(kù)中找到。大家自己嘗試制作出運(yùn)動(dòng)模糊的效果。我們提供PSD源文件供大家在完成后對(duì)照。點(diǎn)此下載范例PSD文件。

  需要注意的是,這里我們?cè)诰邆溥\(yùn)動(dòng)模糊的幀中,仍然保留了人物本體的完整影像,在實(shí)際操作中也可以降低本體的不透明度,或索性只保留殘影,造成更快速的移動(dòng)感。在只保留殘影的方式下,殘影的長(zhǎng)度要適當(dāng)延長(zhǎng)一些,并且要接近于運(yùn)動(dòng)結(jié)束時(shí)刻的物體位置。大家可仔細(xì)觀看范例動(dòng)畫(huà),注意殘影位置的區(qū)別。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  運(yùn)動(dòng)模糊廣泛應(yīng)用于影視制作領(lǐng)域,大部分影視制作軟件如After Effects等都有針對(duì)此的專(zhuān)項(xiàng)功能。在一些影視片斷中,如果將一些快速運(yùn)動(dòng)的物體畫(huà)面暫停,也就可以看到類(lèi)似的殘像。運(yùn)動(dòng)模糊英文名稱(chēng)是Motion Blur。在GIF動(dòng)畫(huà)制作中,運(yùn)動(dòng)模糊可能會(huì)增加動(dòng)畫(huà)的顏色數(shù),因?yàn)闅堄靶Ч旧砭褪菐в性S多過(guò)渡性色彩的。在輸出的時(shí)候要注意在色彩數(shù)和動(dòng)畫(huà)質(zhì)量之間做一個(gè)平衡。

  除了使用濾鏡制作殘像,也可以將圖層復(fù)制多份,并依次更改其色彩或不透明度形成一種比較規(guī)整的殘像效果,如下右圖所示,就是將人物層復(fù)制出3份并將填充色改為不同程度的灰色。這種殘像用較少的色彩數(shù)量也可以很好地表現(xiàn)。而濾鏡所形成的殘像可能會(huì)在較少的顏色數(shù)下產(chǎn)生色斑。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技
  在使用文字圖層的時(shí)候,可能有些細(xì)心的讀者已經(jīng)發(fā)現(xiàn)了“文字變形”這個(gè)動(dòng)畫(huà)項(xiàng)目。如下圖所示,可在動(dòng)畫(huà)中設(shè)置變形樣式為“無(wú)”或其他樣式,從而形成過(guò)渡變形的效果。這個(gè)動(dòng)畫(huà)項(xiàng)目其實(shí)是非常好用的,可惜只能局限于文字,如果能針對(duì)所有圖形有效就更好了。不過(guò)我們有時(shí)候可以通過(guò)文字中的標(biāo)點(diǎn)或特殊字符來(lái)模擬一些簡(jiǎn)單的物體形狀,從而獲得變形的能力,如符號(hào)“-”可擴(kuò)大為矩形。

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技

Photoshop CS3制作平面動(dòng)畫(huà):特效制作技Photoshop CS3制作平面動(dòng)畫(huà):特效制作技

相關(guān)文章

最新評(píng)論