計(jì)算機(jī)輔助平面設(shè)計(jì)ppt課件
,,,,單擊此處編輯母版標(biāo)題樣式,,單擊此處編輯母版文本樣式,,第二層,,第三層,,第四層,,第五層,,,*,計(jì),算,機(jī),輔,助,平,面,設(shè),計(jì),,計(jì)算機(jī)輔助設(shè)計(jì)軟件的分類(lèi):,1,、平面圖形制作軟件,,Adobe Illustrator,、,coreldraw,、,freehand,、,autocad,,2,、平面圖像處理軟件,,Adobe,photoshop,,3,、平面動(dòng)畫(huà)制作軟件,,flash,,4,、三維建模軟件,,3dsmax,、,maya,,5,、渲染類(lèi),,lightscape,,6,、插件類(lèi),,finalRender,、,Mental Ray,、,Brazil,、,Vray,,7,、網(wǎng)頁(yè)處理類(lèi),,Fireworks,Dreamweaver,,8,、仿自然繪畫(huà)軟件,,Corel Painter,,9,、視頻編輯軟件,,Premiere,,,設(shè)計(jì)的進(jìn)化:,,,,1,、手工畫(huà)草圖然后再利用各種輔助工具繪制正稿,,2,、利用計(jì)算機(jī)做一些簡(jiǎn)單的重復(fù)性的工作,,3,、現(xiàn)代設(shè)計(jì)大量利用電腦進(jìn)行設(shè)計(jì)工作,已經(jīng)成為設(shè)計(jì)師的工作桌和工具箱,,Adobe,公司簡(jiǎn)介,,,,Adobe,公司成立于,1982,年,總部位于美國(guó),是世界最大,,的軟件公司之一,年收入超過(guò),16,億美元。,Adobe,是世界,,領(lǐng)先的軟件解決方案供應(yīng)商。產(chǎn)品遍及,圖形設(shè)計(jì)、圖像制,,作、數(shù)碼視頻、電子文檔和網(wǎng)頁(yè)制作,等領(lǐng)域。,,,,,Adobe,公司自,1998,年進(jìn)入中國(guó)以來(lái),贏得了無(wú)數(shù)數(shù)字,,藝術(shù)家的心,也得到了信息出版行業(yè)的擁戴,為,Web,和網(wǎng),,絡(luò)應(yīng)用領(lǐng)域提供了屢獲殊榮的軟件解決方案。,,Adobe Photoshop CS,,,CS,是版本號(hào),從,8.0,開(kāi)始命名為,CS,,CS,就是,Creative Suite,的意思,.,,,Photoshop CS2,可稱(chēng)作為,Photoshop 9,,因?yàn)閺?Photoshop,,8,開(kāi)始,,Adobe,就已經(jīng)把,Photoshop,整合到,Adobe Creative,,Suite,內(nèi),并稱(chēng)其為,Photoshop CS.,,,★ 色彩模式,色彩模式,——,是把色彩用數(shù)據(jù)來(lái)表示的一種方法。,,1,、,RGB,模式(,Red,、,Green,、,Blue,),最佳顯示模式,,加色模式(所有顏色加在一起可產(chǎn)生白色),,RGB,模式所表示的顏色種類(lèi)約為,1670,萬(wàn)種,,1,、,RGB,模式(,Red,、,Green,、,Blue,),,1,、,RGB,模式(,Red,、,Green,、,Blue,),,1,、,RGB,模式(,Red,、,Green,、,Blue,),256,×,256,×,256,=,16777216,,1.1600,萬(wàn)色,或千萬(wàn)色,,2.24,位色,(2,的,24,次方,),,3.8,位通道色,,256,是,2,的,8,次方,就稱(chēng)為,8,位通道色。,▲,,4.16,位通道色,48,位色,約,281,萬(wàn)億,65536,,,65536,的三次方為,281474976710656,。,,,,RGB,的所謂,“,多少,”,就是指亮度,并使用整數(shù)來(lái)表示。,通常情況下,,RGB,各有,256,級(jí)亮度,用數(shù)字表示為從,0,、,1,、,2,,...,直到,255,,,0,表示不發(fā)光,,255,表示最強(qiáng)亮度。,,1,、,RGB,模式(,Red,、,Green,、,Blue,),屏幕上的純黑、純白、最紅色、最綠色、最藍(lán)色、最,,,黃色的,RGB,值各是多少?,,純黑:,0,,,0,,,0,,純白:,255,,,255,,,255,,紅色:,255,,,0,,,0,,綠色:,0,,,255,,,0,,藍(lán)色:,0,,,0,,,255,,黃色:,255,,,255,,,0,,▲,,1,、,RGB,模式(,Red,、,Green,、,Blue,),紅色對(duì)青色,,,綠色對(duì)洋紅色,,,藍(lán)色對(duì)黃色,,比如黃色的,RGB,值是,255,255,0,,,,那么通過(guò)計(jì)算:,r(255-255),,,g(255-255),,,b(255-0),互補(bǔ)色為:,0,0,255,。正是藍(lán)色。,▲,,1,、,RGB,模式(,Red,、,Green,、,Blue,),對(duì)于一幅圖像,若單獨(dú)增加,R,的亮度,相當(dāng)于紅色光的成分增加。那么這幅圖像就會(huì)偏紅色。 若單獨(dú)增加,B,的亮度,相當(dāng)于藍(lán)色光的成分增加。那么這幅圖像就會(huì)偏藍(lán)色。,▲,,,無(wú)論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終是以,RGB,方式出現(xiàn)的。,因此使用,RGB,模式進(jìn)行操作是最快的,因?yàn)殡娔X不需要處理額外的色彩轉(zhuǎn)換工作。當(dāng)然這種速度差異很難察覺(jué),只是理論上的。,,2,、灰度色彩模式,所謂灰度色,就是指純白、純黑以及兩者中的一系列從黑到白的過(guò)渡色。,,我們平常說(shuō)所的黑白照片、黑白電視,實(shí)際上都應(yīng)該稱(chēng)為灰度色才確切。,,灰度的數(shù)量就是,256,級(jí),但是一般用百分比來(lái)表示,,,,2,、灰度色彩模式,由于灰度與,RGB,是“黑白顛倒”的,所以,18%,的灰度等,,于,82%,的,RGB,亮度。,▲,,,3,、,圖像通道,在,Photoshop,中有一個(gè)很重要概念叫圖像通道,在,RGB,色彩模式下就是指那單獨(dú)的紅色、綠色、藍(lán)色部分。,,也就是說(shuō),一幅完整的圖像,是由紅色綠色藍(lán)色三個(gè)通道組成的。,,3,、,圖像通道,,3,、,圖像通道,關(guān)閉各個(gè)通道,以上的現(xiàn)象再次印證了反轉(zhuǎn)色模型:,紅色對(duì)青色、綠色對(duì)洋紅色、藍(lán)色對(duì)黃色。,,,現(xiàn)在點(diǎn)擊察看單個(gè)通道,發(fā)現(xiàn)每個(gè)通道都顯示為一幅灰度圖像,(,不能說(shuō)是黑白圖像,),。,▲,,,R,G,B,這種灰度圖像和,RGB,的關(guān)系,,3,、,圖像通道,請(qǐng)說(shuō)出,ABCD,在,RGB,三個(gè)通道中的顏色分別是什么?,,,3,、,圖像通道,通道不是拿來(lái)“用”的,而是整個(gè),Photshop,顯示圖像的基礎(chǔ)。,,3,、,圖像通道,我們?cè)趫D像上做的所有事情,都可以理解為是色彩的變動(dòng),而所有色彩的變動(dòng),其實(shí)都是間接在對(duì)通道中的灰度圖進(jìn)行調(diào)整。,,Ctrl +B▲,,3,、,圖像通道,調(diào)整前,G,通道,調(diào)整后,G,通道,▲改通道對(duì)比,通道是圖像的基礎(chǔ),是通道改變了圖像,而不是圖像改變了通道。通道是整個(gè),Photoshop,顯示圖像的基礎(chǔ)。色彩的變動(dòng),實(shí)際上就是間接在對(duì)通道灰度圖進(jìn)行調(diào)整。,,3,、,圖像通道,因此那些各種各樣的調(diào)整工具是為了讓我們使用起來(lái)更加方便和快速。有關(guān),色彩調(diào)整,的內(nèi)容將在后面介紹。,,4,、,CMYK,模式(,Cyan Magenta Yellow Black,),四個(gè)字母分別指:青、洋紅、黃、黑,,也叫印刷模式,,減色模式(所有顏色加在一起可產(chǎn)生黑色),只要在屏幕上顯示的圖像,就是,RGB,模式表現(xiàn)的。只要是在印刷品上看到的圖像,就是,CMYK,模式表現(xiàn)的。,,4,、,CMYK,模式(,Cyan Magenta Yellow Black,),,RGB,通道灰度圖中,較白表示亮度較高,,,較黑表示亮度較低,。純白表示亮度最高,純黑表示亮度為零。,,,CMYK,通道灰度圖中,較白表示油墨含量較低,,,較黑表示油墨含量較高,,純白表示完全沒(méi)有油墨。純黑表示油墨濃度最高。,,4,、,CMYK,模式(,Cyan Magenta Yellow Black,),,4,、,CMYK,模式(,Cyan Magenta Yellow Black,),比如要畫(huà)一條,0.1,毫米的很細(xì)的線條,那么如果套印錯(cuò)位,0.1,毫米,就會(huì)出現(xiàn)兩條線了。那么如何避免呢?,,這個(gè)時(shí)候,在用色上就應(yīng)該避免使用多種顏色的混合色。制作印刷品的時(shí)候,你所使用的顏色會(huì)影響成品的印刷成功率。,,,4,、,CMYK,模式(,Cyan Magenta Yellow Black,),打印和印刷,這兩者是有很大區(qū)別的。打印一般數(shù)量很少,質(zhì)量和速度要求也不高。常見(jiàn)于個(gè)人及小型辦公使用。印刷則正相反。,,5,、色彩模式的選擇,1.,RGB,色彩模式是發(fā)光的,存在于屏幕等顯示設(shè)備中。 不存在于印刷品中。,,,2.,CMYK,色彩模式是反光的,需要外界輔助光源才能被感知,它是印刷品唯一的色彩模式。,,,3.CMYK,的所有色彩都包含于,RGB,色域中,但,CMYK,的色彩數(shù)量少于,RGB,。,,,4.,RGB,通道灰度圖中偏白表示發(fā)光程度高;,CMYK,通道灰度圖中偏白表示油墨含量低。反而反之。,,5,、色彩模式的選擇,注意:此時(shí)再把,CMYK,轉(zhuǎn)為,RGB,,丟失掉的顏色也找不回來(lái)了,。,,5,、色彩模式的選擇,從此之后,每當(dāng)我們要開(kāi)始新圖像制作的時(shí)候,首先就要確定好色彩模式。,,你可以在,Photoshop,中直接把一幅,RGB,圖像輸出給打印機(jī),系統(tǒng)會(huì)自動(dòng)在中間轉(zhuǎn)換色彩模式。但不建議這樣做,因?yàn)榍懊嫣岬竭^(guò)的色域問(wèn)題,可能打印出來(lái)的圖像和設(shè)計(jì)中的顏色有偏差。,,6,、顏色的選取,Photoshop,中提供了三種選擇任意色彩的方式,第一是使用顏色調(diào)板,〖F6〗,,,6,、顏色的選取,第二是使用滑塊下方的色譜圖,用鼠標(biāo)直接在色譜圖中點(diǎn)擊即可選中顏色。也可以按住鼠標(biāo)在色譜中拖動(dòng),松手確定顏色。選中顏色的同時(shí),上方的滑塊會(huì)跟著變換讀數(shù)。色譜最右方是一個(gè)純白和純黑。,,,6,、顏色的選取,第三種方法是使用,Photoshop,的拾色器,方法是點(diǎn)擊工具欄上的前景色或背景色色塊,(,點(diǎn)擊顏色調(diào)板上的也可,),,如下圖:,CTRL+K ▲,,7. HSB,色彩模式,,前面我們已經(jīng)學(xué)習(xí)過(guò)了兩大色彩模式,RGB,和,CMYK,。色彩模式有很多種,但這兩種是最重要和最基礎(chǔ)的。其余的色彩模式,實(shí)際上在顯示的時(shí)候都需要轉(zhuǎn)換為,RGB,,在打印或印刷,(,又稱(chēng)為輸出,),的時(shí)候都需要轉(zhuǎn)為,CMYK,。,,雖然如此,但這兩種色彩模式都比較抽象,不符合我們對(duì)色彩的習(xí)慣性描述。,,7. HSB,色彩模式,,圖中人物衣服顏色的,RGB,或,CMYK,值是多少?,,,,習(xí)慣上我們都會(huì)說(shuō)圖片上的衣服是黃色的?;蛘哒f(shuō)是亮黃色的。我們大腦對(duì)色彩的直覺(jué)感知,首先是色相,即紅、橙、黃、綠、青、藍(lán)、紫中的一個(gè),然后是它的深淺度,。,,,色相,H,,,純度,S,,,明度,B,,在,HSB,模式中,,S,和,B,的取值都是百分比,唯有,H,的取值單位是度,這個(gè)度是什么意思?,表示色相位于色相環(huán)上的位置,將我們學(xué)過(guò)的色相環(huán)加上角度標(biāo)志就明白了,如右圖:,,拾色器的,H,方式其實(shí)就是,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,,,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)所包含的像素?cái)?shù)量,,其單位為像素每英寸(,DPI,),,,Photoshop,基本概念,——,圖象尺寸,像素作為圖像的一種尺寸,只存在于電腦中,如同,RGB,色彩模式一樣只存在于電腦中。像素是一種虛擬的單位,現(xiàn)實(shí)生活中是沒(méi)有像素這個(gè)單位的。,,這幅圖片的尺寸,500,×,300,像素,它在打印出來(lái)以后,在打印紙上的大小是多少厘米?,▲,,,Photoshop,基本概念,——,圖象尺寸,像素每英寸作為打印分辨率的標(biāo)準(zhǔn)。簡(jiǎn)稱(chēng)為,dpi,,,,Dot(,點(diǎn),)Per(,每,)Inch(,英寸,),,,Photoshop,基本概念,——,圖象尺寸,一般對(duì)于打印分辨率,,印刷行業(yè)有一個(gè)標(biāo)準(zhǔn):,300dpi,,就是指用來(lái)印刷的圖像分辨率,至少要為,300dpi,才可以,低于這個(gè)數(shù)值印刷出來(lái)的圖像不夠清晰。,,如果打印或者噴繪,只需要,72dpi,就可以了。,,,,,Photoshop,基本概念,——,圖象尺寸,現(xiàn)在我們來(lái)明確了一下圖像的兩種尺寸和換算關(guān)系:,,,1.,一種是,像素尺寸,,也稱(chēng)顯示大小或顯示尺寸。等同于圖像的像素值。,,2.,一種是,打印尺寸,,也稱(chēng)打印大小。需要同時(shí)參考像素尺寸和打印分辨率才能確定。,,3.,在分辨率和打印尺寸的長(zhǎng)度單位一致的前提下,(,如像素,/,英寸和英寸,),,像素尺寸,÷,分辨率,=,打印尺寸。,,,,Photoshop,基本概念,——,點(diǎn)陣格式圖象,電腦中的圖像類(lèi)型分為兩大類(lèi):,,,一類(lèi)稱(chēng)為,點(diǎn)陣圖(位圖),,一類(lèi)稱(chēng)為,矢量圖,。,,,,點(diǎn)陣圖顧名思義就是由點(diǎn)構(gòu)成的,如同用馬賽克去拼貼圖案一樣,每個(gè)馬賽克就是一個(gè)點(diǎn),若干個(gè)點(diǎn)以矩陣排列成圖案。,,象素是組成點(diǎn)陣圖的那些點(diǎn),點(diǎn)陣圖的最小單位,,,,,,Photoshop,基本概念,——,點(diǎn)陣格式圖象,放大縮小圖像的快捷鍵是,〖CTRL +〗〖CTRL-〗,,這種放大會(huì)沿著圖像的中心點(diǎn)放大。,,,空格和,CTRL,鍵 +鼠標(biāo)單擊,,,空格和,ALT,鍵 +鼠標(biāo)單擊,,,空格=抓手,▲,,,Photoshop,基本概念,——,點(diǎn)陣格式圖象,,,Photoshop,基本概念,——,矢量格式圖象,假設(shè)我們寫(xiě)了一首新的樂(lè)曲,要把它交給唱片公司,可以通過(guò)兩種方式:,,,1.,把這首樂(lè)曲彈奏出來(lái)并錄制在磁帶上。,,2.,把這首樂(lè)曲的樂(lè)譜寫(xiě)下來(lái)。,,點(diǎn)陣圖像就屬于記述性,以點(diǎn)為記錄的對(duì)象。而矢量圖像屬于描述性,以線段和計(jì)算公式作為記錄的對(duì)象。,,,Photoshop,基本概念,——,矢量格式圖象,矢量圖像,放大縮小的同時(shí)坐標(biāo)也放大縮小,而各個(gè)坐標(biāo)之間的相對(duì)位置并沒(méi)有改變。然后根據(jù)改動(dòng)后的坐標(biāo)重新生成圖像。,,無(wú)論放大多少都不會(huì)失真,。,,矢量圖像是基于線段的。,因此它不適合記錄色彩較為復(fù)雜的圖像 。,,,,位圖放大以后會(huì)出現(xiàn)馬賽克現(xiàn)象,甚至多次修改后文件已經(jīng)一塌糊涂。,▲,,,Photoshop,基本概念,——,圖象格式的選擇,,,圖像的文件格式,1,、,PSD,格式,,,,PSD,是,photoshop,支持的專(zhuān)用文件格式,所以能比其他格式更快捷地打開(kāi)和存儲(chǔ)文件。,,這種格式的文件較大,編輯過(guò)程中最好選這種格式存盤(pán),編輯完后再轉(zhuǎn)換成其他占用空間小,存儲(chǔ)質(zhì)量好的文件格式。,,2,、,BMP,格式,,,,微軟,Windows,應(yīng)用程序所支持的,特別是圖像處理軟件,基本上都支持,BMP,格式。,BMP,格式可簡(jiǎn)單分為黑白、,16,色、,256,色、真彩色幾種格式,其中前,3,種有彩色映像,在存儲(chǔ)時(shí)可使用,RLE,無(wú)損壓縮方案進(jìn)行壓縮,即可節(jié)省磁盤(pán)空間,又不犧牲任何圖像數(shù)據(jù)。其,圖像文件的大小比,JPG,等格式大的多。,圖像的文件格式,,3,、,GIF,,GIF,格式(圖形交換格式)是一種壓縮的,8,位圖像文件,,這種格式的文件目前多用于網(wǎng)絡(luò)傳輸,,它可以指定透明的區(qū)域,使圖像與背景很好的融為一體。,GIF,圖像可以隨著它下載的過(guò)程,由模糊到清晰逐漸演變顯示在屏幕上,利用,GIF,動(dòng)畫(huà)程序,,把一系列不同的,GIF,圖像集合在一個(gè)文件里,這種文件可以和普通的,GIF,文件一樣插入網(wǎng)頁(yè)。,不足之處是只能處理,256,色,不能用于存儲(chǔ)真彩色圖像。,圖像的文件格式,,4,、,JPEG,,,,,壓縮率最高的圖像格式,但在壓縮時(shí)會(huì)失真,,制作印刷品不用這種格式。主要用于圖像預(yù)覽和制作網(wǎng)頁(yè)。,,,一般用來(lái)顯示照片和,WWW,以及在線服務(wù)的,HTML,(超文本標(biāo)記語(yǔ)言)文件,它能保存,RGB,圖像中的所有顏色信息。,JPEG,也是一種帶壓縮的文件格式,但在壓縮時(shí)文件有信息損失。當(dāng)需要在,INTERNET,上發(fā)布新聞圖片時(shí),一般以,.jpg,格式的圖片上載。,圖像的文件格式,,圖像的文件格式,5,、,TIFF,格式,,,,,TIFF,文件圖像文件格式的最大特點(diǎn)就是與計(jì)算機(jī)的結(jié)構(gòu)、操作系統(tǒng)以及圖形硬件系統(tǒng)無(wú)關(guān),它可以處理黑白、灰度、彩色圖像。在存儲(chǔ)真彩色圖像時(shí)和,BMP,格式一樣,直接存儲(chǔ),RGB,三原色的濃度值而不使用彩色映像,(,調(diào)色板,),。 對(duì)于介質(zhì)之間的交換,,TIF,可以稱(chēng)得上是位圖格式的最佳選擇之一。,,圖像的文件格式,6,、,PNG,格式,,,,,PNG,(,Portable Network Graphics,)是一種,新興的網(wǎng)絡(luò)圖像格式,。,,1.,能把圖像文件壓縮到極限以利于網(wǎng)絡(luò)傳輸 ,這一點(diǎn)與犧牲圖像品質(zhì)以換取高壓縮率的,JPG,有所不同,,2.,顯示速度很快,只需下載,1/64,的圖像信息就可以顯示出低分辨率的預(yù)覽圖像,,3.PNG,同樣支持透明圖像的制作,透明圖像在制作網(wǎng)頁(yè)圖像的時(shí)候很有用,,PNG,的缺點(diǎn)是不支持動(dòng)畫(huà)應(yīng)用效果,,標(biāo)題欄,菜單欄,屬性欄,工具箱,控制面板,狀態(tài)欄,任務(wù)一 PS工作環(huán)境,,1,、新建文件,A,、方法:,,文件,/,新建,,Ctrl+N,,Ctrl+,雙擊工作區(qū)空白處,,B,、注意問(wèn)題,,圖像尺寸設(shè)置,,可設(shè)置的模式種類(lèi),,新建文件的內(nèi)容,,2,、打開(kāi)文件,方法:,,文件,/,打開(kāi),,Ctrl+O,,雙擊工作區(qū)空白處,,3,、 文件瀏覽,,4,、 關(guān)閉與保存文件,文件,/,保存(另存為),,Ctrl+S,,、,Ctrl+Shift+S,,文件,/,關(guān)閉,,Ctrl+W,,電腦處理圖像欣賞,,★,不知道有沒(méi)有種子,我在江西也種點(diǎn)。,,★,象我這種明眼人一眼就看出來(lái)了,不就是在西瓜上涂顏料嗎?哼。要涂也得涂紅。,(,大陸,),,★,吃這種轉(zhuǎn)基因產(chǎn)品,幾年后長(zhǎng)出,N,個(gè)耳朵來(lái),……,(,大陸,),,★,藍(lán)色西瓜是真的有,....,也確實(shí)是無(wú)法繁殖下一代,真正有接觸到園藝那些才會(huì)知道這些事情,是我們老師告訴我們的。,(,臺(tái)灣,),,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,電腦處理圖像欣賞,,,