關(guān)于空間模塊鼠標(biāo)跟隨‘文字效果’的教程很多,制作過程也很簡單。 但鼠標(biāo)跟隨‘特效’教程貌似很少看到! 今天畢桑就用元旦空閑的一天時間,把這份特效分享給大家,同時祝友友們新年快樂^ ^
難度指數(shù):★★★☆☆ 圖片素材:QQ空間商城 ════════════════════════════════════════════════════════════════════════════ 首先看下最終效果:
(效果提示:只要掌握了制作方法,你就可以自己轉(zhuǎn)變其它形狀,作為效果) ═════════════════════════════════════════════════════════════════════════════ 初學(xué)者朋友先來認(rèn)識本章教程Flash工具及路徑 如下圖所示:
制作步驟 1: ⑴·先在Photoshop中處理好一張自己要做空間效果的模塊,保存為PNG格式 如下圖所示:
⑵·打開FLASH把大小調(diào)整好(這里的大小是你所做的圖片大小)。 如下圖所示:
⑶·點(diǎn)擊設(shè)置好舞臺大小,背景顏色為灰色,確定。 如下圖所示:
[文件]-[導(dǎo)入]-[導(dǎo)入到舞臺]-找到電腦里你做好的背景圖導(dǎo)入到舞臺
如果你已經(jīng)在Flash中做好空間模塊的話,那么接下來就開始鼠標(biāo)跟隨特效制作吧!
2:繪制星星(懂的畫星的朋友就直接做好星狀,看3步驟) ⑴·點(diǎn)擊【插入】》【新建元素】》選擇【圖形】元件命名為‘圓點(diǎn)’ 如下圖所示:
⑵·選擇【橢圓工具】,在工具面板上將筆觸顏色設(shè)為無(紅色/樣式標(biāo)志),填充顏色設(shè)為白色, 按住鍵盤上的‘Shift鍵’不放,在舞臺上畫個正圓。 如下圖所示:
⑶·單擊下舞臺上的圓點(diǎn),打開右上角【顏色面板】選中【填充色】,選擇類型為【放射狀】 將右邊的Alpha值設(shè)為0% 如下圖所示:
⑷·點(diǎn)擊【插入】》【新建元素】》選擇【圖形】元件命名為‘橢圓’ 畫出一個放射狀的橢圓線狀 如下圖所示:
⑸·點(diǎn)擊【插入】》【新建元素】》選擇【圖形】元件命名為‘星星’ 先把庫中的‘圓點(diǎn)’圖形拖入舞臺,再把‘橢圓’拖入放在圓點(diǎn)上,對好中心點(diǎn), (注:我們可以先把舞臺倍數(shù)調(diào)到400%方便詳細(xì)操作,就在右上角的編輯元件) 如下圖所示:
⑹·打開右測的【對齊&信息&變形】面板,單擊【變形】屬性欄 設(shè)【旋轉(zhuǎn)】為45度,單擊下方的【復(fù)制并應(yīng)用變形】按鈕,單擊3下 如下圖所示:
此時舞臺上的橢圓線狀成‘米’形 ⑺·在變形面板上,把135度角的橢圓線狀,設(shè)寬度和高度60%,按下Enter回車鍵 如下圖所示:
接著單擊選擇舞臺上的,【45度角橢圓線狀】,在變形面板上,設(shè)寬度和高度60%,按下Enter回車鍵 如下圖所示:
這樣星狀就做好了,把右上角的編輯元件倍數(shù)放回100% 效果如下圖所示:
3:星星動的制作 ⑴·點(diǎn)擊【插入】》【新建元素】》選擇【影片剪輯】元件命名為‘1星星動’ 在【時間軸面板】上,點(diǎn)擊【添加運(yùn)動引導(dǎo)層】 如下圖所示:
⑵·選擇【鉛筆工具】,單擊【引導(dǎo)層】在舞臺上畫一條短線, 如下圖所示:
⑶·單擊【圖層1】,把庫中的【星星】圖形拖入舞臺,放置短線內(nèi)側(cè)端點(diǎn)。 如下圖所示:
如果你覺的星星太大,就選擇工具欄中的【任意變形工具】,按住鍵盤上的Shift鍵不放,把星星縮小些
⑷·選中【引導(dǎo)層】的第20幀,按F5插入幀, 選中【圖層1】的第20幀,按F6插入關(guān)鍵幀, 如下圖所示:
單擊【圖層1】的第20幀,把舞臺上的星星拉到短線的外側(cè)端點(diǎn), 并選擇【任意變形工具】把星星縮小,在下方屬性面板上設(shè)【顏色】為Alpha,值設(shè)為10% 在第1幀~第20幀任選一幀,右鍵,【創(chuàng)建補(bǔ)間動畫】 如下圖所示:
單擊【圖層1】的第5幀按F6插入關(guān)鍵幀,再單擊第1幀,單擊下舞臺中的星星圖形, 在下方屬性面板上設(shè)【顏色】為Alpha,值設(shè)為10% 如下圖所示:
4:按照(3:1星星動的步驟)各做出10個星星動,影片剪輯,分別為2星星動~10星星動 (注意事項:在畫引導(dǎo)層短線時,每次的線條角度各加大些)下面是10個線條的大概角度示范圖 如下圖所示:
直到做完10個星星動影片剪輯, 庫中元件效果如圖:
5:星按鈕制作 ⑴·點(diǎn)擊【插入】》【新建元素】》選擇【按鈕】元件命名為‘星按鈕’ 如下圖所示:
在【點(diǎn)擊】處,右鍵插入關(guān)鍵幀,選擇【矩形工具】, 將筆觸顏色設(shè)為無(紅色/樣式標(biāo)志),填充顏色設(shè)為白色, 在舞臺上畫出一個白色矩形(矩形不要太大,像下圖差不多大就好) 如下圖所示:
6:星星動總制作 ⑴·點(diǎn)擊【插入】》【新建元素】》選擇【影片剪輯】元件命名為‘星星動總’ 單擊【圖層1】的第1幀,右鍵,【插入空白關(guān)鍵幀】, 從庫中任意拖入幾個星星動影片剪輯到舞臺(1~10隨便拖入幾個),抽選幾個星星動影片剪輯,用【任意變形工具】旋轉(zhuǎn)點(diǎn)方向和縮小(這個做法是為了,不讓一會閃出的星星方向大小都一致) 如下圖所示:
在第21幀處,右鍵,【插入關(guān)鍵幀】 如下圖所示:
⑵·點(diǎn)擊時間軸面板上的【插入圖層】按鈕,添加【圖層2】, 在圖層2的第5幀處右鍵,【插入關(guān)鍵幀】 把庫中星星動影片剪輯拖入舞臺(任選幾個星星動影片剪輯),隨意拖入幾個,抽選幾個星星動影片剪輯,用【任意變形工具】旋轉(zhuǎn)點(diǎn)方向和縮小。 如下圖所示:
右鍵【圖層2】的第25幀處,【插入關(guān)鍵幀】 如下圖所示:
⑶·點(diǎn)擊時間軸面板上的【插入圖層】按鈕,添加【圖層3】, 在圖層3的第10幀處右鍵,【插入關(guān)鍵幀】 把庫中星星動影片剪輯拖入舞臺(任選幾個星星動影片剪輯),隨意拖入幾個,抽選幾個星星動影片剪輯,用【任意變形工具】旋轉(zhuǎn)點(diǎn)方向和縮小。 如下圖所示:
右鍵【圖層3】的第30幀處,【插入關(guān)鍵幀】 如下圖所示:
⑷·點(diǎn)擊時間軸面板上的【插入圖層】按鈕,添加【圖層4】, 單擊【圖層4】的第1幀處,把庫中的【星按鈕】拖入,放在剛剛擺放星星動的中心位置。 如下圖所示:
右鍵單擊【圖層4】的第1幀處在彈出選項中,選擇【動作】輸入下面AS腳本: stop(); ⑸·單擊下舞臺上的星按鈕圖形,當(dāng)屬性面板變成按鈕后,在舞臺中的星按鈕上右鍵-【動作】,輸入以下AS腳本: on (rollOver) { gotoAndPlay(2); } 這樣星星動總就完成了。
7:場景1的操作 ⑴·點(diǎn)擊【場景1】回到主場景,點(diǎn)擊時間軸面板上的【插入圖層】按鈕,添加【圖層2】 把庫中做好的,‘星星動總’拖入舞臺。 如下圖所示:
⑵·點(diǎn)擊【插入】>【時間軸特效】>【幫助】>【復(fù)制到網(wǎng)絡(luò)】 如下圖所示:
設(shè)行數(shù)為16,列數(shù)為32(這里要看你的模塊大小選擇數(shù)量,太少或太多就點(diǎn)擊‘編輯’后退一步) 如下圖所示:
⑶·復(fù)制好后效果,點(diǎn)擊【控制】測試影片效果(效果夠不理想的話,可以進(jìn)入庫中做細(xì)微調(diào)整) 如下圖所示:
這樣鼠標(biāo)跟隨特效就做完了。
8:效果提示: 如果你覺的跟隨效果太一致,可取消復(fù)制到網(wǎng)絡(luò)步驟,手動把庫中的‘星星動總’拖入舞臺,隨意擺放,還可用【任意編輯工具】旋轉(zhuǎn)些位置方向。 如下圖所示:
個人認(rèn)為這效果更佳,只是花點(diǎn)時間擺放^ ^
|