?關(guān)于遮罩的教程很多了,這里結(jié)合我的摸索過程及創(chuàng)意給大家尤其是初學(xué)者作一簡單講解。
一.原理部分--羽化的美眉效果
flash的遮罩原理在于使用一個(gè)圖形作為透過光線的區(qū)域,當(dāng)這個(gè)圖形所在層轉(zhuǎn)為遮罩層時(shí),圖形區(qū)域下一層的物體可見,而圖形區(qū)域外的物體不可見。但是再往下一層的物體仍然可見,也就是說,遮罩層只對(duì)它下面一層物體起作用。
好,下面就步入正題,介紹一個(gè)羽化美眉效果,這在photoshop中是很容易實(shí)現(xiàn)的。
1.從圖片庫中找個(gè)漂亮的美眉,導(dǎo)入到舞臺(tái)上,放在合適的位置,給當(dāng)前層起個(gè)名字,如下圖:

2.新建一層,起名mask,在當(dāng)前層上用圓形工具畫一個(gè)樹立著的橢圓,橢圓最好不要邊框線,填充色任意,這個(gè)橢圓正好把美眉擋住,如下圖:

3.將此橢圓選定,按下Ctrl+c, 再新建一層,起名white, 按下Ctrl+shift+v, 這是將橢圓復(fù)制到這一層上來,并且與原來橢圓位置相同。
4.點(diǎn)選mask層,右擊將其轉(zhuǎn)為遮罩層,關(guān)閉white層就可看到美眉被切割出來的效果,如果位置不滿意,解除鎖定,重新修改橢圓的位置。
5.重新點(diǎn)選white層,并選定層上橢圓來修改其填充屬性,這里才是最費(fèi)功夫的環(huán)節(jié):打開混色器面板,在填充顏色方式中選放射狀,將兩個(gè)色標(biāo)的顏色都變成白色,將左邊的色標(biāo)的不透明度改為0,右邊的不變,
兩色標(biāo)的位置如下圖:

6.色標(biāo)設(shè)定完后,應(yīng)該是下圖這個(gè)樣子,

在物體的空白處單擊一下,看看美眉是不是露出來了,美眉的周圍是不是以白色淡出呢?
7.用填充變形工具來反復(fù)調(diào)整漸變色的區(qū)域與大小,這要費(fèi)點(diǎn)事,效果好不好關(guān)鍵在這里。
8.最后的效果應(yīng)該是象這樣

二. 進(jìn)階部分--跟隨鼠標(biāo)的探照燈效果
效果:
有了上面的技術(shù),那么制作一個(gè)探照燈效果就只剩下創(chuàng)意和代碼編寫工作了。具體的制作過程我就不在浪費(fèi)時(shí)間了,估計(jì)大家看到我下面的解釋及源文件就能理解并自己能作了。
既然是探照燈效果就應(yīng)該是黑色背景了,那么為了表現(xiàn)光照的模糊效果,就需要一個(gè)橢圓形區(qū)域,這個(gè)區(qū)域的中心是透明的,然后漸變到與背景相同的黑色。這是與上面的例子不同的地方,也算是擬向思維吧!
1.先來看看層結(jié)構(gòu)
如下圖

最上一層是這個(gè)效果需要的控制代碼,下來一層是跟隨鼠標(biāo)的圓環(huán),下來是圓環(huán)遮罩,下來是圓環(huán)經(jīng)過時(shí)發(fā)亮的線條,再下來是發(fā)暗色的線條,鼠標(biāo)沒有經(jīng)過時(shí)就顯示這條線。
這部分是別人早就做過的東西,這里加上是讓大家對(duì)遮罩效果有個(gè)完整的認(rèn)識(shí)。接下來就是我要重點(diǎn)講的東西了,shadow層存放產(chǎn)生光照漸變效果的區(qū)域,就是上一段說到的東西,這個(gè)區(qū)域與作為遮罩層motion_mask上的motion_mask電影剪輯形狀相同。
本文轉(zhuǎn)自:http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/1040.html
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
