Firworks制作連續(xù)滾動圖片的方法探討

朱晴

摘要：Firworks在矢量圖片的處理過程中發(fā)揮了有效的作用，通過對Firworks的概述以及其特征的探討，明確了其的功能作用，為其在連續(xù)滾動圖片的制作奠定了基礎(chǔ)，同時通過探討Firworks在圖片制作過程中的過程和方法，為類似的連續(xù)圖片的制作提供了可供參考的經(jīng)驗(yàn)。

關(guān)鍵詞：Firworks；制作；連續(xù)滾動圖片；方法

中圖分類號：TP3 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2013）08-1946-03

在網(wǎng)頁的設(shè)計(jì)和制作過程中，往往需要制作一幅連續(xù)滾動圖片作為網(wǎng)絡(luò)宣傳或者某個產(chǎn)品的廣告，由此應(yīng)根據(jù)不同的制作要求分為幾個類型，部分需要連續(xù)滾動，有的網(wǎng)頁需要在連續(xù)滾動的基礎(chǔ)上，當(dāng)鼠標(biāo)停留在其上之時能夠停止，讓瀏覽者能夠進(jìn)行進(jìn)一步的閱讀，有的設(shè)計(jì)需要上下左右進(jìn)行平移。無論是哪種圖片效果，一般都是使用flash進(jìn)行制作，單一設(shè)計(jì)的方法并不是最佳的設(shè)計(jì)途徑。

1 Fireworks簡述

對于Adobe Fireworks而言，實(shí)際上它是Adobe最新推出的網(wǎng)頁圖形制作軟件，它可提高Web網(wǎng)頁設(shè)計(jì)與開發(fā)效率，同時也是創(chuàng)建與優(yōu)化Web網(wǎng)頁圖像、快速建設(shè)網(wǎng)站以及快速建設(shè)Web界面的一項(xiàng)非常理想的工具。實(shí)踐中，它工具在矢量圖形、位圖圖像編輯過程中具有方便、靈活等特點(diǎn)，同時還可以提供資源庫，與 Photo shop、 Illustrator以及 Dream weaver、 Flash等軟件有效地集成在一起。通過Fireworks，可將設(shè)計(jì)有效地轉(zhuǎn)變成模型，或者采用Illustrator、Photo shop以及Flash等領(lǐng)域的資源；這樣就可以直接置于Dream weaver之中，然后輕松開發(fā)和部署。

事實(shí)上，F(xiàn)ireworks 是由Macro media發(fā)布的一種專門用于網(wǎng)絡(luò)圖形設(shè)計(jì)的編輯軟件，這樣可有效簡化Firework CS4在設(shè)計(jì)網(wǎng)絡(luò)圖形時的工作難度。該工具的出現(xiàn)和應(yīng)用，即對專業(yè)設(shè)計(jì)人員起到了很大的幫助，由對業(yè)余愛好者起到了有力的輔助作用，F(xiàn)ireworks工具的應(yīng)用不僅可以輕松地制作出具有動感、鮮活的動畫場面，而且在大圖切割、按鈕與翻轉(zhuǎn)圖動態(tài)控制方面也起到了非常顯著的作用。通過Macro media Fireworks 8工具，可更為直觀或者在預(yù)定的環(huán)境中對網(wǎng)頁圖像的精確進(jìn)行控制和優(yōu)化。Fireworks是當(dāng)前業(yè)界領(lǐng)域中比較優(yōu)越的工具，可實(shí)現(xiàn)最佳圖像品質(zhì)與壓縮量之間的有效平衡。同時，該工具與Macro media Dream weaver 、Macro media Flash 等，可共同構(gòu)成集成流程，并以此來創(chuàng)建和優(yōu)化圖像。通過這一工具的應(yīng)用，可有效避免因Roundtrip編輯過程中出現(xiàn)信息丟失和嚴(yán)重浪費(fèi)時間等現(xiàn)象。在此過程中，還可以通過可視化工具的使用，摒棄傳統(tǒng)的學(xué)習(xí)代碼，即可根據(jù)實(shí)際需要創(chuàng)建高品質(zhì)動畫和網(wǎng)頁圖像，比如對圖像、彈出菜單等進(jìn)行變換。

2 Fireworks的功能特征分析

該工具具有非常多的功能和特征，主要表現(xiàn)在以下幾個方面：

1）創(chuàng)建編輯與優(yōu)化圖像

實(shí)踐中，可矢量圖像與位圖圖像進(jìn)行創(chuàng)建和編輯，同時可導(dǎo)入Photo shop 、Illustrator等文件，然后對其進(jìn)行編輯。同時，它采用了跨平臺預(yù)覽以、JPEG選擇性壓縮和大量導(dǎo)出等相關(guān)控件，然后對交付圖像進(jìn)行有效的優(yōu)化。可導(dǎo)入PSD文件，在此過程中，主要是分層圖層、效果以及混合模式。把PNG）文件有效地保存成PSD格式；I導(dǎo)入AI類型的文件時，可保括圖層、顏色以及組等信息的圖形完整性。

2）原型構(gòu)建多頁支持

網(wǎng)站構(gòu)建和不同Internet程序的構(gòu)建與應(yīng)用，最后形成交互式的布局。同時，可將網(wǎng)站的原型有效地導(dǎo)出，放到Dream weaver之中，然后再將RIA導(dǎo)出，放到Adobe Flex之中。該工具采用了新頁面板，然后在單個PNG 文件之中創(chuàng)建很多的頁面，以實(shí)現(xiàn)不同頁面間的圖層共享。在此過程中，每一個頁面都能夠包含很多個性化的切片、幀、圖層、動畫以及畫布等設(shè)置，因此在原型中有利于對網(wǎng)站的流程進(jìn)行模擬。

3）組織方式、濾鏡效果以及集成簡化特點(diǎn)

參考文獻(xiàn)：

[1] 王丹， 王斌. 基于Java的虛擬現(xiàn)實(shí)技術(shù)在電子商務(wù)中的應(yīng)用[J]. 計(jì)算機(jī)應(yīng)用研究， 2002（4）.

[2] 康會來. JAVA 3D動畫的實(shí)現(xiàn)[J]. 電腦知識與技術(shù)，2005（06）.

[3] 滕鴻偉. 解決MP4瀏覽圖片“格式不支持”[J]. 網(wǎng)友世界，2011（9）.

[4] 杜文峰， 劉艷艷. 用Java Applet實(shí)現(xiàn)的樹型導(dǎo)航控件[J]. 電腦編程技巧與維護(hù)， 2002（2）.