平面設計教案

1、平面設計教案 第一章第一章 圖形圖像處理基礎知識圖形圖像處理基礎知識基礎知識及基本應用基礎知識及基本應用1界面調(diào)整及練習界面調(diào)整及練習2選區(qū)的創(chuàng)建及編輯選區(qū)的創(chuàng)建及編輯3課后練習課后練習4一、圖形圖像處理基礎知識一、圖形圖像處理基礎知識 1、像素（、像素（pixel）：）： （1）極小的顏色方塊，以行與列的方式分布）極小的顏色方塊，以行與列的方式分布 （2）圖像包含的像素越多，所存儲的信息量越大，文件）圖像包含的像素越多，所存儲的信息量越大，文件就越大，圖像也就越清晰。就越大，圖像也就越清晰。 2、分辨率（、分辨率（ppi 每英寸像素）每英寸像素） （1）圖像分辨率）圖像分辨率 圖像在一個單位

2、長度內(nèi)所包含的像素個數(shù)。圖像在一個單位長度內(nèi)所包含的像素個數(shù)。 分辨率越高，圖像越清晰，反則越模糊。分辨率越高，圖像越清晰，反則越模糊。 分辨率越高，占用硬盤空間越大，反則越小。分辨率越高，占用硬盤空間越大，反則越小。左圖：分辨率72右圖分辨率20常用的分辨率參考標準：常用的分辨率參考標準： PS軟件中，系統(tǒng)默認的標準：軟件中，系統(tǒng)默認的標準：72ppi 發(fā)布于網(wǎng)絡上的圖像：發(fā)布于網(wǎng)絡上的圖像：72ppi或或96ppi 報紙雜志：報紙雜志：120ppi 150ppi 彩板印刷：彩板印刷：300ppi 注意：注意： 在進行網(wǎng)頁設計與制作時，必須注意圖像分辨率在進行網(wǎng)頁設計與制作時，必須注意圖像分

3、辨率不能過大，不能因為圖像的容量過大，影響用戶不能過大，不能因為圖像的容量過大，影響用戶瀏覽網(wǎng)頁的速度。瀏覽網(wǎng)頁的速度。二、圖像類型：矢量圖、位圖二、圖像類型：矢量圖、位圖 1.矢量圖矢量圖 在圖像放大在圖像放大N倍后，仍不會顯示出馬賽克網(wǎng)格。倍后，仍不會顯示出馬賽克網(wǎng)格。 顯示的是平滑的曲線或邊緣。顯示的是平滑的曲線或邊緣。 常用軟件：常用軟件：Illustrator Freehand CAD等等 2、位圖：點陣圖。（、位圖：點陣圖。（PS編輯的就是位圖）編輯的就是位圖） 使用帶顏色的小點（像素）來描述圖像。使用帶顏色的小點（像素）來描述圖像。 圖像進行放大后，會看到一個個的顏色塊。圖像進行

4、放大后，會看到一個個的顏色塊。三、圖像的常用格式三、圖像的常用格式 1、photoshop文件格式（文件格式（PSD/PDD格式）格式） （1）后綴名為）后綴名為.psd或或.pdd （2）存儲所有的圖像信息，隨時編輯或修改）存儲所有的圖像信息，隨時編輯或修改 （3）沒有經(jīng)過壓縮，占用硬盤空間大）沒有經(jīng)過壓縮，占用硬盤空間大 2、EPS格式格式 （1）壓縮的文件格式）壓縮的文件格式 （2）可同時包含位圖和矢量圖）可同時包含位圖和矢量圖 （3）應用于位圖和矢量圖的相互置入）應用于位圖和矢量圖的相互置入 3、TIFF格式格式 （1）靈活的位圖圖像格式）靈活的位圖圖像格式 （2）無損壓縮格式）無損壓

5、縮格式 4、BMP格式格式 5、GIF格式格式 （1）網(wǎng)絡圖片的常用格式）網(wǎng)絡圖片的常用格式 （2）有損壓縮格式，應用于顏色少的圖像）有損壓縮格式，應用于顏色少的圖像 （3）可制作簡單的）可制作簡單的GIF動畫，如動畫，如 表情等表情等 6、JPEG（JPG）格式）格式 （1）有損壓縮模式）有損壓縮模式 （2）網(wǎng)絡圖片的常用格式）網(wǎng)絡圖片的常用格式 （3）可通過選擇來對圖像進行壓縮）可通過選擇來對圖像進行壓縮 （4）壓縮級別越高，圖像品質(zhì)越低、越不清晰。）壓縮級別越高，圖像品質(zhì)越低、越不清晰。 （5）選擇）選擇“最佳最佳”，則與原圖像無異。，則與原圖像無異。范例：輸出品質(zhì)為范例：輸出品質(zhì)為1、

