Fireworks 精美橫向閃圖漂亮動(dòng)畫(huà)
發(fā)布時(shí)間:2009-05-07 01:13:16 作者:佚名
我要評(píng)論

漂亮的閃圖動(dòng)畫(huà)應(yīng)用范圍非常廣,不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用,還可以在QQ空間、論壇簽名、各類(lèi)回貼和博客中使用。
學(xué)習(xí)要點(diǎn):本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃底素材、將閃底素材粘貼于圖像內(nèi)部的制作方法。
我們先來(lái)欣賞一下漂亮的閃圖。
漂亮的閃圖動(dòng)畫(huà)應(yīng)用范圍非常廣,不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用,還可以在QQ空間、論壇簽名、各類(lèi)回貼和博客中使用。
學(xué)習(xí)要點(diǎn):本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃底素材、將閃底素材粘貼于圖像內(nèi)部的制作方法。
我們先來(lái)欣賞一下漂亮的閃圖。



#p#
制作步驟:
1.用Fireworks軟件打開(kāi)一個(gè)漂亮的圖片,利用左邊“工具箱”中的
“魔棒工具”點(diǎn)選白色背景處,使白色的背景被全選出來(lái)。
2.按下鍵盤(pán)上的Delete刪除鍵,刪除選區(qū)中的內(nèi)容,使這個(gè)圖片背景擁有透明背景,按Ctrl+D取消選區(qū)。
3.接下來(lái)在“幀”面板中將第1幀拖到“新建/重制幀”按鈕上
2次,如下圖所示,共制作成3幀。(一般是看閃底素材有多少幀,然后就復(fù)制幾幀)。

#p#
4.回到第1幀,再次利用“工具箱”中的
“魔棒工具”點(diǎn)圖片中MM的頭發(fā),選中大片的頭發(fā)黑色,然后選擇菜單中的“選擇”—“將選取框轉(zhuǎn)換為路徑”命令。
5.將頭發(fā)選區(qū)轉(zhuǎn)換為路徑,然后利用相同的方法,用魔棒將衣服和褲子都選中來(lái)轉(zhuǎn)化為路徑,如下圖所示:
6.單擊第1幀,然后選擇菜單中“文件”—“導(dǎo)入”(Ctrl+R),選擇導(dǎo)入幾張閃底素材圖,分別對(duì)應(yīng)頭發(fā)/衣服/褲子的顏色。
#p#
7.我們先來(lái)制作頭發(fā)的閃動(dòng)效果,分別單擊“背景圖層”上紅色和黑色閃底層前的
,隱藏這二層。因?yàn)橛脕?lái)制作頭發(fā)的閃底是橫向的,不能完全覆蓋頭發(fā),所以我們利用菜單“修改”—“變形”—“旋轉(zhuǎn)90度”將其旋轉(zhuǎn)覆蓋頭發(fā)。
8.選中用于制作頭發(fā)的閃圖對(duì)象,按下Ctrl+X剪切下來(lái),點(diǎn)選頭發(fā)的路徑,選擇菜單中“編輯”—“粘貼于內(nèi)部”(Ctrl+Shift+V)命令,將其動(dòng)畫(huà)效果粘于頭發(fā)路徑中。
效果如下圖所示:
#p#
9.再利用剛才的方法分別將衣服路徑和褲子路徑都填充相應(yīng)的閃圖,如下圖所示:
(用這種導(dǎo)入閃底素材+粘貼于內(nèi)部的制作方法,可以省去相當(dāng)大的工作量,是一種別出心裁的方法喲!)
10.圖是制作完成了,現(xiàn)在是最關(guān)鍵的保存工作,為什么說(shuō)保存工作比較重要呢?這是因?yàn)楸4鏁r(shí)會(huì)有些屬性需要選擇,如果直接保存有可能得不到gif背景透明的動(dòng)態(tài)效果。保存的方法是選擇菜單中“文件”—“圖像預(yù)覽”命令,在“圖像預(yù)覽”窗口中選擇其“格式”為gif動(dòng)畫(huà),再設(shè)置調(diào)色板最下方的透明度為“Alpha透明度”,然后再點(diǎn)擊預(yù)覽圖標(biāo)
預(yù)覽看一下動(dòng)畫(huà)效果,滿意后再單擊“導(dǎo)出”按鈕導(dǎo)出gif圖像。
到此,閃圖就制作完成了,來(lái)看一下原圖和完成效果的對(duì)比吧??!
最后送給大家一些閃底素材。
#p#
閃底素材如下。朋友們單擊圖片另存即可:








學(xué)習(xí)要點(diǎn):本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃底素材、將閃底素材粘貼于圖像內(nèi)部的制作方法。
我們先來(lái)欣賞一下漂亮的閃圖。






#p#
制作步驟:
1.用Fireworks軟件打開(kāi)一個(gè)漂亮的圖片,利用左邊“工具箱”中的


2.按下鍵盤(pán)上的Delete刪除鍵,刪除選區(qū)中的內(nèi)容,使這個(gè)圖片背景擁有透明背景,按Ctrl+D取消選區(qū)。

3.接下來(lái)在“幀”面板中將第1幀拖到“新建/重制幀”按鈕上



