網(wǎng)頁設(shè)計(jì)與制作 (3).ppt

《網(wǎng)頁設(shè)計(jì)與制作 (3).ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、第4章圖像處理軟件Fireworks《網(wǎng)頁設(shè)計(jì)與制作》4.1FireworksMX簡介4.2FireworksMX文檔的基本操作4.3矢量圖和位圖4.4選擇和編輯對象4.5顏色和填充4.6使用文本4.7特殊效果4.8GIF動畫4.9圖像的切片與導(dǎo)出2網(wǎng)頁設(shè)計(jì)與制作4.1FireworksMX簡介FireworksMX是Macromedia公司推出的最新專業(yè)化的Web圖像處理軟件，它在原有版本的基礎(chǔ)上功能更為增強(qiáng)，用戶界面更為友好。使用Fireworks，您可以在一個專業(yè)化的環(huán)境中創(chuàng)建和編輯網(wǎng)頁圖形、對其進(jìn)行動畫處理、添加高級交互功能以及優(yōu)化圖像。在Fireworks中，可以在

2、單個應(yīng)用程序中創(chuàng)建和編輯位圖和矢量兩種圖形。一切都可以隨時進(jìn)行編輯。除此之外，工作流可以實(shí)現(xiàn)自動化，從而滿足耗費(fèi)時間的更新和更改要求3網(wǎng)頁設(shè)計(jì)與制作FireworksMX的功能特點(diǎn)良好的的用戶界面無模式位圖和矢量編輯切片表布局控件實(shí)例級按鈕元件編輯快速導(dǎo)出開放的工作流程特性4網(wǎng)頁設(shè)計(jì)與制作FireworksMX工作界面5網(wǎng)頁設(shè)計(jì)與制作4.2FireworksMX文檔的基本操作新建與導(dǎo)入文檔文檔的保存瀏覽文檔設(shè)置文檔屬性6網(wǎng)頁設(shè)計(jì)與制作新建與導(dǎo)入文檔“文件”菜單下的“新建”通過剪貼板創(chuàng)建文檔打開或?qū)胛臋n7網(wǎng)頁設(shè)計(jì)與制作瀏覽文檔使用標(biāo)尺、網(wǎng)格線、引導(dǎo)線等8網(wǎng)頁設(shè)計(jì)與制作設(shè)置文檔

3、屬性圖像大小選擇“修改/畫布/圖象大小”畫布大小選擇“修改/畫布/畫布大小”畫布顏色選擇“修改/畫布/畫布顏色…”旋轉(zhuǎn)選擇“修改/畫布/旋轉(zhuǎn)……”9網(wǎng)頁設(shè)計(jì)與制作4.3矢量圖和位圖矢量圖和位圖的概念創(chuàng)建位圖對象繪制矢量對象10網(wǎng)頁設(shè)計(jì)與制作位圖局部放大時會產(chǎn)生較為嚴(yán)重的失真11網(wǎng)頁設(shè)計(jì)與制作矢量圖矢量圖是以點(diǎn)和路徑構(gòu)成的，矢量圖所記錄的是圖像中每一個位置的坐標(biāo)以及這些坐標(biāo)之間的相互關(guān)系。一般而言，對矢量圖進(jìn)行任意尺度的放大時都不會有失真現(xiàn)象。12網(wǎng)頁設(shè)計(jì)與制作創(chuàng)建位圖對象創(chuàng)建新位圖對象使用FireworksMX的位圖繪制和繪畫工具，即可創(chuàng)建位圖圖形對象。創(chuàng)建空位圖對象單擊“層

