《平面設(shè)計(jì)與制作》教案

班級(jí)：平面設(shè)計(jì)與制作    任課老師：趙雄鷹

授課題目：序論 計(jì)算機(jī)平面圖像設(shè)計(jì)

授課類型：新授

授課目的：了解圖像處理平面圖像設(shè)計(jì)的歷史，平面圖像設(shè)計(jì)

的一般處理過程和基本概念，熟悉平面設(shè)計(jì)軟件。

授課時(shí)數(shù)：2個(gè)課時(shí)

教學(xué)重點(diǎn)：平面設(shè)計(jì)的特征、平面圖形處理過程、像素、分辨率、圖形圖像文件格式、圖像的色彩模式、色彩的三要素。

教學(xué)難點(diǎn)：平面圖形處理過程、像素、分辨率、圖形圖像文件格式、圖像的色彩模式、色彩的三要素。

教具準(zhǔn)備：PHOTOSHOP

計(jì)劃授課時(shí)間：2個(gè)課時(shí)

編寫教案時(shí)間： 2010年10月16日

教學(xué)情況：

一、平面圖像設(shè)計(jì)的歷史：

平面圖像設(shè)計(jì)的發(fā)展史，可以追溯到人類發(fā)展史的源頭，人類祖先用來記事的簡單符號(hào)、文字，那是人類最基礎(chǔ)、最原始的平面圖像設(shè)計(jì)實(shí)例。當(dāng)初也許只在于表達(dá)某種具體的含義，而不包含藝術(shù)、美學(xué)的成份。伴隨著人類文明的發(fā)展，人們對(duì)藝術(shù)、美的追求和探索逐漸成為發(fā)展的主流，當(dāng)初記事的用途也逐漸淡化。傳統(tǒng)的畫家經(jīng)過數(shù)十載的訓(xùn)練才掌握繪畫這門技能，他們通過筆和紙的演繹描繪自己抽象的思維，表現(xiàn)自己對(duì)藝術(shù)、美的理解。除了藝術(shù)家之外每個(gè)人都有追求美的權(quán)利，都有一定的創(chuàng)作天賦和自己對(duì)生活、藝術(shù)、美的獨(dú)特認(rèn)識(shí)。需要長期的訓(xùn)練才能掌握的技能，對(duì)大多數(shù)人來說有些”可望不可及”。而電腦的出現(xiàn)使人們的夢想成為現(xiàn)實(shí)。電腦在問世之初只是作為科研機(jī)構(gòu)進(jìn)行科學(xué)計(jì)算的工具，體積龐大、價(jià)格昂貴、使用復(fù)雜是其特點(diǎn)。到50至70年代，一些科學(xué)家像Noll，Harman、Knowton以及Nake等利用電腦程序語言從事電腦圖形圖像處理的研究，研究的主題多是圖形形成原理的探索，例如，如何編程使得計(jì)算機(jī)的二進(jìn)制代碼能夠表現(xiàn)為一條弧線或是一個(gè)三角形等簡單的幾何圖形。70年代，伴隨著個(gè)人電腦PC的出現(xiàn)，使電腦的體積縮小許多，價(jià)格亦降低許多，平面圖像技術(shù)也逐步成熟，使有興趣從事電腦藝術(shù)創(chuàng)作的人有更多的機(jī)會(huì)，不用編寫令人討厭的代碼程序就能隨心所欲地進(jìn)行藝術(shù)創(chuàng)作。在80年代的10年中，隨著電腦的發(fā)展推廣，電腦桌上排版（Desk Top Publishing，DTP）和數(shù)字印前行業(yè)（Prepress）得以迅速發(fā)展，使電腦的輸出展現(xiàn)出新的面貌。通過專業(yè)的設(shè)備，圖像自電腦直接輸出的精度、準(zhǔn)確和美觀的程度，幾乎可以同照片媲美，甚至在某些方面遠(yuǎn)遠(yuǎn)超出照片的效果.

二、平面設(shè)計(jì)的特征：

