平面設(shè)計(jì)教案

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

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

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

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

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

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

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

8、界面的界面紅色：紅色：菜單欄菜單欄藍(lán)色：藍(lán)色：工具選項(xiàng)欄工具選項(xiàng)欄綠色：綠色：工具箱工具箱黃色：黃色：控制面板控制面板五、選區(qū)的創(chuàng)建及編輯五、選區(qū)的創(chuàng)建及編輯 對圖像進(jìn)行局部操作時(shí)，都要為此局部創(chuàng)建一個對圖像進(jìn)行局部操作時(shí)，都要為此局部創(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)建以起點(diǎn)為中心的選區(qū)，按住創(chuàng)建以起點(diǎn)為中心的選區(qū)，按住a

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

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