《計算機輔助平面設計ppt課件》由會員分享，可在線閱讀，更多相關《計算機輔助平面設計ppt課件（67頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、,,,,單擊此處編輯母版標題樣式,,單擊此處編輯母版文本樣式,,第二層,,第三層,,第四層,,第五層,,,*,計,算,機,輔,助,平,面,設,計,,計算機輔助設計軟件的分類：,1,、平面圖形制作軟件,,Adobe Illustrator,、,coreldraw,、,freehand,、,autocad,,2,、平面圖像處理軟件,,Adobe,photoshop,,3,、平面動畫制作軟件,,flash,,4,、三維建模軟件,,3dsmax,、,maya,,5,、渲染類,,lightscape,,6,、插件類,,finalRender,、,Mental Ray,、,Brazil,、,Vray,,7

2、,、網(wǎng)頁處理類,,Fireworks,Dreamweaver,,8,、仿自然繪畫軟件,,Corel Painter,,9,、視頻編輯軟件,,Premiere,,,設計的進化：,,,,1,、手工畫草圖然后再利用各種輔助工具繪制正稿,,2,、利用計算機做一些簡單的重復性的工作,,3,、現(xiàn)代設計大量利用電腦進行設計工作，已經(jīng)成為設計師的工作桌和工具箱,,Adobe,公司簡介,,,,Adobe,公司成立于,1982,年，總部位于美國，是世界最大,,的軟件公司之一，年收入超過,16,億美元。,Adobe,是世界,,領先的軟件解決方案供應商。產(chǎn)品遍及,圖形設計、圖像制,,作、數(shù)碼視頻、電子文檔和網(wǎng)頁制作,

3、等領域。,,,,,Adobe,公司自,1998,年進入中國以來，贏得了無數(shù)數(shù)字,,藝術家的心，也得到了信息出版行業(yè)的擁戴，為,Web,和網(wǎng),,絡應用領域提供了屢獲殊榮的軟件解決方案。,,Adobe Photoshop CS,,,CS,是版本號，從,8.0,開始命名為,CS,,CS,就是,Creative Suite,的意思,.,,,Photoshop CS2,可稱作為,Photoshop 9,，因為從,Photoshop,,8,開始，,Adobe,就已經(jīng)把,Photoshop,整合到,Adobe Creative,,Suite,內(nèi)，并稱其為,Photoshop CS.,,,★ 色彩模式,色彩模

4、式,——,是把色彩用數(shù)據(jù)來表示的一種方法。,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,最佳顯示模式,,加色模式（所有顏色加在一起可產(chǎn)生白色）,,RGB,模式所表示的顏色種類約為,1670,萬種,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,256,×,256,×,256,＝,16777216,,1.1600,萬色,或千萬色,,2.24,位色,(2,的,24,次方,),,3.8,位通道色,,256,是,2,的,8,

5、次方，就稱為,8,位通道色。,▲,,4.16,位通道色,48,位色，約,281,萬億,65536,，,65536,的三次方為,281474976710656,。,,,,RGB,的所謂,“,多少,”,就是指亮度，并使用整數(shù)來表示。,通常情況下，,RGB,各有,256,級亮度，用數(shù)字表示為從,0,、,1,、,2,,...,直到,255,，,0,表示不發(fā)光，,255,表示最強亮度。,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,屏幕上的純黑、純白、最紅色、最綠色、最藍色、最,,,黃色的,RGB,值各是多少？,,純黑：,0,，,0,，,0,,純白：,255,，,255,，,255

6、,,紅色：,255,，,0,，,0,,綠色：,0,，,255,，,0,,藍色：,0,，,0,，,255,,黃色：,255,，,255,，,0,,▲,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,紅色對青色,,,綠色對洋紅色,,,藍色對黃色,,比如黃色的,RGB,值是,255,255,0,，,,那么通過計算：,r(255-255),，,g(255-255),，,b(255-0),互補色為：,0,0,255,。正是藍色。,▲,,1,、,RGB,模式（,Red,、,Green,、,Blue,）,對于一幅圖像，若單獨增加,R,的亮度，相當于紅色光的成分增加。那么這幅圖像就會偏紅色

