旺旺交談來(lái)看,很多朋友對(duì)如何讓自己的旺旺頭像動(dòng)起來(lái),感到非常困惑,為了能夠解決這些朋友的困惑,今天特來(lái)寫(xiě)一下,如何讓我們的旺旺頭像動(dòng)起來(lái)。
磨刀不誤砍柴功,在正式制作之前,我們有一些準(zhǔn)備工作要做。
第一,我們先來(lái)了解一下:什么是GIF動(dòng)畫(huà)?
GIF動(dòng)畫(huà)其實(shí)很簡(jiǎn)單,其原理就是將一幅幅差別細(xì)微的靜態(tài)圖片不停地輪流顯示,就好像在放映電影膠片一樣。說(shuō)得更具體一些,就是要做好GIF動(dòng)畫(huà)中的每一幅單幀畫(huà)面,然后再將這些靜止的畫(huà)面連在一起,設(shè)定好幀與幀之間的時(shí)間間隔,最后保存成GIF格式即可。
優(yōu)點(diǎn):GIF廣泛支持Internet標(biāo)準(zhǔn)。支持無(wú)損耗壓縮和透明度。動(dòng)畫(huà)GIF很流行,易于使用許多GIF動(dòng)畫(huà)程序創(chuàng)建。
缺點(diǎn):GIF只支持256色調(diào)色板,GIF支持有限的透明度,沒(méi)有半透明效果或漸變色效果,因此GIF格式普遍適用于圖表,按鈕等等只需少量顏色的圖像。
第二,PS當(dāng)中圖層效果如何啟用和停用。
在PS當(dāng)中,將我們上次制作的立體雕刻旺旺頭像的PSD格式源文件打開(kāi),如下圖所示:
從上面可以看出,我們每個(gè)文字都實(shí)現(xiàn)了立體效果,事實(shí)上這個(gè)立體效果的產(chǎn)生就是靠圖層的混合屬性來(lái)實(shí)現(xiàn)的,如果我們把這個(gè)效果停用會(huì)怎么樣呢?也就是說(shuō)把上圖藍(lán)色橢園所圈的那個(gè)眼晴圖標(biāo)用鼠標(biāo)左鍵點(diǎn)一下,會(huì)出現(xiàn)什么效果呢?
點(diǎn)擊之后,那個(gè)眼晴圖標(biāo)消失,從圖上很明顯可以看出“經(jīng)”這個(gè)字由立體效果變成了平面效果,原因就是因?yàn)槲覀儼堰@個(gè)字的斜面和浮雕效果取消了。如果這時(shí)再用鼠標(biāo)左鍵在黃色方框內(nèi)的“效果”左側(cè)灰色小方框處點(diǎn)一下,這個(gè)灰色小方框內(nèi)又會(huì)出現(xiàn)一個(gè)眼晴圖標(biāo),這時(shí)就表明啟用這個(gè)圖層效果,從而又實(shí)現(xiàn)立體效果。
原理清楚之后,下面我們就為看一看如何利用ImageReady軟件來(lái)讓我們的旺旺頭像動(dòng)起來(lái)。
首先,我們?cè)诖蜷_(kāi)源文件的基礎(chǔ)之上,將所有文字的圖層效果都停用,結(jié)果如下圖所示:
然后,用鼠標(biāo)點(diǎn)擊上面紅色方框處,此時(shí),PS會(huì)自動(dòng)將當(dāng)前工作界面轉(zhuǎn)換到ImageReady當(dāng)中,如下圖所示:
這個(gè)界面和PS中的界面有些類(lèi)似,我們只需要注意這個(gè)界面中的動(dòng)畫(huà)窗口,在這個(gè)窗口中有幾個(gè)地方要加以注意。紅色方框中是動(dòng)畫(huà)播放控制按鈕,利用這些按鈕我們可以在動(dòng)畫(huà)窗口實(shí)現(xiàn)動(dòng)畫(huà)的播放和不同幀的選擇。藍(lán)色方框是兩個(gè)不同幀之間的過(guò)渡按鈕,這個(gè)我們不加詳細(xì)介紹,各位朋友如果有興趣,可以自己找一些相關(guān)資料具體研究一下。黃色方框內(nèi)是復(fù)制當(dāng)前幀按鈕,每按一次,就將當(dāng)前幀復(fù)制一份。黑色方框內(nèi)的是刪除按鈕,每點(diǎn)擊一次,就刪除當(dāng)前幀。
我們將“復(fù)制當(dāng)前幀”按鈕點(diǎn)擊四次,出現(xiàn)如下圖:
從上面我們不難看出,現(xiàn)在在動(dòng)畫(huà)窗口已經(jīng)出現(xiàn)了五幀畫(huà)面哦。并且當(dāng)前幀是第五幀。
其次,我們就要開(kāi)始讓這五幀的畫(huà)面分別發(fā)生一些變化。
用鼠標(biāo)點(diǎn)擊動(dòng)畫(huà)窗口的第二幀,并在右側(cè)圖層窗口選定“經(jīng)”字圖層,如圖所示:
在這里我們啟用“經(jīng)”字圖層的“斜面和浮雕”效果。
同樣道理,選擇第三幀,啟用“經(jīng)”“驗(yàn)”這兩個(gè)文字圖層的“斜面和浮雕”效果;選擇第四幀,啟用“經(jīng)”“驗(yàn)”“暢”這三個(gè)文字圖層的“斜面和浮雕”效果;選擇第五幀,啟用所用文字圖層的“斜面和浮雕”效果。經(jīng)過(guò)這樣處理之后,就得到了五個(gè)不同的畫(huà)面,第一個(gè)畫(huà)面是平面效果,第二畫(huà)面是突出一個(gè)字,第三個(gè)畫(huà)面是突出二個(gè)字…
第三步,得到了五個(gè)不同畫(huà)面之后,我們就要開(kāi)始設(shè)定好幀與幀之間的時(shí)間間隔。如何設(shè)定,細(xì)心的朋友會(huì)發(fā)現(xiàn),在每一幀下面都有一個(gè)“0秒”,并且左側(cè)還有一個(gè)下拉箭頭,點(diǎn)一下看一看,是否會(huì)出現(xiàn)如下畫(huà)面:
這個(gè)地方就是設(shè)置本幀和下一幀播放時(shí)間間隔的,依次設(shè)置好每幀的時(shí)間間隔
設(shè)置完畢后,可以點(diǎn)一下“播放”按鈕,看一看動(dòng)畫(huà)效果,如果不滿意,就進(jìn)行調(diào)整,直到自己滿意為止。
最后,當(dāng)調(diào)試完畢,就該把自己的成果進(jìn)行保存。
在ImageReay中,點(diǎn)擊“文件”菜單,選擇“將優(yōu)化結(jié)果存儲(chǔ)為”菜單項(xiàng),會(huì)出現(xiàn)如下對(duì)話框:
在彈出對(duì)話框中選擇“保存類(lèi)型”為“僅限圖像(*.gif)”,并為自己的成果取上名字,點(diǎn)擊保存,此時(shí),就完成了動(dòng)態(tài)旺旺圖像的制作哦。
看一看我們的勞動(dòng)成果吧!
是不是不錯(cuò)哦!當(dāng)然動(dòng)畫(huà)的設(shè)計(jì)是豐富多變,并不局限于此,我只希望本文在這里能夠拋磚引玉,讓新手朋友們能夠了解GIF動(dòng)畫(huà)制作的一般流程,從而能學(xué)以致用,設(shè)計(jì)出更精美的GIF動(dòng)畫(huà),為自己的店鋪增加一道亮麗的風(fēng)景!
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 淘寶裝修如何讓立體雕刻旺旺頭像動(dòng)起來(lái)