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