7、。 若單獨增加,B,的亮度，相當于藍色光的成分增加。那么這幅圖像就會偏藍色。,▲,,,無論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終是以,RGB,方式出現(xiàn)的。,因此使用,RGB,模式進行操作是最快的，因為電腦不需要處理額外的色彩轉(zhuǎn)換工作。當然這種速度差異很難察覺，只是理論上的。,,2,、灰度色彩模式,所謂灰度色，就是指純白、純黑以及兩者中的一系列從黑到白的過渡色。,,我們平常說所的黑白照片、黑白電視，實際上都應該稱為灰度色才確切。,,灰度的數(shù)量就是,256,級，但是一般用百分比來表示,,,,2,、灰度色彩模式,由于灰度與,RGB,是“黑白顛倒”的，所以,18%,的灰度等,

8、,于,82%,的,RGB,亮度。,▲,,,3,、,圖像通道,在,Photoshop,中有一個很重要概念叫圖像通道，在,RGB,色彩模式下就是指那單獨的紅色、綠色、藍色部分。,,也就是說，一幅完整的圖像，是由紅色綠色藍色三個通道組成的。,,3,、,圖像通道,,3,、,圖像通道,關閉各個通道，以上的現(xiàn)象再次印證了反轉(zhuǎn)色模型：,紅色對青色、綠色對洋紅色、藍色對黃色。,,,現(xiàn)在點擊察看單個通道，發(fā)現(xiàn)每個通道都顯示為一幅灰度圖像,(,不能說是黑白圖像,),。,▲,,,R,G,B,這種灰度圖像和,RGB,的關系,,3,、,圖像通道,請說出,ABCD,在,RGB,三個通道中的顏色分別是什么？,,,3,、,圖

9、像通道,通道不是拿來“用”的，而是整個,Photshop,顯示圖像的基礎。,,3,、,圖像通道,我們在圖像上做的所有事情，都可以理解為是色彩的變動，而所有色彩的變動，其實都是間接在對通道中的灰度圖進行調(diào)整。,,Ctrl +B▲,,3,、,圖像通道,調(diào)整前,G,通道,調(diào)整后,G,通道,▲改通道對比,通道是圖像的基礎，是通道改變了圖像，而不是圖像改變了通道。通道是整個,Photoshop,顯示圖像的基礎。色彩的變動，實際上就是間接在對通道灰度圖進行調(diào)整。,,3,、,圖像通道,因此那些各種各樣的調(diào)整工具是為了讓我們使用起來更加方便和快速。有關,色彩調(diào)整,的內(nèi)容將在后面介紹。,,4,、,CMYK,模式

10、（,Cyan Magenta Yellow Black,）,四個字母分別指：青、洋紅、黃、黑,,也叫印刷模式,,減色模式（所有顏色加在一起可產(chǎn)生黑色）,只要在屏幕上顯示的圖像，就是,RGB,模式表現(xiàn)的。只要是在印刷品上看到的圖像，就是,CMYK,模式表現(xiàn)的。,,4,、,CMYK,模式（,Cyan Magenta Yellow Black,）,,RGB,通道灰度圖中,較白表示亮度較高,，,較黑表示亮度較低,。純白表示亮度最高，純黑表示亮度為零。,,,CMYK,通道灰度圖中,較白表示油墨含量較低,，,較黑表示油墨含量較高,，純白表示完全沒有油墨。純黑表示油墨濃度最高。,,4,、,CMY

11、K,模式（,Cyan Magenta Yellow Black,）,,4,、,CMYK,模式（,Cyan Magenta Yellow Black,）,比如要畫一條,0.1,毫米的很細的線條，那么如果套印錯位,0.1,毫米，就會出現(xiàn)兩條線了。那么如何避免呢？,,這個時候，在用色上就應該避免使用多種顏色的混合色。制作印刷品的時候，你所使用的顏色會影響成品的印刷成功率。,,,4,、,CMYK,模式（,Cyan Magenta Yellow Black,）,打印和印刷，這兩者是有很大區(qū)別的。打印一般數(shù)量很少，質(zhì)量和速度要求也不高。常見于個人及小型辦公使用。印刷則正相反。,,5,、色