設(shè)計(jì)是科技與藝術(shù)的結(jié)合，是商業(yè)社會(huì)的產(chǎn)物，在商業(yè)社會(huì)中需要藝術(shù)設(shè)計(jì)與創(chuàng)作理想的平衡，需要客觀與克制，需要借作者之口替委托人說話。設(shè)計(jì)與美術(shù)不同，因?yàn)樵O(shè)計(jì)即要符合審美性又要具有實(shí)用性、替人設(shè)想、以人為本，設(shè)計(jì)是一種需要而不僅僅是裝飾、裝潢。設(shè)計(jì)沒有完成的概念，設(shè)計(jì)需要精益求精，不斷的完善，需要挑戰(zhàn)自我，向自己宣戰(zhàn)。設(shè)計(jì)的關(guān)鍵之處在于發(fā)現(xiàn)，只有不斷通過深入的感受和體驗(yàn)才能做到，打動(dòng)別人對(duì)與設(shè)計(jì)師來說是一種挑戰(zhàn)。設(shè)計(jì)要讓人感動(dòng)，足夠的細(xì)節(jié)本身就能感動(dòng)人，圖形創(chuàng)意本身能打動(dòng)人，色彩品位能打動(dòng)人，材料質(zhì)地能打動(dòng)人、……把設(shè)計(jì)的多種元素進(jìn)行有機(jī)藝術(shù)化組合。

三、平面設(shè)計(jì)的主要軟件：

為了處理圖形圖像，當(dāng)然也需要專門設(shè)計(jì)軟件。為此，科學(xué)家們根據(jù)藝術(shù)家及平面設(shè)計(jì)師的工作特點(diǎn)開發(fā)了對(duì)應(yīng)的軟件，其中Adobe公司開發(fā)的Photoshop是最著名的軟件之一。計(jì)師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創(chuàng)造和分色制板的全過程，開創(chuàng)了”電腦平面設(shè)計(jì)”時(shí)代。

Coreldraw是一個(gè)矢量繪圖軟件，被廣泛應(yīng)用于廣告、裝潢、海報(bào)辦公、出版印刷等平面設(shè)計(jì)領(lǐng)域

Photoshop的專長在于圖像處理，而不是圖形創(chuàng)作。有必要區(qū)分一下這兩個(gè)概念。圖像處理是對(duì)已有的位圖圖像進(jìn)行編輯加工處理以及運(yùn)用一些特殊效果，其重點(diǎn)在于對(duì)圖像的處理加工，圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意。

四：平面圖形處理過程：

1.   圖像的輸入

2.   2.圖像的處理

3.   3.圖像的輸出。

五、Photoshop圖像處理流程

A、材質(zhì)庫的建立

進(jìn)行圖像處理的時(shí)候，為了表現(xiàn)某種主題，可能就需要各種各樣的原始材料來支持，如果材料缺乏的話，就像機(jī)器沒有原材料，大樓沒有地基一樣，沒有任何意義根據(jù)自己的需要，建立自己的材質(zhì)庫，并隨時(shí)加以整理，做好“標(biāo)簽”。

B、范圍的選取

作為點(diǎn)陣圖，它只能通過對(duì)范圍的選擇形成所謂的“對(duì)象”，在進(jìn)行各種各樣的處理。范圍的選取，在Photoshop中占有非常重要的地位，應(yīng)熟練掌握這種技巧。

C、顏色的控制

任何將進(jìn)行組合的圖像，在剛開始的時(shí)候，都肯定在顏色上與別的現(xiàn)有的圖像發(fā)生沖突，必需在正式融合前，加以顏色的調(diào)整，使得亮度、對(duì)比度、色值等都比較合適。

D、組合處理

把對(duì)象進(jìn)行組合，成為一張圖，創(chuàng)意的實(shí)現(xiàn)，關(guān)鍵在這一步，各種濾鏡和圖像處理，將通過對(duì)各范圍的處理，達(dá)成目的。

E、邊界的融合

