學(xué)習(xí)啦>學(xué)習(xí)電腦>工具軟件>圖像處理教程>Fireworks>

fireworks制作線框運(yùn)動(dòng)

時(shí)間: 健麗747 分享

  在fireworks中制作線框運(yùn)動(dòng)是不是很酷,把你的照片也加上這樣的邊框,讓你的朋友對(duì)你佩服得四腳朝天。那么下面小編給大家整理了關(guān)于fireworks制作線框運(yùn)動(dòng)的方法,希望大家喜歡。

  fireworks制作線框運(yùn)動(dòng)的效果圖

  fireworks制作線框運(yùn)動(dòng)的方法步驟

  1、首先打開一張圖片,選中該圖片,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面板,拖畫出一個(gè)長(zhǎng)為150象素,寬為3象素的矩形。選中該矩形,edit>clone克隆出一個(gè),把這兩個(gè)矩形,分別放在圖片的上,下邊,再用矩形工具拖畫出一個(gè)豎放的矩形,長(zhǎng)為144象素,寬為3象素。然后克隆出一個(gè),把它們分別放在圖片的左右兩側(cè)。如圖所示

  4,在fireworks中用直線工具,畫一條長(zhǎng)180象素的線段,選中該線段,打開storke面板,進(jìn)行如圖設(shè)置

  5、點(diǎn)擊面板右上角的黑色小箭頭,在彈出的菜單中,選擇edit storke ,隨后彈出一個(gè)設(shè)置框,在options面板中如圖設(shè)置

  6、再點(diǎn)開shape面板,把square前面的框勾選上,如果不勾選它,默認(rèn)的虛線由圓點(diǎn)組成。

  7、這時(shí)我們發(fā)現(xiàn),剛才畫出的線段變成了由矩形組成的虛線了,選中該線段,按f8鍵,在彈出的對(duì)話框中,把graphic前面的框勾選上,這條白色虛線被我們定義成了符號(hào),我們可以隨時(shí)調(diào)用它。

  8、現(xiàn)在我們要開始制作四個(gè)虛線運(yùn)動(dòng)的動(dòng)畫,它們分別是從左向右運(yùn)動(dòng),從上向下運(yùn)動(dòng),從右向左運(yùn)動(dòng),從下向上運(yùn)動(dòng)。從而形成一個(gè)圍繞黑色邊框運(yùn)動(dòng)的效果。先做一個(gè)虛線從左向右的動(dòng)畫符號(hào),insert>new symbol在彈出的對(duì)話框中,我們?cè)趎ame中,命名為1,把a(bǔ)nimation前面的框勾選上,隨后彈出一個(gè)動(dòng)畫符號(hào)編輯區(qū),打開library面板,我們剛才定義的虛線符號(hào)就在里面,按住鼠標(biāo)左鍵不放,把這個(gè)符號(hào)拖到動(dòng)畫符號(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)畫符號(hào)就做好了,好,把編輯區(qū)關(guān)閉。

  9、這一步,我們將做一個(gè)從上向下運(yùn)動(dòng)的動(dòng)畫符號(hào),insert>new symbol在彈出的對(duì)話框中,我們?cè)趎ame中,命名為2,把a(bǔ)nimation前面的框勾選上,在隨后彈出的動(dòng)畫符號(hào)編輯區(qū)中,把虛線符號(hào)從library面板拖到編輯區(qū),因?yàn)橐鲆粋€(gè)從上向下的動(dòng)畫,所以虛線應(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)畫符號(hào)和一個(gè)從下向上運(yùn)動(dòng)的動(dòng)畫符號(hào),制作方法和上面相同,只是把克隆出的線段分別向左移8個(gè)象素。向上移8個(gè)象素。這里就不再重復(fù)了。把這四個(gè)運(yùn)動(dòng)方向的動(dòng)畫符號(hào)完成!

  11,回到編輯區(qū),打開library面板,把動(dòng)畫符號(hào)1(從左向右運(yùn)動(dòng))拖放到編輯區(qū),把它和上面的黑色矩形對(duì)齊好。選取動(dòng)畫1,edit>cut,把它剪切,然后選中上面的黑色矩形,edit>paste inside

  12、把動(dòng)畫符號(hào)2(從上向下運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和左邊的黑色矩形對(duì)齊,然后選中動(dòng)畫2,edit>cut。再選中左邊的黑色矩形,edit>paste inside。

  13、把動(dòng)畫符號(hào)3(從右向左運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和下邊的黑色矩形對(duì)齊,然后選中動(dòng)畫3,edit>cut。再選中下邊的黑色矩形,edit>paste inside。

  14、把動(dòng)畫符號(hào)4(從下向上運(yùn)動(dòng))從library面板拖到編輯區(qū),把它和右邊的黑色矩形對(duì)齊,然后選中動(dòng)畫4,edit>cut。再選中右邊的黑色矩形,edit>paste inside。最后效果如圖


看過“ fireworks制作線框運(yùn)動(dòng)“的認(rèn)還看了:

1.Fireworks教程:介紹兩種漸隱線的制作方法

2.用Fireworks做邊框

3.Fireworks繪制線條規(guī)律旋轉(zhuǎn)網(wǎng)狀特效

4.Fireworks漸隱線的兩種做法

5.Fireworks如何使用線的樣式

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)
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • fireworks制作圓形印章
    fireworks制作圓形印章

    用 fireworks做圓形印章的問題,就是外面圓圈,那怎么實(shí)現(xiàn)呢?那么下面小編給大家整理了關(guān)于fireworks制作圓形印章的方法,希望大家喜歡。 fireworks制作圓形

  • fireworks制作圓角按鈕圖
    fireworks制作圓角按鈕圖

    做網(wǎng)站的朋友肯定知道Fireworks,它是一款圖像處理軟件,雖然沒有Photoshop功能那么強(qiáng)大,但足以滿足網(wǎng)頁(yè)設(shè)計(jì)的需要。那么下面小編給大家整理了關(guān)于fir

  • fireworks剪切圓角圖片
    fireworks剪切圓角圖片

    網(wǎng)頁(yè)中經(jīng)??吹綀A角矩形的圖片,很好看,那是怎么做出來(lái)的呢?方法很簡(jiǎn)單。那么下面小編給大家整理了關(guān)于fireworks剪切圓角圖片的方法,希望大家喜歡。

  • fireworks制作勛章
    fireworks制作勛章

    我們公司要舉辦這次勛章征集活動(dòng)。弄了這個(gè)教程,大家可以發(fā)揮自己的想象力、制作力、創(chuàng)造力,親自動(dòng)手。那么下面小編給大家整理了關(guān)于 fireworks制作

661193