12、彩模式的選擇,1.,RGB,色彩模式是發(fā)光的，存在于屏幕等顯示設備中。 不存在于印刷品中。,,,2.,CMYK,色彩模式是反光的，需要外界輔助光源才能被感知，它是印刷品唯一的色彩模式。,,,3.CMYK,的所有色彩都包含于,RGB,色域中，但,CMYK,的色彩數(shù)量少于,RGB,。,,,4.,RGB,通道灰度圖中偏白表示發(fā)光程度高；,CMYK,通道灰度圖中偏白表示油墨含量低。反而反之。,,5,、色彩模式的選擇,注意：此時再把,CMYK,轉(zhuǎn)為,RGB,，丟失掉的顏色也找不回來了,。,,5,、色彩模式的選擇,從此之后，每當我們要開始新圖像制作的時候，首先就要確定好色彩模式。,,你可以在,Pho

13、toshop,中直接把一幅,RGB,圖像輸出給打印機，系統(tǒng)會自動在中間轉(zhuǎn)換色彩模式。但不建議這樣做，因為前面提到過的色域問題，可能打印出來的圖像和設計中的顏色有偏差。,,6,、顏色的選取,Photoshop,中提供了三種選擇任意色彩的方式,第一是使用顏色調(diào)板,〖F6〗,,,6,、顏色的選取,第二是使用滑塊下方的色譜圖，用鼠標直接在色譜圖中點擊即可選中顏色。也可以按住鼠標在色譜中拖動，松手確定顏色。選中顏色的同時，上方的滑塊會跟著變換讀數(shù)。色譜最右方是一個純白和純黑。,,,6,、顏色的選取,第三種方法是使用,Photoshop,的拾色器，方法是點擊工具欄上的前景色或背景色色塊,(,點擊顏色調(diào)板上

14、的也可,),，如下圖：,CTRL+K ▲,,7. HSB,色彩模式,,前面我們已經(jīng)學習過了兩大色彩模式,RGB,和,CMYK,。色彩模式有很多種，但這兩種是最重要和最基礎的。其余的色彩模式，實際上在顯示的時候都需要轉(zhuǎn)換為,RGB,，在打印或印刷,(,又稱為輸出,),的時候都需要轉(zhuǎn)為,CMYK,。,,雖然如此，但這兩種色彩模式都比較抽象，不符合我們對色彩的習慣性描述。,,7. HSB,色彩模式,,圖中人物衣服顏色的,RGB,或,CMYK,值是多少？,,,,習慣上我們都會說圖片上的衣服是黃色的?；蛘哒f是亮黃色的。我們大腦對色彩的直覺感知，首先是色相，即紅、橙、黃、綠、青、藍、紫中的一個，然

15、后是它的深淺度,。,,,色相,H,,,純度,S,,,明度,B,,在,HSB,模式中，,S,和,B,的取值都是百分比，唯有,H,的取值單位是度，這個度是什么意思？,表示色相位于色相環(huán)上的位置，將我們學過的色相環(huán)加上角度標志就明白了，如右圖：,,拾色器的,H,方式其實就是,HSB,取色方式。色譜就是色相，而大框就包含了飽和度和明度,(,橫方向是飽和度，豎方向是明度,),。,,表色法：,C:30,,M:70,,Y:100,,K:20,,,R:150,,G:86,,B:31,,,H:28,,S:79,,B:59,C:68,,M:33,,Y:30,,K:24,,,R:82,,G:116,,B:130,,

16、,H:197,,S:37,,B:51,C:51,,M:25,,Y:5,,K:2,,,R:143,,G:166,,B:204,,,H:217,,S:30,,B:80,C:30,,M:70,,Y:100,,K:20,,,R:150,,G:86,,B:31,,,H:28,,S:79,,B:59,C:0,,M:70,,Y:100,,K:0,,,Photoshop,基本概念,——,圖象尺寸,1,、像素：,是,Photoshop,中組成圖像的最基本的單元。單位面積內(nèi)的像素越多，分辨率越高，圖像的效果也就越好。,,,2,、分辨率：,每英寸內(nèi)所包含的像素數(shù)量,,其單位為像素每英寸（,DPI,）,,,Photo

