fireworks制作線框運(yùn)動(dòng)
在fireworks中制作線框運(yùn)動(dòng)是不是很酷,把你的照片也加上這樣的邊框,讓你的朋友對(duì)你佩服得四腳朝天。那么下面小編給大家整理了關(guān)于fireworks制作線框運(yùn)動(dòng)的方法,希望大家喜歡。
fireworks制作線框運(yùn)動(dòng)的效果圖
fireworks制作線框運(yùn)動(dòng)的方法步驟
1、首先打開(kāi)一張圖片,選中該圖片,modify>transform>numeric transform在彈出的設(shè)置框中,選中resize重新設(shè)置圖片的尺寸,這里我們把圖片的長(zhǎng)和寬設(shè)為150pixels(象素),你也可以隨意把長(zhǎng)寬設(shè)置。modify>canvas color在彈出的設(shè)置框中,把custom前面的框勾選,然后選一種你喜歡的背景色。要把圖片的長(zhǎng)和寬記住,因?yàn)槲覀円獮樗由线吙颉?/p>
2,在fireworks中雙擊layern面板中的background背景層,在彈出的對(duì)話框中,把share across frames前面的框勾選上。使背景層共亨。
3、然后新建一層layer1,在layer1層中,我們給圖片加上黑色邊框,用工具箱中的矩形工具,參照info面板,拖畫(huà)出一個(gè)長(zhǎng)為150象素,寬為3象素的矩形。選中該矩形,edit>clone克隆出一個(gè),把這兩個(gè)矩形,分別放在圖片的上,下邊,再用矩形工具拖畫(huà)出一個(gè)豎放的矩形,長(zhǎng)為144象素,寬為3象素。然后克隆出一個(gè),把它們分別放在圖片的左右兩側(cè)。如圖所示
4,在fireworks中用直線工具,畫(huà)一條長(zhǎng)180象素的線段,選中該線段,打開(kāi)storke面板,進(jìn)行如圖設(shè)置
5、點(diǎn)擊面板右上角的黑色小箭頭,在彈出的菜單中,選擇edit storke ,隨后彈出一個(gè)設(shè)置框,在options面板中如圖設(shè)置
6、再點(diǎn)開(kāi)shape面板,把square前面的框勾選上,如果不勾選它,默認(rèn)的虛線由圓點(diǎn)組成。
7、這時(shí)我們發(fā)現(xiàn),剛才畫(huà)出的線段變成了由矩形組成的虛線了,選中該線段,按f8鍵,在彈出的對(duì)話框中,把graphic前面的框勾選上,這條白色虛線被我們定義成了符號(hào),我們可以隨時(shí)調(diào)用它。
8、現(xiàn)在我們要開(kāi)始制作四個(gè)虛線運(yùn)動(dòng)的動(dòng)畫(huà),它們分別是從左向右運(yùn)動(dòng),從上向下運(yùn)動(dòng),從右向左運(yùn)動(dòng),從下向上運(yùn)動(dòng)。從而形成一個(gè)圍繞黑色邊框運(yùn)動(dòng)的效果。先做一個(gè)虛線從左向右的動(dòng)畫(huà)符號(hào),insert>new symbol在彈出的對(duì)話框中,我們?cè)趎ame中,命名為1,把a(bǔ)nimation前面的框勾選上,隨后彈出一個(gè)動(dòng)畫(huà)符號(hào)編輯區(qū),打開(kāi)library面板,我們剛才定義的虛線符號(hào)就在里面,按住鼠標(biāo)左鍵不放,把這個(gè)符號(hào)拖到動(dòng)畫(huà)符號(hào)編輯區(qū),選中編輯區(qū)的虛線符號(hào),edit>clone克隆一個(gè),選中克隆出的虛線,按8下電腦鍵盤上的右方向鍵,把克隆出的虛線向右移動(dòng)8個(gè)象素。同時(shí)選中這兩個(gè)虛線段,modify>symbol>tween instances在彈出的對(duì)話框中如圖設(shè)置。這樣一個(gè)從左向右運(yùn)動(dòng)的動(dòng)畫(huà)符號(hào)就做好了,好,把編輯區(qū)關(guān)閉。
9、這一步,我們將做一個(gè)從上向下運(yùn)動(dòng)的動(dòng)畫(huà)符號(hào),insert>new symbol在彈出的對(duì)話框中,我們?cè)趎ame中,命名為2,把a(bǔ)nimation前面的框勾選上,在隨后彈出的動(dòng)畫(huà)符號(hào)編輯區(qū)中,把虛線符號(hào)從library面板拖到編輯區(qū),因?yàn)橐鲆粋€(gè)從上向下的動(dòng)畫(huà),所以虛線應(yīng)是豎立的,選中虛線,modify>numeric transform在彈出的設(shè)置框中,選擇rotate,角度設(shè)為90度。這樣我們得到了一個(gè)豎著的虛線段。然后克隆出一個(gè)線段,用電腦鍵盤上的下方向鍵按8下,同時(shí)選取編輯區(qū)的兩個(gè)線段,modify>symbol>tween instances在彈出的對(duì)話框中steps:2,把distribute to frames勾選上。
10,再做出一個(gè)從右向左運(yùn)動(dòng)的動(dòng)畫(huà)符號(hào)和一個(gè)從下向上運(yùn)動(dòng)的動(dòng)畫(huà)符號(hào),制作方法和上面相同,只是把克隆出的線段分別向左移8個(gè)象素。向上移8個(gè)象素。這里就不再重復(fù)了。把這四個(gè)運(yùn)動(dòng)方向的動(dòng)畫(huà)符號(hào)完成!
11,回到編輯區(qū),打開(kāi)library面板,把動(dòng)畫(huà)符號(hào)1(從左向右運(yùn)動(dòng))拖放到編輯區(qū),把它和上面的黑色矩形對(duì)齊好。選取動(dòng)畫(huà)1,edit>cut,把它剪切,然后選中上面的黑色矩形,edit>paste inside
12、把動(dòng)畫(huà)符號(hào)2(從上向下運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和左邊的黑色矩形對(duì)齊,然后選中動(dòng)畫(huà)2,edit>cut。再選中左邊的黑色矩形,edit>paste inside。
13、把動(dòng)畫(huà)符號(hào)3(從右向左運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和下邊的黑色矩形對(duì)齊,然后選中動(dòng)畫(huà)3,edit>cut。再選中下邊的黑色矩形,edit>paste inside。
14、把動(dòng)畫(huà)符號(hào)4(從下向上運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和右邊的黑色矩形對(duì)齊,然后選中動(dòng)畫(huà)4,edit>cut。再選中右邊的黑色矩形,edit>paste inside。最后效果如圖
看過(guò)“ fireworks制作線框運(yùn)動(dòng)“的認(rèn)還看了: