我們?cè)诤芏嗟胤蕉寄芸吹较旅孢@種邊框虛線流動(dòng)小動(dòng)畫(huà)，靈動(dòng)可愛(ài)。下面我們用Fireworks來(lái)制作一個(gè)。

效果圖

步驟一、新建一個(gè)88*31的空白圖片，背景色為白。 步驟二、選中線段工具，拉出一條長(zhǎng)88的直線（水平）。步驟三、將這條直線的筆觸選擇鉛筆，1像素，紋理為Grie5 100%，這條直線就形成了虛線的效果（也可以通過(guò)Fireworks的Command命令插件完成虛線的制作--此插件需自行加入）。如圖：

步驟四、選中剛才制作的虛線，按Ctrl+C復(fù)制，再按3次Ctrl+V粘貼，這樣就有了4條這樣的虛線，將其中的兩條旋轉(zhuǎn)90度，成為豎直的虛線，將4條虛線（2橫2豎）分別放到圖形的4個(gè)邊上。（如果旋轉(zhuǎn)后無(wú)法顯示虛線，請(qǐng)調(diào)節(jié)線段的筆觸大小）如圖：

步驟五：點(diǎn)擊幀面板下面的增加一個(gè)楨，復(fù)制第一楨中的所有線段圖形到第二幀，再細(xì)微調(diào)節(jié)四個(gè)邊上的相交處的虛線位置，讓2個(gè)幀有所區(qū)別。如圖：

步驟六：選擇菜單中的文件->輸出向?qū)В茨J(rèn)進(jìn)行，最后選擇輸出預(yù)覽中的動(dòng)畫(huà)菜單，將2個(gè)幀都選中，調(diào)節(jié)沒(méi)幀的速度為15，輸出成為GIF動(dòng)畫(huà)，如圖：

完成實(shí)例：

好了，一個(gè)邊框虛線移動(dòng)的logo做好了，很簡(jiǎn)單吧？同樣的，這也是一般動(dòng)畫(huà)logo的制作基礎(chǔ)，希望大家舉一反三，做出各種效果來(lái)。

以上就是Fireworks制作邊框虛線流動(dòng)的動(dòng)畫(huà)教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注好吧啦網(wǎng)。