flash怎么制作變色聚焦按鈕?
我要評(píng)論
Macromedia Flash Pro(動(dòng)畫(huà)制作軟件) V8.0 簡(jiǎn)體中文綠色注冊(cè)版
- 類(lèi)型：動(dòng)畫(huà)制作
- 大?。?/span>47.6MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2014-06-26
1、首先大家要了解這個(gè)按鈕的原理，聚焦與中心的按鈕實(shí)際上是兩個(gè)按鈕的組合，這樣說(shuō)大家會(huì)清楚點(diǎn)，所以我們一個(gè)一個(gè)做然后放在一起就可以了，因?yàn)樾【幹白鲞^(guò)一遍，所以跟著教程走，不要被圖片迷惑，首先新建元件，命名一下，自己知道是干什么的就可以了，類(lèi)型自然是按鈕
2、我們先來(lái)做那個(gè)外環(huán)，效果是經(jīng)過(guò)會(huì)出現(xiàn)，會(huì)跟隨鼠標(biāo)移動(dòng)，點(diǎn)擊會(huì)變色，所以先需要有一個(gè)環(huán)，第一幀是沒(méi)有的，在第二幀處插入關(guān)鍵幀，選擇橢圓工具，設(shè)置屬性，筆觸增大到20，斑馬線
3、然后按住shift健畫(huà)一個(gè)正圓，點(diǎn)擊一下正圓，在屬性處可以設(shè)置一下顏色，這里小編用的是黑白漸變色，大家也可以選擇其他的顏色
4、然后在第三幀，也就是按下的那一幀插入關(guān)鍵幀，將顏色進(jìn)行更改
5、小編這里是將漸變的方向反轉(zhuǎn)了一下，只需要打開(kāi)顏色面板，將滑塊兒的左邊與右邊調(diào)換就可以了
6、最后一幀改成實(shí)線，顏色隨意，因?yàn)椴シ诺臅r(shí)候是看不到的最后一幀的顏色效果的
7、回到場(chǎng)景中，找到變形面板，然后將圖形的比例縮小到90%，右下角有一下兩個(gè)圖形重疊的小標(biāo)識(shí)，一直點(diǎn)擊，差不多就可以了
8、前半部分基本是完成了，大家可以試下效果，里面的按鈕是一種傳統(tǒng)的按鈕制作方法，小編只說(shuō)幾個(gè)關(guān)鍵點(diǎn)，K幀的位置大家都看見(jiàn)了，所以就不一一指明了，要建立三個(gè)圖層，分別放置輪廓，陰影和文字
9、在輪廓處選擇基本矩形工具畫(huà)一個(gè)圓角矩形出來(lái)，先在屬性中設(shè)置一下參數(shù)
10、然后到陰影層，將輪廓復(fù)制一份，向右下角稍微移動(dòng)，顏色變成白色
11、在第二幀中添加關(guān)鍵幀，改變一下屬性中的顏色，這個(gè)還是隨自己愛(ài)好
12、這里陰影需要再次回移，達(dá)到一種動(dòng)態(tài)的效果，第三幀中就沒(méi)有陰影了
14、輪廓處依然是改變顏色，或者屬性中其他的參數(shù)，為的是達(dá)到一種動(dòng)態(tài)的效果
15、最上面的文字層可以在做輪廓的時(shí)候一起做，也可以在輪廓和陰影都做完后再補(bǔ)上，還是在每一幀處改下顏色就可以了
相關(guān)推薦：
相關(guān)文章
flash怎么制作氣泡無(wú)規(guī)則向上升起的動(dòng)畫(huà)?
flash怎么制作氣泡無(wú)規(guī)則向上升起的動(dòng)畫(huà)？flash中制作動(dòng)畫(huà)很方便，今天我們就來(lái)看看讓氣泡隨意上升的動(dòng)畫(huà)的制作方法，教程不難，需要的朋友可以參考下2016-11-10flash形狀補(bǔ)間動(dòng)畫(huà)怎么才能更流暢?
flash形狀補(bǔ)間動(dòng)畫(huà)怎么才能更流暢？flash制作補(bǔ)間動(dòng)畫(huà)不太流暢，該怎么更改的更流暢呢？下面我們就來(lái)看看補(bǔ)間動(dòng)畫(huà)的制作方法，很簡(jiǎn)單，需要的朋友可以參考下2016-11-04Flash怎么制作滾動(dòng)字幕動(dòng)畫(huà)效果?
Flash怎么制作滾動(dòng)字幕動(dòng)畫(huà)效果？Flash中想要制作一段字母滾動(dòng)的動(dòng)畫(huà)，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的制作方法，很簡(jiǎn)單，需要的朋友可以參考下2016-10-18flash8簡(jiǎn)單制作倒計(jì)時(shí)動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友分享flash8簡(jiǎn)單制作倒計(jì)時(shí)動(dòng)畫(huà)效果方法，教程制作出來(lái)的動(dòng)畫(huà)效果非常不錯(cuò)，方法也很簡(jiǎn)單，推薦到腳本之家，喜歡的朋友可以參考本文，一起來(lái)看看2016-10-16Flash cs6傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的基礎(chǔ)知識(shí)整理
使用flash制作動(dòng)畫(huà)的時(shí)候，就會(huì)用到動(dòng)畫(huà)補(bǔ)間，今天我們就來(lái)介紹一下傳統(tǒng)的動(dòng)畫(huà)補(bǔ)間的使用方法，以及一些基礎(chǔ)知識(shí)整理，都是比較簡(jiǎn)單的內(nèi)容，需要的朋友可以參考下2016-10-14flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫(huà)
這篇教程是向腳本之家的朋友分享flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫(huà)方法，教程比較基礎(chǔ)，適合新手來(lái)學(xué)習(xí)，推薦到腳本之家，一起來(lái)學(xué)習(xí)吧2016-09-28flash怎么制作翻滾的文字動(dòng)畫(huà)? flash動(dòng)態(tài)文字制作教程
flash怎么制作翻滾的文字動(dòng)畫(huà)？想制作會(huì)呢多蚊子上下翻滾的一段動(dòng)畫(huà)，該怎么制作呢？下面我們就來(lái)看看flash動(dòng)態(tài)文字制作教程，需要的朋友可以參考下2016-09-23flash怎么制作一個(gè)桂花飄香的樹(shù)下賞月的動(dòng)畫(huà)?
flash怎么制作一個(gè)桂花飄香的樹(shù)下賞月的動(dòng)畫(huà)？馬上就是中秋了，想做一個(gè)動(dòng)畫(huà)卡片，就是在一顆飄香的桂花樹(shù)下擺一桌中秋晚餐的動(dòng)畫(huà)，該怎么制作呢？請(qǐng)看下文詳細(xì)介紹，需要2016-09-14- 這篇教程是向腳本之家的朋友分享flash制作推窗的gif動(dòng)畫(huà)效果方法，教程制作出來(lái)的效果非常漂亮，難度不是很大，值得大家學(xué)習(xí)，一起來(lái)看看吧2016-09-07
flash繪制勢(shì)能動(dòng)能相互轉(zhuǎn)化的動(dòng)畫(huà)效果
這篇教程是向腳本之家的朋友分享flash繪制勢(shì)能動(dòng)能相互轉(zhuǎn)化的動(dòng)畫(huà)效果方法，教程繪制出來(lái)的動(dòng)畫(huà)效果非常不錯(cuò)，難度不是很大，一起來(lái)學(xué)習(xí)吧2016-08-31