17、shop,基本概念,——,圖象尺寸,像素作為圖像的一種尺寸，只存在于電腦中，如同,RGB,色彩模式一樣只存在于電腦中。像素是一種虛擬的單位，現(xiàn)實生活中是沒有像素這個單位的。,,這幅圖片的尺寸,500,×,300,像素，它在打印出來以后，在打印紙上的大小是多少厘米？,▲,,,Photoshop,基本概念,——,圖象尺寸,像素每英寸作為打印分辨率的標準。簡稱為,dpi,，,,Dot(,點,)Per(,每,)Inch(,英寸,),,,Photoshop,基本概念,——,圖象尺寸,一般對于打印分辨率，,印刷行業(yè)有一個標準：,300dpi,,就是指用來印刷的圖像分辨率，至少要為,300dpi,才可以，低

18、于這個數(shù)值印刷出來的圖像不夠清晰。,,如果打印或者噴繪，只需要,72dpi,就可以了。,,,,,Photoshop,基本概念,——,圖象尺寸,現(xiàn)在我們來明確了一下圖像的兩種尺寸和換算關系：,,,1.,一種是,像素尺寸,，也稱顯示大小或顯示尺寸。等同于圖像的像素值。,,2.,一種是,打印尺寸,，也稱打印大小。需要同時參考像素尺寸和打印分辨率才能確定。,,3.,在分辨率和打印尺寸的長度單位一致的前提下,(,如像素,/,英寸和英寸,),，像素尺寸,÷,分辨率,=,打印尺寸。,,,,Photoshop,基本概念,——,點陣格式圖象,電腦中的圖像類型分為兩大類：,,,一類稱為,點陣圖（位圖）,，一類稱為

19、,矢量圖,。,,,,點陣圖顧名思義就是由點構成的，如同用馬賽克去拼貼圖案一樣，每個馬賽克就是一個點，若干個點以矩陣排列成圖案。,,象素是組成點陣圖的那些點，點陣圖的最小單位,,,,,,Photoshop,基本概念,——,點陣格式圖象,放大縮小圖像的快捷鍵是,〖CTRL +〗〖CTRL-〗,，這種放大會沿著圖像的中心點放大。,,,空格和,CTRL,鍵 ＋鼠標單擊,,,空格和,ALT,鍵 ＋鼠標單擊,,,空格＝抓手,▲,,,Photoshop,基本概念,——,點陣格式圖象,,,Photoshop,基本概念,——,矢量格式圖象,假設我們寫了一首新的樂曲，要把它交給唱片公司，可以通過兩種方式：,,,1

20、.,把這首樂曲彈奏出來并錄制在磁帶上。,,2.,把這首樂曲的樂譜寫下來。,,點陣圖像就屬于記述性，以點為記錄的對象。而矢量圖像屬于描述性，以線段和計算公式作為記錄的對象。,,,Photoshop,基本概念,——,矢量格式圖象,矢量圖像,放大縮小的同時坐標也放大縮小，而各個坐標之間的相對位置并沒有改變。然后根據(jù)改動后的坐標重新生成圖像。,,無論放大多少都不會失真,。,,矢量圖像是基于線段的。,因此它不適合記錄色彩較為復雜的圖像 。,,,,位圖放大以后會出現(xiàn)馬賽克現(xiàn)象，甚至多次修改后文件已經(jīng)一塌糊涂。,▲,,,Photoshop,基本概念,——,圖象格式的選擇,,,圖像的文件格式,1,、,PSD,

21、格式,,,,PSD,是,photoshop,支持的專用文件格式，所以能比其他格式更快捷地打開和存儲文件。,,這種格式的文件較大，編輯過程中最好選這種格式存盤，編輯完后再轉(zhuǎn)換成其他占用空間小，存儲質(zhì)量好的文件格式。,,2,、,BMP,格式,,,,微軟,Windows,應用程序所支持的，特別是圖像處理軟件，基本上都支持,BMP,格式。,BMP,格式可簡單分為黑白、,16,色、,256,色、真彩色幾種格式，其中前,3,種有彩色映像，在存儲時可使用,RLE,無損壓縮方案進行壓縮，即可節(jié)省磁盤空間，又不犧牲任何圖像數(shù)據(jù)。其,圖像文件的大小比,JPG,等格式大的多。,圖像的文件格式,,3,、,GIF,,G

