僅僅用矢量圖形,總覺(jué)得魅力不夠,而內(nèi)容豐富多采的位圖圖形,足以使遮罩效果大放光彩!
現(xiàn)在我們來(lái)做一個(gè)最簡(jiǎn)單的圖片遮罩動(dòng)畫:
在Flash中*層,導(dǎo)入一張靚靚的圖片,并將這層命名為圖片層。
在第二層畫一個(gè)圓形,將它轉(zhuǎn)化為Graphic符號(hào),在第30幀的位置插入關(guān)鍵幀,在第1幀和第30幀之間設(shè)置圓形由左向右的動(dòng)畫,將這層命名為圓形層。
設(shè)置圓形層對(duì)圖片層的遮罩。
這樣的遮罩效果太簡(jiǎn)單,你甚至可以想象出它的動(dòng)畫效果啦!
現(xiàn)在我將圖片層復(fù)制,并同位粘貼到新層,再將這層拖到*層,(注意:不能在遮罩的中間)命名為背景層。如下圖:
將背景層的圖形縮小一些,遮罩效果會(huì)怎么樣呢?
象一個(gè)放大鏡吧!如果配上一個(gè)框框和手柄,甚至是光影和圓形同步運(yùn)動(dòng),不更活靈活現(xiàn)!
現(xiàn)在你可以思考一下了,背景層的圖形如果是放大一些,又是怎樣的效果?你動(dòng)動(dòng)腦,或是動(dòng)動(dòng)手,就知道了!
諸如放大、縮小都是小兒科,能不能來(lái)點(diǎn)新鮮的……好!在上面這個(gè)例子中兩張圖中一樣的,現(xiàn)在我稍稍加工處理一下,讓兩張圖在似與不似之間。
這一下,你猜到我想做什么嗎?
這是我用這兩張圖片做出的遮罩效果,如下圖:
當(dāng)然這只是簡(jiǎn)單的用進(jìn)行一下模糊特效,你還可用其它的位圖效果!
現(xiàn)在你該知道戲法人人會(huì)變,巧妙個(gè)個(gè)不同!當(dāng)然我們還可以復(fù)雜下去!
在Photoshoph中的層面板,可以增加色調(diào)調(diào)整層,在Flash這里我也仿照一下,就在這個(gè)新的層中,加入透明的方形色塊,形成彩色遮罩。
效果如下圖:
這里我同樣用一個(gè)方形對(duì)一張左右運(yùn)動(dòng)的圖片進(jìn)行了遮罩效果,因?yàn)閼?yīng)用了遮罩罩,我在*個(gè)層,做成和層的方形一樣大小,一個(gè)位置,第二個(gè)層我就放置運(yùn)動(dòng)的圖片,*個(gè)層的方形,我將顏色改變,就好象photoshop中的色調(diào)調(diào)整層一樣,這樣也只做好其中的一個(gè)遮罩,同樣道理做好另外位置的不同色調(diào)的遮罩。
干嗎這樣復(fù)雜,其實(shí)如果你經(jīng)常看到老外的作品,他們對(duì)圖片和聲音一點(diǎn)都不嫌大,只是為了做出動(dòng)人的效果!
做好以后,你會(huì)發(fā)現(xiàn),遮罩太逼真了,這也不好,稍稍錯(cuò)落一下位置,也許會(huì)更自然一些,或是在有些地方不放遮罩,留點(diǎn)白,,*層再放置一層和其他層運(yùn)動(dòng)同步的同樣圖形。(圖中的運(yùn)動(dòng)形式用了Easing out)
如果還想對(duì)圖片在photoshop來(lái)點(diǎn)藝術(shù)性加工的話,我們可以看到下面的效果,當(dāng)然你還可以做得更漂亮一些!
同一張圖片,加了模糊、扭曲,就成了三種圖,再做不同色調(diào)的遮罩,同樣讓他們的運(yùn)動(dòng)同步。原來(lái)每一個(gè)遮罩的圖形層都相同,現(xiàn)在不同了,因?yàn)榧尤肓藶V鏡效果,每一個(gè)彩色遮罩的內(nèi)容就在似和不似之間。
現(xiàn)在我們來(lái)做一個(gè)最簡(jiǎn)單的圖片遮罩動(dòng)畫:
在Flash中*層,導(dǎo)入一張靚靚的圖片,并將這層命名為圖片層。
在第二層畫一個(gè)圓形,將它轉(zhuǎn)化為Graphic符號(hào),在第30幀的位置插入關(guān)鍵幀,在第1幀和第30幀之間設(shè)置圓形由左向右的動(dòng)畫,將這層命名為圓形層。
設(shè)置圓形層對(duì)圖片層的遮罩。
這樣的遮罩效果太簡(jiǎn)單,你甚至可以想象出它的動(dòng)畫效果啦!
現(xiàn)在我將圖片層復(fù)制,并同位粘貼到新層,再將這層拖到*層,(注意:不能在遮罩的中間)命名為背景層。如下圖:
將背景層的圖形縮小一些,遮罩效果會(huì)怎么樣呢?
象一個(gè)放大鏡吧!如果配上一個(gè)框框和手柄,甚至是光影和圓形同步運(yùn)動(dòng),不更活靈活現(xiàn)!
現(xiàn)在你可以思考一下了,背景層的圖形如果是放大一些,又是怎樣的效果?你動(dòng)動(dòng)腦,或是動(dòng)動(dòng)手,就知道了!
諸如放大、縮小都是小兒科,能不能來(lái)點(diǎn)新鮮的……好!在上面這個(gè)例子中兩張圖中一樣的,現(xiàn)在我稍稍加工處理一下,讓兩張圖在似與不似之間。
這一下,你猜到我想做什么嗎?
這是我用這兩張圖片做出的遮罩效果,如下圖:
當(dāng)然這只是簡(jiǎn)單的用進(jìn)行一下模糊特效,你還可用其它的位圖效果!
現(xiàn)在你該知道戲法人人會(huì)變,巧妙個(gè)個(gè)不同!當(dāng)然我們還可以復(fù)雜下去!
在Photoshoph中的層面板,可以增加色調(diào)調(diào)整層,在Flash這里我也仿照一下,就在這個(gè)新的層中,加入透明的方形色塊,形成彩色遮罩。
效果如下圖:
這里我同樣用一個(gè)方形對(duì)一張左右運(yùn)動(dòng)的圖片進(jìn)行了遮罩效果,因?yàn)閼?yīng)用了遮罩罩,我在*個(gè)層,做成和層的方形一樣大小,一個(gè)位置,第二個(gè)層我就放置運(yùn)動(dòng)的圖片,*個(gè)層的方形,我將顏色改變,就好象photoshop中的色調(diào)調(diào)整層一樣,這樣也只做好其中的一個(gè)遮罩,同樣道理做好另外位置的不同色調(diào)的遮罩。
干嗎這樣復(fù)雜,其實(shí)如果你經(jīng)常看到老外的作品,他們對(duì)圖片和聲音一點(diǎn)都不嫌大,只是為了做出動(dòng)人的效果!
做好以后,你會(huì)發(fā)現(xiàn),遮罩太逼真了,這也不好,稍稍錯(cuò)落一下位置,也許會(huì)更自然一些,或是在有些地方不放遮罩,留點(diǎn)白,,*層再放置一層和其他層運(yùn)動(dòng)同步的同樣圖形。(圖中的運(yùn)動(dòng)形式用了Easing out)
如果還想對(duì)圖片在photoshop來(lái)點(diǎn)藝術(shù)性加工的話,我們可以看到下面的效果,當(dāng)然你還可以做得更漂亮一些!
同一張圖片,加了模糊、扭曲,就成了三種圖,再做不同色調(diào)的遮罩,同樣讓他們的運(yùn)動(dòng)同步。原來(lái)每一個(gè)遮罩的圖形層都相同,現(xiàn)在不同了,因?yàn)榧尤肓藶V鏡效果,每一個(gè)彩色遮罩的內(nèi)容就在似和不似之間。