- 相關(guān)推薦
firework使用基礎(chǔ)知識
firework由Macromedia（在2005年被Adobe收購）推出的一款網(wǎng)頁作圖軟件，軟件可以加速 Web設(shè)計與開發(fā)， 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。下面是小編幫大家整理的firework使用基礎(chǔ)知識，僅供參考，歡迎大家閱讀。
PNG文件格式
很多人預(yù)測PNG(Portable Network Graphics可移植的網(wǎng)絡(luò)圖形)將以其在WEB上的優(yōu)越文件格式取代象GIF和JPEG等傳統(tǒng)的圖象格式。PNG格式在處理WEB圖形方面的確有其獨到的長處：
1、無失真：不象JPEG圖形文件，在將圖片保存成PNG格式時，圖象不會丟失任何的顏色信息。
2、高壓縮率：PNG格式的文件甚至可以比GIF有更大的壓縮率。
3、支持位透明：PNG支持alpher通道透明，alpher通道透明不同與Index索引顏色透明之處在于：Index索引顏色透明要么是完全透明，要么是完全不透明;而alpher通道透明顏色可以使同種顏色之中部分透明而其它部分不透明。
4、伽碼(gamma)校正：PNG格式是第一種支持監(jiān)視器的伽碼設(shè)置修正，這使得PNG格式的圖象在任何平臺上都可以得到同樣的顯示效果。
5、支持真彩色：類似于JPEG圖象格式，PNG可以處理上百萬種的顏色。
6、強大的圖形再編輯性：在將圖片保存成PNG文件格式之后，重新在Fireworks中調(diào)出來編輯時，圖片仍然很好地保持了圖層的分隔和對象的分隔，并允許我們對該圖片的任何一獨立的部分做任意的修改。這大大方便了我們以后對該圖形的修改和編輯處理。
雖然到目前為止，大多數(shù)的瀏覽器還不能或者只能通過插件來實現(xiàn)對PNG文件格式的支持，但是我們可以預(yù)見，隨著PNG文件格式的不斷完善和普及，PNG圖片將很快成為續(xù)GIF和JPEG之后的第三種主要的WEB圖形格式。
在使用Fireworks進行一些操作時，它會有一些警告提示信息，就比如上面提到的“Dont show this again”如果你選擇了“不再提示我”，這個信息就不會再次出現(xiàn)了。但在某種情況下，你有想看到這個信息提示，你可以選擇：CommandsReset Warning Dialogs恢復(fù)警告提示)，則這個提示又會出現(xiàn)。
Fireworks的圖象導(dǎo)出
PNG被Fireworks視為自身的圖象格式，通過選取Save或Save as我們可以將Fireworks中處理的圖片保存成該文件格式。
目前所有WEB瀏覽器廣泛支持的僅有GIF和JPEG這兩種圖象格式，如何導(dǎo)出WEB的這兩種圖象格式呢?Fireworks為我們提供了非常好用的Export Preview(導(dǎo)出預(yù)覽)和Export Wizard(轉(zhuǎn)存精靈)兩大功能版塊，有關(guān)它們的詳細解說我們同樣可以查看在學(xué)習中心的相關(guān)文章。
在Fireworks中我們一般都是使用Export Preview功能版塊來導(dǎo)出包括GIF和JPEG在內(nèi)的各種格式的圖象文件，其實，細心的Fireworks還給我們提供了幾種其它的特殊導(dǎo)出：
Selected Slice：選擇切片，該特別導(dǎo)出允許你只導(dǎo)出切圖的其中一塊或幾塊切片。
Layers/Frames to Files：單獨導(dǎo)出圖象的其中一圖層或動畫的某一幀。
Css Layers：將圖片導(dǎo)出并放置在各自的CSS(Cascading Style Sheets)圖層中，如果在做WEB頁面要使用到該圖層時，可以將生成的代碼直接COPY到WEB頁面適當?shù)牡胤郊纯伞?/p>
Lotus Domino Image Well：導(dǎo)出用于Lotus Domino文檔中的Image Well格式。
Flash SWF：將動畫導(dǎo)出生成Flash電影的SWF文件格式。
Illustrator 7：將Fireworks圖象導(dǎo)出為Illustrator的.ai文件格式。
Fireworks的行為
選取菜單“Window-->Behaviors”打開行為功能面板，使用該功能面板，我們可以很容易做出各種簡單的滾蓋圖(rollover)、交互圖片、導(dǎo)航條、狀態(tài)欄文本信息等等。
與Dreamweaver的無縫結(jié)合
只要你將Dreamweaver的默認圖象編輯器設(shè)定為Fireworks，這樣在Fireworks中處理的Dreamweaver編輯器里的文件會立即跟隨更新。
可以在Dreamweaver中使用Fireworks提供的標準控制對圖片進行優(yōu)化處理，而無需打開Fireworks。
可以把Fireworks生成的代碼直接輸出到Dreamweaver的Library或直接挎貝到Dreamweaver網(wǎng)頁編輯器適當?shù)奈恢谩?/p>
利用Fireworks的Behaviors，可以非常方便地生成各種滾蓋圖或交互按鈕等等。
導(dǎo)入Fireworks2.0的Style
你是否因為Fireworks3.0少了好些Fireworks2.0中的風格模式(Styles)而在著急呢?不用急，先找到你原來Fireworks2.0的安裝目錄MacromediaFireworks 2SettingsStyles下的“Style Defaults.stl”文件，然后將它COPY到你Fireworks3.0的相同安裝目錄下，再開啟你的Fireworks3.0，點擊Style功能面板右上角的小三角形，在彈出的菜單中選取“Import Styles”命令，導(dǎo)入你剛COPY過Fireworks3.0安裝目錄下的該.stl文件即可。
網(wǎng)頁切法
切片在制作網(wǎng)頁的過程中占有很重要的地位，切片的成功與否直接決定日后網(wǎng)頁制作的進度快慢和網(wǎng)站運行的速度，只有通過大量的練習才能體會切片的含義
切片介紹
1． 切片是將圖片轉(zhuǎn)換成可編輯網(wǎng)頁的一座橋梁，通過切片才可以將普通圖片變成Dreamweaver可以編輯的網(wǎng)頁格式
2． 切片后的圖像可以更快的在網(wǎng)絡(luò)上傳播
3． 切片后的圖像也是網(wǎng)頁中片的主要來源
切片方法
1． 切片首先保證切出網(wǎng)頁中需要多次修改的區(qū)域，例如文字區(qū)域
2． 切片圖像的大小盡量保持在15K以內(nèi)（便于網(wǎng)絡(luò)傳輸）
3． 充分利用Dreamweaver中的自動拼貼功能減少垃圾切片
操作技巧
技巧1：使用鍵盤的方向鍵移動對象時，按住【Shift】鍵不放，每次可以移動10個像素。
技巧2：使用【指針】工具移動對象時，按住【Shift】鍵不放，可以保證其水平或垂直移動。
技巧3：按住【Alt】鍵不放拖拽某個對象，即可對其進行復(fù)制。但是自動形狀不能用這個操作，因為自動形狀是一種組合狀態(tài)，可以使用復(fù)制粘貼命令復(fù)制。
技巧4：對于所有的形狀繪制工具而言，按住【Shift】鍵不放進行繪制，可以保證其寬高比始終為1：1。
技巧5：使用基本形狀工具繪制形狀時，按住【空格】鍵不放，不要松開鼠標左鍵，可以移動矢量圖形的位置。繪制選區(qū)的時候也是如此。
技巧6：使用【矩形】工具繪制矩形時，按住鍵盤的上或下鍵不放，不要松開鼠標左鍵，可以增加或減少矩形的圓度。
技巧7：需要選擇組內(nèi)對象時，并不需要取消組合，可以選擇【部分選定】工具來選擇組內(nèi)對象，這對于多個組合對象的編輯來說非常方便。
技巧8：使用【鋼筆】工具繪制路徑的過程中，按住【Alt】鍵不放，可以隨時調(diào)整路徑點的控制手柄。
技巧9：使用【刷子】工具繪制圖像時，按住【Shift】鍵不放，繪制出出一條水平或垂直線后，釋放鼠標，但不要松開【Shift】鍵，繼續(xù)繪制，fireworks會把所畫前一條線的終點和后一條線的起點連接起來。
技巧10：按住【Alt】鍵，單擊【層】面板中的位圖圖層，可以根據(jù)位圖的形狀獲得選區(qū)。
技巧11：繪制多個選區(qū)時，按住【Shift】鍵表示增加選區(qū)；按住【Alt】鍵表示減選區(qū)；按住【Shift】+【Alt】鍵表示對選區(qū)進行交集運算。
技巧12：在給選區(qū)填充顏色時，可以使用【Alt】+【Delete】鍵快速填充顏色，與photoshop里填充前景色的快捷鍵一樣。
技巧13：按快捷鍵【Ctrl】+【F8】，可以創(chuàng)建一個新的元件。
技巧14：按住【Ctrl】鍵，單擊【混色器】面板下方的顏色欄，可以快速切換到不同的顏色模式。
技巧15：在顏色彈窗口采集顏色時，按住【Shift】鍵可以確保獲得的顏色為網(wǎng)絡(luò)安全色。
技巧16：如果要給輔助線精確定位，可以在輔助線上雙擊鼠標左鍵，在彈出的【移動引導(dǎo)線】對話框中輸入詳細的坐標。
技巧17：在【層】面板中，選中蒙板圖標并像移動圖層那樣按住蒙板圖標將其移動到其他位置，這樣可以刪除蒙板，并且保留下了蒙板對象。
技巧18：使用【文本】工具單擊已經(jīng)創(chuàng)建的文本，待光標轉(zhuǎn)換為文本光標時，按住鍵盤上的【Ctrl】加鍵盤的左右鍵可以用來改變字符間距，按住【Ctrl】加鍵盤的上下鍵可以用來改變文本的行距。
學(xué)習輔導(dǎo)教材，網(wǎng)絡(luò)上有很多文字圖片類的和視頻類的教程。另外看書本結(jié)合練習也是很好的選擇！
羽化方法
用Fireworks對位圖邊緣進行羽化，這是在fireworks運用中常用到的功能，希望對大家學(xué)習fireworks有所幫助。
方法一
一、導(dǎo)入位圖
二、用橢圓工具，在位圖上畫一個橢圓，填充色為黑色。并在其fill面板中，設(shè)置edge為feather，默認為10，不過我們可以設(shè)得比較大。
三、用黑色箭頭工具全選這二個物體。
四、菜單modify中的mask命令，并在其后序菜單中選擇group as mask.
五、這樣圖片邊緣羽化也就完成了。用mask做羽化有一個好處，就是當你選擇這個圖片時，邊框是藍色的時候，選中當中的藍色標記，就能把改變圖片的位置。呵呵，這樣你就不需要擔心選擇的地方不正確了，只要確定好最終的圖片大小 ，就能隨意調(diào)節(jié)羽化圖片的哪一部份。
六、取消羽化。Modify菜單的最下面命令，ungroup,就能取消羽化，把圖片還原成原先的位圖和黑色的橢圓形。
方法二
一、在文件中導(dǎo)入一張需要被羽化的位圖（菜單 %26gt; file %26gt; import）
二、在工具欄中選擇橢圓形選擇工具或是矩形選擇工具，在位圖需要羽化的部位進行選擇。
三、菜單 %26gt; modify %26gt; marquee %26gt; feather命令。
四、在featherselection對話框中設(shè)置羽化的半徑，這里我選了20個象素，點擊OK
五、用黑色箭頭工具，把這個選擇框拉到一邊，相應(yīng)的圖片也跟著移到旁邊。
六、我們可以把不需要的圖片刪除，也可以把這個已經(jīng)羽化完了的圖片復(fù)制到別的文件中去。
【firework使用基礎(chǔ)知識】相關(guān)文章：
firework繪制燈泡的方法11-11
Photoshop的基礎(chǔ)知識08-10
cpu基礎(chǔ)知識02-24
Java基礎(chǔ)知識精選02-20
泰語入門基礎(chǔ)知識03-03
C語言基礎(chǔ)知識12-20
PS入門基礎(chǔ)知識03-19
PS基礎(chǔ)知識匯總03-03