模塊三網(wǎng)頁(yè)圖形圖像處理教學(xué)課件

模塊三網(wǎng)頁(yè)圖形圖像處理6、露凝無(wú)游氛，天高風(fēng)景澈。7、翩翩新來(lái)燕，雙雙入我廬，先巢故尚在，相將還舊居。8、吁嗟身后名，于我若浮煙。9、陶淵明（約365年—427年），字元亮，（又一說(shuō)名潛，字淵明）號(hào)五柳先生，私謚“靖節(jié)”，東晉末期南朝宋初期詩(shī)人、文學(xué)家、辭賦家、散文家。漢族，東晉潯陽(yáng)柴桑人（今江西九江）。曾做過(guò)幾年小官，后辭官回家，從此隱居，田園生活是陶淵明詩(shī)的主要題材，相關(guān)作品有《飲酒》、《歸園田居》、《桃花源記》、《五柳先生傳》、《歸去來(lái)兮辭》等。10、倚南窗以寄傲，審容膝之易安。模塊三網(wǎng)頁(yè)圖形圖像處理模塊三網(wǎng)頁(yè)圖形圖像處理6、露凝無(wú)游氛，天高風(fēng)景澈。7、翩翩新來(lái)燕，雙雙入我廬，先巢故尚在，相將還舊居。8、吁嗟身后名，于我若浮煙。9、陶淵明（約365年—427年），字元亮，（又一說(shuō)名潛，字淵明）號(hào)五柳先生，私謚“靖節(jié)”，東晉末期南朝宋初期詩(shī)人、文學(xué)家、辭賦家、散文家。漢族，東晉潯陽(yáng)柴桑人（今江西九江）。曾做過(guò)幾年小官，后辭官回家，從此隱居，田園生活是陶淵明詩(shī)的主要題材，相關(guān)作品有《飲酒》、《歸園田居》、《桃花源記》、《五柳先生傳》、《歸去來(lái)兮辭》等。10、倚南窗以寄傲，審容膝之易安。模塊三網(wǎng)頁(yè)圖形圖像處理Fireworks簡(jiǎn)介圖形圖像處理常用工具：Photoshop和Fireworks圖片格式：bmp、jpg、gif等。Bmp：Windows位圖，占用的空間大。Jpg：最常用的圖像文件格式，文件體積較小，適合網(wǎng)絡(luò)傳播；有損耗壓縮，圖片質(zhì)量下降。照片常見(jiàn)格式。GIF：色彩不豐富、質(zhì)量較差；可制作簡(jiǎn)單動(dòng)畫(huà)、透明背景圖。不適合做大圖?？梢詣?chuàng)建編輯圖像：在矢量圖模式或位圖模式下繪制圖像；打開(kāi)或?qū)雸D像進(jìn)行編輯處理?？梢詣?chuàng)建網(wǎng)頁(yè)對(duì)象：制作按鈕；制作切片網(wǎng)頁(yè)對(duì)象，切片工具可以把一幅完整的圖像切割成不同的切片對(duì)象，并可在這些切片對(duì)象上添加動(dòng)作或URL鏈接，熱區(qū)工具在一幅圖像的整體或部分定義URL鏈接響應(yīng)區(qū)域，添加交互功能?？梢?xún)?yōu)化圖像：對(duì)圖像進(jìn)行優(yōu)化處理，以減小文件大小，改變圖像品質(zhì)。輸出文件：按照一定格式（一般為gif與jpg格式）輸出圖像，這些輸出的圖像可以直接被應(yīng)用于網(wǎng)頁(yè)。直接導(dǎo)出網(wǎng)頁(yè)，即html文件與圖像，網(wǎng)頁(yè)可使用DW編輯修改也可直接使用。任務(wù)一繪制基本圖形利用工具箱上繪圖工具繪制一些基本圖形。矢量圖形：矢量圖形為矢量的線(xiàn)條和曲線(xiàn)（包括顏色和位置信息）描述圖像。編輯矢量圖形時(shí)，修改的是描述其形狀的線(xiàn)條和曲線(xiàn)的屬性。矢量圖形與分辨率無(wú)關(guān)，因此在對(duì)圖形進(jìn)行移動(dòng)、調(diào)整大小、更改形狀或更改顏色等操作時(shí)，不會(huì)改變其外觀品質(zhì)。位圖圖形：由稱(chēng)為象素的點(diǎn)組成。圖像由每個(gè)象素的位置和顏色值決定。編輯位圖圖形時(shí)，修改的是象素，位圖圖形與分辨率有關(guān)，放大位圖圖形會(huì)使圖像的邊緣呈鋸齒狀。矢量路徑的繪制主要包括：直線(xiàn)、曲線(xiàn)、自由路徑。繪制直線(xiàn)用鋼筆工具創(chuàng)建路徑繪制自由變形矢量路徑繪制矢量形狀：使用形狀工具可以繪制矩形、橢圓、多邊形、星形以及其它特定的幾何形狀。任務(wù)二常見(jiàn)文字效果文字描邊文字陰影文字倒影文字路徑文字描邊在網(wǎng)頁(yè)美工和網(wǎng)店圖片處理中，文字描邊是常見(jiàn)的文字效果。選中文字，在[屬性]面板/[濾鏡]選項(xiàng)中，進(jìn)行如圖所示操作。文字陰影選中文字，在[屬性]面板/[濾鏡]選項(xiàng)中，進(jìn)行如圖所示操作。文字倒影制作步驟：選中文字/復(fù)制/粘貼/選中粘貼產(chǎn)生的文字下移到適當(dāng)位置/[修改]菜單，[變形]，[垂直翻轉(zhuǎn)]，如圖1所示/[命令]菜單，[創(chuàng)意]，[圖像漸隱]，選擇由上到下的漸隱效果，如圖2所示/在[屬性]面板中，調(diào)整[不透明度]，如圖所示。文字路徑創(chuàng)建不規(guī)則路徑并將文字附著到路徑，形成文字路徑。文字附著到路徑：例，繪制一個(gè)橢圓，使用切刀工具將其分成兩半，刪除下半部分；將文字與半圓選中后，選擇文字>附加到路徑。任務(wù)三LOGO設(shè)計(jì)任務(wù)四GIF動(dòng)畫(huà)文字內(nèi)部光影：輸入文本選擇文本，[文本]/[轉(zhuǎn)換為路徑]復(fù)制，粘貼文本[層]面板/新建層/新建2，并勾選[共享交疊幀]層2拖到層1下面，并且把最上面的文本拖到層2中[工具箱]面板/[矩形工具]/生成白底，有羽化效果的矩形塊[窗口]菜單/打開(kāi)[幀]面板/[重制幀]/設(shè)置：數(shù)量1，在當(dāng)前幀之后選擇幀2/選擇矩形塊/移動(dòng)到文本開(kāi)頭/剪切矩形塊/選中層1/[編輯]菜單/[粘貼于內(nèi)部]取消層1生成的鎖定小圖標(biāo)反復(fù)重復(fù)第7、8步驟，每次將矩形塊向文本右邊不斷移動(dòng)位置[優(yōu)化]面板/GIF動(dòng)畫(huà)/導(dǎo)出作品任務(wù)六網(wǎng)頁(yè)圖片與切片使用切片可將大型圖片分割成多個(gè)較小的部分并將每部分導(dǎo)出為單獨(dú)的文件。導(dǎo)出時(shí)，將創(chuàng)建一個(gè)包含表格代碼的HTML文件，以便在瀏覽器中重新裝配圖形。采用此方法可以將圖片文檔直接輸出為html網(wǎng)頁(yè)。設(shè)計(jì)網(wǎng)頁(yè)圖片創(chuàng)建切片：選擇切片工具，在圖片上拖拽一塊塊區(qū)域，形成多個(gè)切片。設(shè)置導(dǎo)出后的圖像切片格式：對(duì)于顏色數(shù)少的圖形導(dǎo)出為Gif格式；對(duì)于顏色數(shù)多的照片、漸變色圖像等導(dǎo)出為jpeg格式。導(dǎo)出包含切片的Fireworks文檔為html網(wǎng)頁(yè)。在DW中編輯并調(diào)整切片生成的網(wǎng)頁(yè)。謝謝！61、奢侈是舒適的，否則就不是奢侈?！狢ocoChanel

62、少而好學(xué)，如日出之陽(yáng)；壯而好學(xué)，如日中之光；志而好學(xué)，如炳燭之光?！?jiǎng)⑾?/p>