#p#
4.回到第1幀,再次利用“工具箱”中的


5.將頭發(fā)選區(qū)轉(zhuǎn)換為路徑,然后利用相同的方法,用魔棒將衣服和褲子都選中來(lái)轉(zhuǎn)化為路徑,如下圖所示:


6.單擊第1幀,然后選擇菜單中“文件”—“導(dǎo)入”(Ctrl+R),選擇導(dǎo)入幾張閃底素材圖,分別對(duì)應(yīng)頭發(fā)/衣服/褲子的顏色。

#p#
7.我們先來(lái)制作頭發(fā)的閃動(dòng)效果,分別單擊“背景圖層”上紅色和黑色閃底層前的


8.選中用于制作頭發(fā)的閃圖對(duì)象,按下Ctrl+X剪切下來(lái),點(diǎn)選頭發(fā)的路徑,選擇菜單中“編輯”—“粘貼于內(nèi)部”(Ctrl+Shift+V)命令,將其動(dòng)畫(huà)效果粘于頭發(fā)路徑中。

效果如下圖所示:

#p#
9.再利用剛才的方法分別將衣服路徑和褲子路徑都填充相應(yīng)的閃圖,如下圖所示:


(用這種導(dǎo)入閃底素材+粘貼于內(nèi)部的制作方法,可以省去相當(dāng)大的工作量,是一種別出心裁的方法喲!)
10.圖是制作完成了,現(xiàn)在是最關(guān)鍵的保存工作,為什么說(shuō)保存工作比較重要呢?這是因?yàn)楸4鏁r(shí)會(huì)有些屬性需要選擇,如果直接保存有可能得不到gif背景透明的動(dòng)態(tài)效果。保存的方法是選擇菜單中“文件”—“圖像預(yù)覽”命令,在“圖像預(yù)覽”窗口中選擇其“格式”為gif動(dòng)畫(huà),再設(shè)置調(diào)色板最下方的透明度為“Alpha透明度”,然后再點(diǎn)擊預(yù)覽圖標(biāo)


到此,閃圖就制作完成了,來(lái)看一下原圖和完成效果的對(duì)比吧??!


最后送給大家一些閃底素材。
#p#
閃底素材如下。朋友們單擊圖片另存即可:










相關(guān)文章
FireWorks設(shè)計(jì)制作動(dòng)畫(huà)Logo實(shí)例教程
Fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果,下面我們就來(lái)看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來(lái)輕松制作如下圖所示的動(dòng)畫(huà)效果2013-09-02Fireworks利用濾鏡工具輕松制作可愛(ài)Gif動(dòng)畫(huà)實(shí)例教程
本章我們來(lái)教大家利用ireworks中的濾鏡工具來(lái)設(shè)計(jì)制作出,精致可愛(ài)的GIF動(dòng)畫(huà)效果圖片2013-08-30Fireworks用隕石背景打造飛火流星動(dòng)畫(huà)特效實(shí)例教程
本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動(dòng)畫(huà)實(shí)例教程2013-08-30Fireworks設(shè)計(jì)制作出具有GIF動(dòng)畫(huà)效果的BANNER實(shí)例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個(gè)平滑變色效果的Banner,相信這樣的Banner一定會(huì)讓您的網(wǎng)站增色不少2013-08-27fireworks下用運(yùn)動(dòng)模糊濾鏡制作下雨動(dòng)畫(huà)效果
絲絲小雨,帶給我們多少溫柔與浪漫,這篇教程里,我們將會(huì)用fireworks里的運(yùn)動(dòng)模糊濾鏡來(lái)制作出絲小雨的動(dòng)畫(huà)特效.希望大家在網(wǎng)頁(yè)設(shè)計(jì)中能有幫助2013-01-04firewords 一款動(dòng)畫(huà)logo制作方法
fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫(huà)效果,下面我們就來(lái)看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來(lái)輕松制作2013-01-03fireworks 輕松繪制 banner廣告動(dòng)畫(huà)教程
本文中我們用fireworks來(lái)制作一個(gè)變色的banner,從中我們可以掌握符號(hào)(symbol)的使用、補(bǔ)間實(shí)例動(dòng)畫(huà)(tween instance)的制作、層(layers)和幀(frames)的基本用法,結(jié)尾2013-01-03Fireworks教程:gif動(dòng)畫(huà)圖片批量增加水印
gif動(dòng)畫(huà)圖片批量增加水印效果.這個(gè)功能對(duì)于個(gè)人站長(zhǎng)是非常實(shí)用的。 處理后 1.用firework打開(kāi)gif文件。 2.在gif上面加上水印效果(打上文字,設(shè)置透明2008-10-05Fireworks折疊漸變制作電視雪花動(dòng)畫(huà)
無(wú)論在GIF動(dòng)畫(huà)中,還是在Flash 動(dòng)畫(huà)中,經(jīng)常會(huì)出現(xiàn)電視機(jī)沒(méi)有信號(hào)的雪花動(dòng)畫(huà)畫(huà)面,或者類(lèi)似的動(dòng)態(tài)圖標(biāo),現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動(dòng)畫(huà)的形式來(lái)制作一下2008-10-05Fireworks教程:動(dòng)畫(huà)制作的技巧
不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺(jué)以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程: http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05