處理作品后，各范圍和各圖層之間，會(huì)出現(xiàn)明顯的“邊緣”，對(duì)這些細(xì)微的邊緣，一定要加以融合，消除這些邊緣，使作品不會(huì)因?yàn)檫@些地方失色。

F、色彩的協(xié)調(diào)

處理完作品后，作品顏色也許會(huì)跟開始的融色狀態(tài)不一致，必須再次進(jìn)行色彩處理。

G、文本的加入

文字在美術(shù)作品中，本身就是一門藝術(shù)，在處理完的作品里，一般都加上一些畫龍點(diǎn)睛的文字。

H、作品的保存

根據(jù)需要，存儲(chǔ)為適當(dāng)?shù)膱D像格式，并進(jìn)行優(yōu)化，使之有最佳的效果和最少的體積。

六：基本概念：

像素是組成圖像的最基本單元，它是一個(gè)有顏色的方塊，這些相同顏色或者不同顏色的像素組合在一起便構(gòu)成了一幅圖像，位圖就有許多的像素組成的。由于每個(gè)像素都能夠記錄色彩所以使的位圖能夠表現(xiàn)豐富的色彩。由于位圖是有許多的像素組成的，所以在圖像進(jìn)行放大或者旋轉(zhuǎn)的時(shí)候會(huì)產(chǎn)生失真的現(xiàn)象。比如：出現(xiàn)馬賽克。

分辨率是和圖像相關(guān)的一個(gè)重要概念，它是衡量圖像細(xì)節(jié)表現(xiàn)力的技術(shù)參數(shù)。但分辨率的種類有很多，其含義也各不相同。正確理解分辨率在各種情況下的具體含義，弄清不同表示方法之間的相互關(guān)系，是至關(guān)重要的一步。下面對(duì)幾種常見的圖像輸入/輸出分辨率及不同圖像輸入/輸出設(shè)備分辨率作個(gè)介紹，供大家參考。

七、圖形圖像文件格式：

圖形圖像文件大致上可以分為兩大類：一類為位圖文件；另一類稱為描繪類、矢量類或面向?qū)ο髨D形圖像文件。前者以點(diǎn)陣形式描述圖形圖像，后者是以數(shù)學(xué)方法描述的一種由幾何元素組成的圖形圖像。一般說來，后者對(duì)圖像的表達(dá)細(xì)致、真實(shí)，縮放后圖形圖像的分辨率不變，在專業(yè)級(jí)的圖形圖像處理中應(yīng)用較多。

 1、 矢量圖文件格式：

1)、*.AI：由adobe公司定制矢量文格式，用于記錄不同的線條組成的圖像文件。

2)、*.EPS：同AI 一樣是Adobe公司開發(fā)，廣泛用于多種的圖像處理軟件可以形成較逼真圖像文件。

3)、*.DXF是由Adobe公司開發(fā)三維及二維主體圖文件格式專用于輔助設(shè)計(jì)軟件中。

2、位圖文件格式

