[法學]第2章網頁圖像處理(編輯修改稿)

　

【文章內容簡介】 .GIF）格式 它在壓縮過程中，圖像的像素資料不會被丟失，然而丟失的卻是圖像的色彩。 GIF格式最多只能儲存256色，所以通常用來顯示簡單圖形及文字。 4． PND（ .PNG）格式 PNG圖像格式文件 (或者稱為數據流 )由一個 8字節的 PNG文件署名 (PNG file signature)域和按照特定結構組織的 3個以上的數據塊 (chunk)組成。 PNG用來存儲灰度圖像時，灰度圖像的深度可多到 16位，存儲彩色圖像時，彩色圖像的深度可多到 48位，并且還可存儲多到 16位的 α通道數據。另外 PNG也被稱為專業網頁圖像格式，其最大的優點就是能儲存透明背景的圖像。 《 多媒體網頁設計教程 》 圖像格式（ 3） 5． BMP（ .BMP）格式 BMP圖像文件格式是一種標準的點陣式圖像格式，支持 RGB、灰度和位圖色彩模式，但不支持 Alpha通道。 6． TIFF（ .TIF）格式 TIFF圖像文件格式可以在許多不同的平臺和應用軟件間交換信息，其應用相當廣泛。該格式支持 RGB、 CMYK、位圖、灰度等色彩模式。而且在 RGB、 CMYK，以及灰度等模式支持 Alpha通道的使用。 《 多媒體網頁設計教程 》 演示：編輯文本實例 ? 制作文字標題，效果如下圖所示 注意最后保存的文件格式 《 多媒體網頁設計教程 》 演示：制作漸變文字效果實例 ? 制作漸變文字效果如下圖所示。 操作步驟 ： （ 1）創建圖像文件，在“新建”對話框中設置圖像寬度為 400像素，高度為 100像素。 （ 2）點擊工具箱中的文本按鈕，輸入“漸變文字效果”文本內容，設置相應格式。 （ 3）柵格化文本圖層。 （ 4）按住鍵盤上 Ctrl鍵并同時在“漸變文字效果”圖層上單擊鼠標左鍵，可載入圖層選區。 （ 5）點擊工具箱中的（漸變填充）按鈕，在漸變選項欄上選擇“黑色，白色”漸變，用鼠標左鍵在選區內部拖動創建漸變效果。 （ 6）執行“選擇” → “取消選擇”命令即可完成效果圖。 《 多媒體網頁設計教程 》 復習：圖層基本概念 ?圖層概念：我們可以把圖層想像成是一張一張疊起來的透明膠片，每張透明膠片上都有不同的畫面，改變圖層的順序和屬性可以改變圖像的最后效果。通過對圖層的操作，使用它的特殊功能可以創建很多復雜的圖像效果。 ?圖層面板：圖層面板上顯示了圖像中的所有圖層、圖層組和圖層效果，我們可以使用圖層面板上的各種功能來完成一些圖像編輯任務，例如創建、隱藏、復制和刪除圖層等。 ?圖層類型： 《 多媒體網頁設計教程 》 圖層樣式（圖層特效） ?圖層樣式可以創建出投影、發光、浮雕、描邊等特殊效果。 ?在圖層面板中，單擊“添加圖層樣式”按鈕 或者執行“圖層” → “圖層樣式”命令，設置圖層樣式。 《 多媒體網頁設計教程 》 圖層不透明度設置 ?圖層不透明度設置：圖層的不透明度決定它遮蔽或顯示它的下一個圖層的程度，如果不透明度為 1% 的圖層顯得幾乎是透明的，而透明度為 100% 的圖層顯得完全不透明。 演示圖層各種樣式 《 多媒體網頁設計教程 》 演示：圖層式樣實例 ?給圖片制作邊框 《 多媒體網頁設計教程 》 復習： Photoshop合成圖像 ?選擇工具組面板 框選工具組 套索工具組 《 多媒體網頁設計教程 》 復習： Photoshop合成圖像 ?選區的操作 （ 1）增加選區 (按住鍵盤上 Shift鍵 ) （ 2）減少選區 (按住鍵盤上 Alt鍵 ) （ 3）填充選區 (前景顏色填充（ Alt+Delete）或背景顏色填充（ Ctrl+Delete） ) （ 4）描邊選區 （ 5）移動選區 （ 6）平滑選區 （ 7）羽化選區 （ 8）反向選擇 《 多媒體網頁設計教程 》 合成圖像實例 ?合成照片，效果如下圖所示 最終效果圖 素材一 素材二 《 多媒體網頁設計教程 》 使用路徑 ?路徑是定義和編輯圖像區域的最佳方法之一，其能用來精確定義具體區域，并保存這些結果以便以后重復使用。當使用正確時，路徑幾乎不給文件增加額外長度，并且能在文件之間共享，甚至能在文件與其他應用程序之間共享。它是由多個節點的矢量線條構成的圖像，而不是圖層的本身像素，所以路徑易于修整、重新選擇或移動等操作，可以保存在圖像文件中，也可以單獨輸出。 《 多媒體網頁設計教程 》 路徑 (Path) ? 所謂路徑 (Path),在屏幕上表現為一些不可打印、不活動的矢量形狀。路徑使用鋼筆工具創建，使用鋼筆工具的同級其它工具進行修改。路徑由定位點和連接定位點的線段 (曲線 )構成；每一個定位點還包含了兩個句柄，用以精確調整定位點及前后線段的曲度，從而匹配想要選擇的邊界。 “ 路徑 ” 在 PHOTOSHOP中是使用貝賽爾曲線所構成的一段閉合或者開放的曲線段。 《 多媒體網頁設計教程 》 使用鋼筆摳圖 ?選擇鋼筆工具 ,選擇目標對象 ?使用 “ 路徑面板 ” 載入選區或者（ Ctrl+Enter) 《 多媒體網頁設計教程 》 路徑實例 1 《 多媒體網頁設計教程 》 路徑實例 2郵票制作 《 多媒體網頁設計教程 》 圖層蒙版 ?蒙版也是 Photoshop圖層中的一個重要概念，使用蒙版可保護部分圖層，該圖層不能被編輯。蒙版可以控制圖層區域內部分內容可隱藏或是顯示。更改蒙版可以對圖層應用各種效果，不會影響該圖層上的圖像。最后一定要 “ 應用蒙版 ” 才可以使更改生效。 《 多媒體網頁設計教程 》 Photoshop蒙版原理 ?Photoshop蒙板是將不同灰度色值轉化為不同的透明度，并作用到它所在的圖層，使圖層不同部位透明度產生相應的變化。黑色為完全透明，白色為完全不透明。 《 多媒體網頁設計教程 》 Photoshop蒙版的優點 ?，不會因為使用橡皮擦或剪切刪除而造成不可返回的遺憾 。 ?，以產生一些意想不到的特效； ?。 《 多媒體網頁設計教程 》 Photoshop蒙版的主要作用 ?1. 摳圖； ?2. 做圖的邊緣淡化效果； ?3. 圖層間的溶合。 ?按住 Ctrl 鍵 — 載入選區 ?按住 Alt鍵 — 切換到蒙版 《 多媒體網頁設計教程 》 蒙版實例 《 多媒體網頁設計教程 》 綜合實例 — 海報設計 《 多媒體網頁設計教程 》 綜合實例 — 金屬文字制作 《 多媒體網頁設計教程 》 內容概要（ 3） 通道 2 濾鏡 3 特效文字 4 蒙版 1 網頁效果設計 5 切片、導出 6 《 多媒體網頁設計教程 》 圖層蒙版 ?蒙版是 Photoshop中的一個重要概念，使用蒙版可保護部分圖層，該圖層不能被編輯。蒙版可以控制圖層區域內部分內容可隱藏或是顯示。更改蒙版可以對圖層應用各種效果，不會影響該圖層上的圖像。 《 多媒體網頁設計教程 》 Photoshop蒙版原理 ?Photoshop蒙板是將不同灰度色值轉化為不同的透明度，并作用到它所在的圖層，使圖層不同部位透明度產生相應的變化。黑色為完全透明，白色為完全不透明。 《 多媒體網頁設計教程 》 Photoshop蒙版的主要作用 ?1. 摳圖 ?2. 做圖的邊緣淡化效果 ?3. 圖層間的溶合 《 多媒體網頁設計教程 》 蒙版實例 蒙版效果 《 多媒體網頁設計教程 》 通道的概念 ?通道這一概念在 Photoshop中是非常獨特的，它不象層那樣容易上手，其中的奧妙也要遠遠