4、”面板中的“新建位圖圖象”按鈕，或者選擇“編輯/插入/空位圖”菜單命令用剪切或復(fù)制的方法矢量對象轉(zhuǎn)換成位圖選中矢量對象后，使用“修改/平面化所選”菜單命令即可轉(zhuǎn)化成位圖圖像13網(wǎng)頁設(shè)計(jì)與制作繪制矢量對象“工具”面板的“矢量”部分的工具即是對矢量進(jìn)行編輯操作的工具，默認(rèn)情況下有“線條”、“鋼筆”、“矩形”、“文本”、“自由變形”、“刀子”工具等。14網(wǎng)頁設(shè)計(jì)與制作4.4選擇和編輯對象在MacromediaFireworksMX中工作時，將需要處理矢量對象、位圖對象、文本塊、切片和熱點(diǎn)以及象素區(qū)域。使用選擇工具和變形工具，可以移動、復(fù)制、刪除、旋轉(zhuǎn)、縮放或傾斜對象。在具有多個對象

5、的文檔中，可以通過對對象執(zhí)行堆疊、組合和對齊操作來組織它們。15網(wǎng)頁設(shè)計(jì)與制作選擇對象在畫布上對任何對象執(zhí)行任何操作之前，必須首先選擇該對象。當(dāng)“層”面板已打開并且層處于擴(kuò)展?fàn)顟B(tài)時，在該面板中單擊一個對象即可選中該對象。“工具”面板“選擇”部分中有“指針工具”、“選擇后方對象工具”和“部分選定工具”可進(jìn)行選擇對象。選擇“選擇”菜單下的“選擇全部”，可將活動文檔窗口內(nèi)的全部對象一起選中。16網(wǎng)頁設(shè)計(jì)與制作17網(wǎng)頁設(shè)計(jì)與制作選擇象素創(chuàng)建選區(qū)選取框18網(wǎng)頁設(shè)計(jì)與制作調(diào)整選區(qū)選取框向選區(qū)添加象素：按住Shift鍵使用任何位圖選擇工具繪制要添加到選區(qū)中的區(qū)域。從選區(qū)中去除象素：按住Al

6、t鍵并使用位圖選擇工具繪制不再屬于選區(qū)的象素區(qū)域。通過交叉選取框創(chuàng)建選取框：使用任何位圖選擇工具創(chuàng)建一選取框，再按住Alt+Shift鍵創(chuàng)建重疊原選取框的新選取框，則只有兩個選取框的交叉區(qū)域內(nèi)的象素被選定。羽化象素選區(qū)創(chuàng)建和移動浮動象素選區(qū)19網(wǎng)頁設(shè)計(jì)與制作變形和扭曲縮放對象旋轉(zhuǎn)對象翻轉(zhuǎn)對象傾斜對象扭曲對象20網(wǎng)頁設(shè)計(jì)與制作21網(wǎng)頁設(shè)計(jì)與制作22網(wǎng)頁設(shè)計(jì)與制作組織對象23網(wǎng)頁設(shè)計(jì)與制作修飾位圖克隆象素模糊和銳化象素減淡和加深象素調(diào)整位圖亮度和對比度調(diào)整色相和飽和度裁剪所選位圖24網(wǎng)頁設(shè)計(jì)與制作編輯矢量對象路徑通過矢量路徑上的點(diǎn)來編輯路徑拉伸或推動所選路徑扭曲路徑將路徑剪切為多

7、個對象合并路徑對象刪除路徑對象的部分收縮或擴(kuò)展路徑25網(wǎng)頁設(shè)計(jì)與制作4.5顏色和填充顏色也是網(wǎng)頁設(shè)計(jì)及制作中需要著重考慮的因素之一，可以說顏色應(yīng)用得好壞將直接影響到最終的網(wǎng)站。真彩色網(wǎng)頁安全色MacromediaFireworksMX包含各種面板、工具和選項(xiàng)，用于組織和選擇顏色并將顏色應(yīng)用到位圖圖象和矢量對象。26網(wǎng)頁設(shè)計(jì)與制作選擇顏色27網(wǎng)頁設(shè)計(jì)與制作使用顏色樣本添加顏色刪除顏色保存樣本“選項(xiàng)”菜單28網(wǎng)頁設(shè)計(jì)與制作使用混色器29網(wǎng)頁設(shè)計(jì)與制作填充實(shí)心填充圖案填充漸變填充30網(wǎng)頁設(shè)計(jì)與制作4.6使用文