22、IF,格式（圖形交換格式）是一種壓縮的,8,位圖像文件，,這種格式的文件目前多用于網(wǎng)絡傳輸,，它可以指定透明的區(qū)域，使圖像與背景很好的融為一體。,GIF,圖像可以隨著它下載的過程，由模糊到清晰逐漸演變顯示在屏幕上，利用,GIF,動畫程序,，把一系列不同的,GIF,圖像集合在一個文件里，這種文件可以和普通的,GIF,文件一樣插入網(wǎng)頁。,不足之處是只能處理,256,色，不能用于存儲真彩色圖像。,圖像的文件格式,,4,、,JPEG,,,,,壓縮率最高的圖像格式，但在壓縮時會失真，,制作印刷品不用這種格式。主要用于圖像預覽和制作網(wǎng)頁。,,,一般用來顯示照片和,WWW,以及在線服務的,HTML,（超文本

23、標記語言）文件，它能保存,RGB,圖像中的所有顏色信息。,JPEG,也是一種帶壓縮的文件格式，但在壓縮時文件有信息損失。當需要在,INTERNET,上發(fā)布新聞圖片時，一般以,.jpg,格式的圖片上載。,圖像的文件格式,,圖像的文件格式,5,、,TIFF,格式,,,,,TIFF,文件圖像文件格式的最大特點就是與計算機的結構、操作系統(tǒng)以及圖形硬件系統(tǒng)無關，它可以處理黑白、灰度、彩色圖像。在存儲真彩色圖像時和,BMP,格式一樣，直接存儲,RGB,三原色的濃度值而不使用彩色映像,(,調(diào)色板,),。 對于介質(zhì)之間的交換，,TIF,可以稱得上是位圖格式的最佳選擇之一。,,圖像的文件格式,6,、,PNG,格

24、式,,,,,PNG,（,Portable Network Graphics,）是一種,新興的網(wǎng)絡圖像格式,。,,1.,能把圖像文件壓縮到極限以利于網(wǎng)絡傳輸 ，這一點與犧牲圖像品質(zhì)以換取高壓縮率的,JPG,有所不同,,2.,顯示速度很快，只需下載,1/64,的圖像信息就可以顯示出低分辨率的預覽圖像,,3.PNG,同樣支持透明圖像的制作，透明圖像在制作網(wǎng)頁圖像的時候很有用,,PNG,的缺點是不支持動畫應用效果,,標題欄,菜單欄,屬性欄,工具箱,控制面板,狀態(tài)欄,任務一 PS工作環(huán)境,,1,、新建文件,A,、方法：,,文件,/,新建,,Ctrl+N,,Ctrl+,雙擊工作區(qū)空白處,,B,、注意問題

25、,,圖像尺寸設置,,可設置的模式種類,,新建文件的內(nèi)容,,2,、打開文件,方法：,,文件,/,打開,,Ctrl+O,,雙擊工作區(qū)空白處,,3,、 文件瀏覽,,4,、 關閉與保存文件,文件,/,保存（另存為）,,Ctrl+S,,、,Ctrl+Shift+S,,文件,/,關閉,,Ctrl+W,,電腦處理圖像欣賞,,★,不知道有沒有種子，我在江西也種點。,,★,象我這種明眼人一眼就看出來了，不就是在西瓜上涂顏料嗎？哼。要涂也得涂紅。,(,大陸,),,★,吃這種轉(zhuǎn)基因產(chǎn)品，幾年后長出,N,個耳朵來,……,(,大陸,),,★,藍色西瓜是真的有,....,也確實是無法繁殖下一代，真正有接觸到園藝那些才會知道這些事情，是我們老師告訴我們的。,(,臺灣,),,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,