6、6、12的圖像的圖像 12 6 1 7、PNG格式格式 （1）結合了）結合了GIF和和JPG的特性，降低破壞的壓的特性，降低破壞的壓縮方式?？s方式。 （2）制作透明背景圖像）制作透明背景圖像 （3）目前，部分）目前，部分web瀏覽器不支持瀏覽器不支持PNG 8、PSB格式：大型文件格式格式：大型文件格式 網(wǎng)頁制作中常用的格式：網(wǎng)頁制作中常用的格式： GIF、JPG、PNG三、基本應用三、基本應用 1、啟動、啟動 2、退出、退出:alt+F4/Ctrl+Q 3、基本操作：、基本操作： （1）新建圖像文件）新建圖像文件 A、“文件文件”“新建新建” B、Ctrl+N (2)打開圖像：打開圖像： A

7、、“文件文件”“打開打開” B、Ctrl+O C、在工作區(qū)的空白區(qū)域雙擊、在工作區(qū)的空白區(qū)域雙擊 (3)關閉文件關閉文件 A、關閉當前文件：、關閉當前文件：Ctrl+W/Ctrl+F4 B、關閉所有文件：、關閉所有文件：Ctrl+Alt+W (4)存儲存儲 (直接覆蓋原文件直接覆蓋原文件)：ctrl+s 存儲為存儲為(=另存另存)：ctrl+shift+s 存儲為存儲為web和設備所有格式：和設備所有格式： 網(wǎng)頁文件、占硬盤空間小網(wǎng)頁文件、占硬盤空間小 ctrl+alt+shift+s 練習：新建并生成名為練習：新建并生成名為”廣告設計廣告設計.psd”的文件的文件四、四、Photoshop的

8、界面的界面紅色：紅色：菜單欄菜單欄藍色：藍色：工具選項欄工具選項欄綠色：綠色：工具箱工具箱黃色：黃色：控制面板控制面板五、選區(qū)的創(chuàng)建及編輯五、選區(qū)的創(chuàng)建及編輯 對圖像進行局部操作時，都要為此局部創(chuàng)建一個對圖像進行局部操作時，都要為此局部創(chuàng)建一個選區(qū)，指定操作范圍，選區(qū)之外不會收到影響。選區(qū)，指定操作范圍，選區(qū)之外不會收到影響。全選：全選：ctrl+A取消選擇：取消選擇：ctrl+D重新選擇：重新選擇：ctrl+shift+D反相：反相：ctrl+shift+I 1、選框工具、選框工具 創(chuàng)建正方形選區(qū)，按住創(chuàng)建正方形選區(qū)，按住shift 創(chuàng)建以起點為中心的選區(qū)，按住創(chuàng)建以起點為中心的選區(qū)，按住a

9、lt練習：制作立體相框效果練習：制作立體相框效果 2、套索工具、套索工具 （1）套索工具）套索工具 （2）多邊形套索工具）多邊形套索工具 （3）磁性套索工具）磁性套索工具 練習：練習： 套索工具練習圖套索工具練習圖dimmy 放著鮮花的花瓶放著鮮花的花瓶 3、智能選擇工具、智能選擇工具 （1）魔棒工具（采蓮圖、教材圖）魔棒工具（采蓮圖、教材圖） （2）快速選擇工具（采蓮圖）快速選擇工具（采蓮圖2） （3）通過色彩范圍創(chuàng)建選區(qū)（采蓮圖）通過色彩范圍創(chuàng)建選區(qū)（采蓮圖2） 練習：制作信紙練習：制作信紙4、選區(qū)的修改編輯、選區(qū)的修改編輯 1、“邊界邊界”命令命令 2、“平滑平滑”命令命令 3、“擴展擴

10、展”和和“收縮收縮”命令命令 4、“羽化羽化”命令命令 練習：制作放大鏡效果（教材圖、練習圖）練習：制作放大鏡效果（教材圖、練習圖） 5、擴大選區(qū)與相似選區(qū)、擴大選區(qū)與相似選區(qū) 練習：制作圓錐形練習：制作圓錐形5、選區(qū)的存儲與載入、選區(qū)的存儲與載入 1、選擇、選擇存儲選區(qū)存儲選區(qū) 2、選擇、選擇載入選區(qū)載入選區(qū) 練習：制作心心相印練習：制作心心相印 6、變換選區(qū)、變換選區(qū) （1）選區(qū)的自由變換）選區(qū)的自由變換 編輯編輯自由變換自由變換 （2）選區(qū)的變換）選區(qū)的變換 縮放、旋轉(zhuǎn)、斜切、扭曲、透視、變形縮放、旋轉(zhuǎn)、斜切、扭曲、透視、變形 練習：制作圓錐形練習：制作圓錐形5、選區(qū)的存儲與載入、選區(qū)的存儲與載入