1)、*.BMP/*.RLE：是由微軟件及IBM公司聯(lián)合開發(fā)windows 平臺(tái)上最常用的圖像文件格式*.RLE可以壓縮的形式存盤。選擇以*.BMP圖像格式存盤，則在屏幕上彈出一個(gè)BMP OPTIONS對(duì)話框，供用戶是windows及OS2格式。

2)、*.PCX：將以壓縮編碼和形式存儲(chǔ)圖像文件使用此種格存盤時(shí)將丟失好像打印機(jī)設(shè)置的信息。

3)、GPG，*JEG（亦稱JPEG）：是由聯(lián)合圖像乞?qū)＜医M提出的一個(gè)標(biāo)準(zhǔn)，主要用于靜止圖像的壓縮其最大優(yōu)點(diǎn)是以極少失真進(jìn)行高壓縮比壓縮一般都能低于10%但不能進(jìn)行較大的 放大操作。

4)、*.GIF：是一種圖像交換格式，可大壓縮圖像使圖像在網(wǎng)上傳遞時(shí)經(jīng)濟(jì)實(shí)用，由256種顏色去組成圖像，壓縮率為2：1，用于網(wǎng)頁顯示及制作較多。

5)、*.TIF：廣泛用于高質(zhì)量的圖像文件處理中，進(jìn)行不失真的形式壓縮圖像，用戶選擇會(huì)出現(xiàn)對(duì)話框，選擇以PC機(jī)格式或蘋果機(jī)格式存盤，此格式存盤的文件會(huì)較大些。

6)、*.TGA：大量用于電視廣播選擇此格式會(huì)出現(xiàn)對(duì)話框選擇分辨率。

7)、*.PCD：是由柯達(dá)相片公司開發(fā)的光盤相片格式，文件較大，保存圖像較為逼真。

8)、*.PSD（Adobe photoshop圖像格式）這種格式僅在photoshop中出現(xiàn)的文件格式，為photoshop特有能存儲(chǔ)所有photoshop文件信息（如通道、圖層、路徑等）和各種色彩模式。它以壓縮文件形式存儲(chǔ)文件以節(jié)約磁盤空間，是一種不失真壓縮，在photoshop處理圖像是可盡量采用這種存盤格式。

9)、*.PCT/*.PIC此格式大量用于蘋果要系統(tǒng)的圖像應(yīng)用中，對(duì)于有大量的相同色彩的文件能進(jìn)行有效的壓縮。

10)、*.PXR：主要用于3D動(dòng)畫，只支持灰度圖像及RGB模式。

11)、*.EPS：常用于繪圖和排版軟件中。

12)、*.RAW：比較在始，將所有像素依次記錄的方式存盤，不對(duì)圖像壓縮，占用較大的磁盤空間。

13)、*.SCT：可以記錄下圖像間的連續(xù)層次，主要用一起印刷系統(tǒng)。

八、圖像的色彩模式：

1）RGB彩色模式：又叫加色模式，是屏幕顯示的最佳顏色，由紅、綠、藍(lán)三種顏色組成，每一種顏色可以有0-255的亮度變化。

2）CMYK彩色模式：由品藍(lán)，品紅，品黃和黃色組成，又叫減色模式。一般打印輸出及印刷都是這種模式，所以打印圖片一般都采用CMYK模式。

3）HSB彩色模式：是將色彩分解為色調(diào)，飽和度及亮度通過調(diào)整色調(diào)，飽和度及亮度得到顏色和變化。

4）Lab彩色模式：這種模式通過一個(gè)光強(qiáng)和兩個(gè)色調(diào)來描述一個(gè)色調(diào)叫a，另一個(gè)色調(diào)叫b。它主要影響著色調(diào)的明暗。一般RGB轉(zhuǎn)換成CMYK都先經(jīng)Lab的轉(zhuǎn)換。

5）索引顏色：這種顏色下圖像像素用一個(gè)字節(jié)表示它最多包含有256色的色表儲(chǔ)存并索引其所用的顏色，它圖像質(zhì)量不高，占空間較少。

6）灰度模式：即只用黑色和白色顯示圖像，像素0值為黑色，像素255為白色。

7）位圖模式：像素不是由字節(jié)表示，而是由二進(jìn)制表示，即黑色和白色由二進(jìn)制表示，從而占磁盤空間最小

九、色彩三要素:

色彩的三要素： 明度、色相、彩度。

1、明度：表示色所具有的亮度和暗度被稱為明度，計(jì)算明度的基準(zhǔn)是灰度測試卡。

2、色相：色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產(chǎn)生的感覺。色的不同是由光的波長的長短差別所決定的。作為色相，指的是這些不同波長的色的情況。波長最長的是紅色，最短的是紫色。

3、彩度（飽和度）：用數(shù)值表示色的鮮艷或鮮明的程度稱之為彩度。有彩色的各種色都具有彩度值，無彩色的色的彩度值為0。

十：總結(jié):

十一：布置作業(yè)