Fireworks折疊漸變制作電視雪花動(dòng)畫
我要評(píng)論
無(wú)論在GIF動(dòng)畫中，還是在Flash 動(dòng)畫中，經(jīng)常會(huì)出現(xiàn)電視機(jī)沒有信號(hào)的雪花動(dòng)畫畫面，或者類似的動(dòng)態(tài)圖標(biāo)，現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動(dòng)畫的形式來制作一下。
1、以這個(gè)素材圖片為例，當(dāng)然，也可以自己繪制一個(gè)電視機(jī)：
2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫面選取成選區(qū)，容差值可以大些：
3、選擇菜單——將選取框轉(zhuǎn)換為路徑，得到電視畫面的輪廓路徑。當(dāng)然，也可以用鋼筆工具勾勒出電視畫面的路徑，這方面比較靈活，如果是自己繪制的電視機(jī)，那么電視畫面繪制時(shí)就已經(jīng)是路徑了，無(wú)需重新獲取：
4、取消電視畫面路徑的筆觸，填充成折疊漸變：
6、用選取工具拖動(dòng)漸變方向手柄，接近垂直或接近水平方向，但不能完全垂直或完全水平：
7、將漸變調(diào)整手柄移出路徑畫面：
8、選擇幀面板右上角的菜單按鈕，選取重制幀命令：
9、重制若干幀，這里重制了3幀：
10、依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：
導(dǎo)出GIF動(dòng)畫即可。如果是Flash里應(yīng)用，可以導(dǎo)出一個(gè)單幀的雪花畫面，導(dǎo)入到Flash里以后處理成逐幀動(dòng)畫，這里不再詳細(xì)說明。
PNG源文件：
再來一個(gè)GIF：
PNG：
以上就是Fireworks折疊漸變制作電視雪花動(dòng)畫的詳細(xì)內(nèi)容，更多關(guān)于Fireworks折疊漸變制作雪花動(dòng)畫的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
FireWorks設(shè)計(jì)制作動(dòng)畫Logo實(shí)例教程
Fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動(dòng)畫效果2013-09-02Fireworks利用濾鏡工具輕松制作可愛Gif動(dòng)畫實(shí)例教程
本章我們來教大家利用ireworks中的濾鏡工具來設(shè)計(jì)制作出，精致可愛的GIF動(dòng)畫效果圖片2013-08-30Fireworks用隕石背景打造飛火流星動(dòng)畫特效實(shí)例教程
本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動(dòng)畫實(shí)例教程2013-08-30Fireworks設(shè)計(jì)制作出具有GIF動(dòng)畫效果的BANNER實(shí)例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個(gè)平滑變色效果的Banner，相信這樣的Banner一定會(huì)讓您的網(wǎng)站增色不少2013-08-27fireworks下用運(yùn)動(dòng)模糊濾鏡制作下雨動(dòng)畫效果
絲絲小雨，帶給我們多少溫柔與浪漫，這篇教程里，我們將會(huì)用fireworks里的運(yùn)動(dòng)模糊濾鏡來制作出絲小雨的動(dòng)畫特效．希望大家在網(wǎng)頁(yè)設(shè)計(jì)中能有幫助2013-01-04- fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來輕松制作2013-01-03
fireworks 輕松繪制 banner廣告動(dòng)畫教程
本文中我們用fireworks來制作一個(gè)變色的banner，從中我們可以掌握符號(hào)（symbol）的使用、補(bǔ)間實(shí)例動(dòng)畫（tween instance）的制作、層(layers)和幀(frames)的基本用法，結(jié)尾2013-01-03- 漂亮的閃圖動(dòng)畫應(yīng)用范圍非常廣，不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用，還可以在QQ空間、論壇簽名、各類回貼和博客中使用。 學(xué)習(xí)要點(diǎn)：本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃2009-05-07
Fireworks教程:gif動(dòng)畫圖片批量增加水印
gif動(dòng)畫圖片批量增加水印效果.這個(gè)功能對(duì)于個(gè)人站長(zhǎng)是非常實(shí)用的。 處理后 1.用firework打開gif文件。 2.在gif上面加上水印效果(打上文字，設(shè)置透明2008-10-05- 不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程： http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05