fireworks cs5標(biāo)準(zhǔn)實(shí)例教程 第1章 初識(shí)Fireworks CS5

第1章初識(shí)FireworksCS5

本章重點(diǎn)Fireworks可以與多種產(chǎn)品集成在一起，包括Adobe的其它產(chǎn)品（如Dreamweaver、Flash、FreeHand和Director）和其它您喜歡的圖形應(yīng)用程序及HTML編輯器，這無疑使多個(gè)軟件的功能得到了互補(bǔ)與加強(qiáng)，尤其是使Fireworks的功能得到了無限的擴(kuò)展，從而提供了一個(gè)真正集成的Web解決方案。學(xué)習(xí)目的通過本章的學(xué)習(xí)，您可以：了解FireworksCS5的新功能掌握基礎(chǔ)知識(shí)基本操作FireworksCS5不僅繼承了以往Fireworks的強(qiáng)大功能，還增添了許多新的特性。增強(qiáng)的性能和穩(wěn)定性精確到像素的渲染支持AdobeFlash應(yīng)用程序工作流程設(shè)計(jì)模板Adobe色板交換支持設(shè)計(jì)完整的網(wǎng)站AdobeDeviceCentral集成改進(jìn)的可擴(kuò)展性1.1FireworksCS5的新功能

1.2基礎(chǔ)知識(shí)

位圖：也叫作柵格圖，是由許多小柵格（即像素）組成的。處理位圖時(shí)，實(shí)際上是編輯像素。在表現(xiàn)圖像中的陰影和色彩的細(xì)微變化方面，或者進(jìn)行一些特殊效果處理時(shí)，位圖是最佳的選擇。但是一定要注意，位圖的清晰度與其分辨率密切相關(guān)，縮放位圖圖像會(huì)改變其顯示效果。例如，在放大位圖圖像時(shí)會(huì)出現(xiàn)馬賽克效果。矢量圖：是用一組數(shù)學(xué)指令來描述圖像的內(nèi)容，這些指令定義了構(gòu)成圖像的所有直線、曲線等要素的形狀、位置等信息。使用矢量圖任意縮放圖像，或以任意分辨率的設(shè)備輸出圖像，都不會(huì)影響圖像的品質(zhì)。例如，F(xiàn)lash、FreeHand、LiveMotion等軟件處理的就是矢量圖。1.2.1位圖與矢量圖分辨率是位圖特有的概念，圖像的分辨率是指單位長(zhǎng)度上的像素?cái)?shù)，通常用每英寸中的像素?cái)?shù)來表示（即ppi）。圖像的分辨率越高，構(gòu)成圖像的像素?cái)?shù)就越多，相應(yīng)地，圖像文件也就越大。在處理網(wǎng)頁圖像時(shí)，一定要平衡好圖像的色彩品質(zhì)和網(wǎng)絡(luò)傳輸速度之間的關(guān)系。設(shè)計(jì)處理網(wǎng)頁圖像時(shí)，一般PC機(jī)的分辨率是96ppi，蘋果機(jī)的分辨率是72ppi。1.2.2分辨率

RGB色彩模式：該模式俗稱三基色。這種模式是以紅、綠、藍(lán)三種基本色為基礎(chǔ)，進(jìn)行不同程度的疊加，從而產(chǎn)生豐富而廣泛的顏色。CMY色彩模式：CMY模式是減色模型，通常在印刷行業(yè)中使用。它以青色、品紅、黃色、黑色為基色，因此又叫CMYK模型。HSB色彩模式：該模式將色彩分為色調(diào)、飽和度和亮度三個(gè)要素?；叶壬誓Ｊ剑夯叶壬誓Ｊ绞怯?~255種灰度值來表現(xiàn)圖像中像素顏色的一種色彩模式，該模式可以使圖像的過渡更加平滑細(xì)膩，也是一種能讓彩色模式轉(zhuǎn)換為位圖和雙調(diào)圖的過渡模式。網(wǎng)頁安全色：目前的瀏覽器使用了256色中的40種顏色，所以這40種顏色不再用于網(wǎng)頁設(shè)計(jì)，剩余的216種顏色被稱為網(wǎng)頁安全色。1.2.3色彩模式

1.3基本操作

1.3.1工作界面1.3.2工具箱

1.3.3修改工具欄

分組和移動(dòng)面板FireworksCS5中的常用面板1.3.4面板的使用

1、新建文件選擇【文件】/【新建】命令，在彈出的【新建文檔】對(duì)話框中設(shè)置文檔的各項(xiàng)參數(shù)后，即可新建一個(gè)PNG文檔。【新建文檔】對(duì)話框中各項(xiàng)屬性的含義如下：寬度/高度：畫布的寬度/高度值。分辨率：圖像的分辨率。畫布顏色：設(shè)置需要的畫布顏色。FireworksCS5新增了設(shè)計(jì)模板，利用內(nèi)置的5種不同類型的模板：文檔預(yù)設(shè)、網(wǎng)格系統(tǒng)、移動(dòng)設(shè)備、網(wǎng)頁和線框圖，用戶能夠快速創(chuàng)建相應(yīng)的應(yīng)用，減少二次開發(fā)，提高效率。此外，用戶還可以將常用的文檔結(jié)構(gòu)保存為可與設(shè)計(jì)小組共享的模板。在【新建文檔】對(duì)話框中，單擊左下角的【模板】按鈕，即可打開【通過模板新建】對(duì)話框，在彈出的對(duì)話框中可以選擇需要的模板文件。1.3.5文件的操作

2、打開、保存、關(guān)閉文檔3、修改文檔屬性（1）執(zhí)行【修改】/【畫布】/【畫布大小】命令。（2）在【新尺寸】區(qū)域輸入畫布新的高度和寬度值。（3）【錨定】區(qū)域中的按鈕表示畫布擴(kuò)展或收縮的方向。（4）如果只要改變當(dāng)前頁面的大小，則須保留選中【僅當(dāng)前頁面】選項(xiàng)。如果要修改當(dāng)前文檔中所有頁面的大小，則取消選中該復(fù)選框。（5）設(shè)置完畢，單擊【確定】按鈕。此外還可以使用工具欄中的裁切工具改變畫布的大小。在文檔中拖動(dòng)鼠標(biāo)勾繪出整個(gè)文檔的裁切邊框后，雙擊鼠標(biāo)即可將畫布改變?yōu)椴们锌蛩鼑拇笮?。注意：在重設(shè)畫布大小時(shí)，畫布大小變化等同于文檔大小的變化，但是不等同于文檔中圖像對(duì)象的大小變化。也就是說改變畫布大小僅改變畫布的大小，畫布上所繪制的圖像比例并不改變。1．選擇【文件】/【導(dǎo)入】命令。2．在導(dǎo)入文件對(duì)話框中選擇需導(dǎo)入的文件，單擊【打開】按鈕。3．在文檔窗口拖動(dòng)鼠標(biāo)指針，出現(xiàn)一個(gè)虛線矩形框，如左圖所示。松開鼠標(biāo)，圖片被導(dǎo)入到矩形框中。導(dǎo)入圖片大小、位置和尺寸由拖動(dòng)產(chǎn)生的矩形框決定，如右圖所示。也可以直接在文檔編輯窗口中單擊鼠標(biāo)，圖片也能被導(dǎo)入。單擊的位置即為圖片左上角的位置，圖片的大小不變，保持原尺寸。1.3.6導(dǎo)入圖像

1.3.7輔助工具

標(biāo)尺輔助線使用