模塊三網頁圖形圖像處理教學課件

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

62、少而好學，如日出之陽；壯而好學，如日中之光；志而好學，如炳燭之光?！獎⑾?/p>