計(jì)算機(jī)輔助平面設(shè)計(jì)

計(jì)算機(jī)輔助平面設(shè)計(jì)5/9/20241計(jì)算機(jī)輔助平面設(shè)計(jì).計(jì)算機(jī)輔助設(shè)計(jì)軟件的分類：1、平面圖形制作軟件AdobeIllustrator、coreldraw、freehand、autocad2、平面圖像處理軟件Adobephotoshop3、平面動(dòng)畫制作軟件flash4、三維建模軟件3dsmax、maya5、渲染類lightscape6、插件類finalRender、MentalRay、Brazil、Vray7、網(wǎng)頁(yè)處理類FireworksDreamweaver8、仿自然繪畫軟件CorelPainter9、視頻編輯軟件Premiere5/9/20242計(jì)算機(jī)輔助平面設(shè)計(jì).設(shè)計(jì)的進(jìn)化：1、手工畫草圖然后再利用各種輔助工具繪制正稿2、利用計(jì)算機(jī)做一些簡(jiǎn)單的重復(fù)性的工作3、現(xiàn)代設(shè)計(jì)大量利用電腦進(jìn)行設(shè)計(jì)工作，已經(jīng)成為設(shè)計(jì)師的工作桌和工具箱5/9/20243計(jì)算機(jī)輔助平面設(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)域提供了屢獲殊榮的軟件解決方案。5/9/20244計(jì)算機(jī)輔助平面設(shè)計(jì).AdobePhotoshopCSCS是版本號(hào)，從8.0開始命名為CSCS就是CreativeSuite的意思.PhotoshopCS2可稱作為Photoshop9，因?yàn)閺腜hotoshop8開始，Adobe就已經(jīng)把Photoshop整合到AdobeCreativeSuite內(nèi)，并稱其為PhotoshopCS.

5/9/20245計(jì)算機(jī)輔助平面設(shè)計(jì).★色彩模式色彩模式——是把色彩用數(shù)據(jù)來(lái)表示的一種方法。5/9/20246計(jì)算機(jī)輔助平面設(shè)計(jì).1、RGB模式（Red、Green、Blue）最佳顯示模式加色模式（所有顏色加在一起可產(chǎn)生白色）RGB模式所表示的顏色種類約為1670萬(wàn)種5/9/20247計(jì)算機(jī)輔助平面設(shè)計(jì).1、RGB模式（Red、Green、Blue）5/9/20248計(jì)算機(jī)輔助平面設(shè)計(jì).1、RGB模式（Red、Green、Blue）5/9/20249計(jì)算機(jī)輔助平面設(shè)計(jì).1、RGB模式（Red、Green、Blue）256×256×256＝167772161.1600萬(wàn)色或千萬(wàn)色2.24位色(2的24次方)3.8位通道色256是2的8次方，就稱為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)亮度。5/9/202410計(jì)算機(jī)輔助平面設(shè)計(jì).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▲5/9/202411計(jì)算機(jī)輔助平面設(shè)計(jì).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)色?！?/9/202412計(jì)算機(jī)輔助平面設(shè)計(jì).1、RGB模式（Red、Green、Blue）對(duì)于一幅圖像，若單獨(dú)增加R的亮度，相當(dāng)于紅色光的成分增加。那么這幅圖像就會(huì)偏紅色。

若單獨(dú)增加B的亮度，相當(dāng)于藍(lán)色光的成分增加。那么這幅圖像就會(huì)偏藍(lán)色?！?/p>

無(wú)論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終是以RGB方式出現(xiàn)的。

因此使用RGB模式進(jìn)行操作是最快的，因?yàn)殡娔X不需要處理額外的色彩轉(zhuǎn)換工作。當(dāng)然這種速度差異很難察覺(jué)，只是理論上的。5/9/202413計(jì)算機(jī)輔助平面設(shè)計(jì).2、灰度色彩模式所謂灰度色，就是指純白、純黑以及兩者中的一系列從黑到白的過(guò)渡色。

我們平常說(shuō)所的黑白照片、黑白電視，實(shí)際上都應(yīng)該稱為灰度色才確切。

灰度的數(shù)量就是256級(jí)，但是一般用百分比來(lái)表示5/9/202414計(jì)算機(jī)輔助平面設(shè)計(jì).2、灰度色彩模式由于灰度與RGB是“黑白顛倒”的，所以18%的灰度等于82%的RGB亮度?！?/p>

5/9/202415計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道在Photoshop中有一個(gè)很重要概念叫圖像通道，在RGB色彩模式下就是指那單獨(dú)的紅色、綠色、藍(lán)色部分。也就是說(shuō)，一幅完整的圖像，是由紅色綠色藍(lán)色三個(gè)通道組成的。5/9/202416計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道5/9/202417計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道關(guān)閉各個(gè)通道，以上的現(xiàn)象再次印證了反轉(zhuǎn)色模型：紅色對(duì)青色、綠色對(duì)洋紅色、藍(lán)色對(duì)黃色?，F(xiàn)在點(diǎn)擊察看單個(gè)通道，發(fā)現(xiàn)每個(gè)通道都顯示為一幅灰度圖像(不能說(shuō)是黑白圖像)。▲

5/9/202418計(jì)算機(jī)輔助平面設(shè)計(jì).RGB這種灰度圖像和RGB的關(guān)系5/9/202419計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道請(qǐng)說(shuō)出ABCD在RGB三個(gè)通道中的顏色分別是什么？

5/9/202420計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道通道不是拿來(lái)“用”的，而是整個(gè)Photshop顯示圖像的基礎(chǔ)。5/9/202421計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道我們?cè)趫D像上做的所有事情，都可以理解為是色彩的變動(dòng)，而所有色彩的變動(dòng)，其實(shí)都是間接在對(duì)通道中的灰度圖進(jìn)行調(diào)整。

Ctrl+B▲5/9/202422計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道調(diào)整前G通道調(diào)整后G通道▲改通道對(duì)比通道是圖像的基礎(chǔ)，是通道改變了圖像，而不是圖像改變了通道。通道是整個(gè)Photoshop顯示圖像的基礎(chǔ)。色彩的變動(dòng)，實(shí)際上就是間接在對(duì)通道灰度圖進(jìn)行調(diào)整。5/9/202423計(jì)算機(jī)輔助平面設(shè)計(jì).3、圖像通道因此那些各種各樣的調(diào)整工具是為了讓我們使用起來(lái)更加方便和快速。有關(guān)色彩調(diào)整的內(nèi)容將在后面介紹。5/9/202424計(jì)算機(jī)輔助平面設(shè)計(jì).4、CMYK模式（CyanMagentaYellowBlack）四個(gè)字母分別指：青、洋紅、黃、黑也叫印刷模式減色模式（所有顏色加在一起可產(chǎn)生黑色）只要在屏幕上顯示的圖像，就是RGB模式表現(xiàn)的。只要是在印刷品上看到的圖像，就是CMYK模式表現(xiàn)的。5/9/202425計(jì)算機(jī)輔助平面設(shè)計(jì).4、CMYK模式（CyanMagentaYellowBlack）RGB通道灰度圖中較白表示亮度較高，較黑表示亮度較低。純白表示亮度最高，純黑表示亮度為零。CMYK通道灰度圖中較白表示油墨含量較低，較黑表示油墨含量較高，純白表示完全沒(méi)有油墨。純黑表示油墨濃度最高。5/9/202426計(jì)算機(jī)輔助平面設(shè)計(jì).4、CMYK模式（CyanMagentaYellowBlack）5/9/202427計(jì)算機(jī)輔助平面設(shè)計(jì).4、CMYK模式（CyanMagentaYellowBlack）比如要畫一條0.1毫米的很細(xì)的線條，那么如果套印錯(cuò)位0.1毫米，就會(huì)出現(xiàn)兩條線了。那么如何避免呢？這個(gè)時(shí)候，在用色上就應(yīng)該避免使用多種顏色的混合色。制作印刷品的時(shí)候，你所使用的顏色會(huì)影響成品的印刷成功率。

5/9/202428計(jì)算機(jī)輔助平面設(shè)計(jì).4、CMYK模式（CyanMagentaYellowBlack）打印和印刷，這兩者是有很大區(qū)別的。打印一般數(shù)量很少，質(zhì)量和速度要求也不高。常見(jiàn)于個(gè)人及小型辦公使用。印刷則正相反。5/9/202429計(jì)算機(jī)輔助平面設(shè)計(jì).5、色彩模式的選擇1.RGB色彩模式是發(fā)光的，存在于屏幕等顯示設(shè)備中。不存在于印刷品中。2.CMYK色彩模式是反光的，需要外界輔助光源才能被感知，它是印刷品唯一的色彩模式。3.CMYK的所有色彩都包含于RGB色域中，但CMYK的色彩數(shù)量少于RGB。4.RGB通道灰度圖中偏白表示發(fā)光程度高；CMYK通道灰度圖中偏白表示油墨含量低。反而反之。5/9/202430計(jì)算機(jī)輔助平面設(shè)計(jì).5、色彩模式的選擇注意：此時(shí)再把CMYK轉(zhuǎn)為RGB，丟失掉的顏色也找不回來(lái)了。5/9/202431計(jì)算機(jī)輔助平面設(shè)計(jì).5、色彩模式的選擇從此之后，每當(dāng)我們要開始新圖像制作的時(shí)候，首先就要確定好色彩模式。

你可以在Photoshop中直接把一幅RGB圖像輸出給打印機(jī)，系統(tǒng)會(huì)自動(dòng)在中間轉(zhuǎn)換色彩模式。但不建議這樣做，因?yàn)榍懊嫣岬竭^(guò)的色域問(wèn)題，可能打印出來(lái)的圖像和設(shè)計(jì)中的顏色有偏差。5/9/202432計(jì)算機(jī)輔助平面設(shè)計(jì).6、顏色的選取Photoshop中提供了三種選擇任意色彩的方式第一是使用顏色調(diào)板〖F6〗

5/9/202433計(jì)算機(jī)輔助平面設(shè)計(jì).6、顏色的選取第二是使用滑塊下方的色譜圖，用鼠標(biāo)直接在色譜圖中點(diǎn)擊即可選中顏色。也可以按住鼠標(biāo)在色譜中拖動(dòng)，松手確定顏色。選中顏色的同時(shí)，上方的滑塊會(huì)跟著變換讀數(shù)。色譜最右方是一個(gè)純白和純黑。

5/9/202434計(jì)算機(jī)輔助平面設(shè)計(jì).6、顏色的選取第三種方法是使用Photoshop的拾色器，方法是點(diǎn)擊工具欄上的前景色或背景色色塊(點(diǎn)擊顏色調(diào)板上的也可)，如下圖：CTRL+K▲5/9/202435計(jì)算機(jī)輔助平面設(shè)計(jì).7.HSB色彩模式

前面我們已經(jīng)學(xué)習(xí)過(guò)了兩大色彩模式RGB和CMYK。色彩模式有很多種，但這兩種是最重要和最基礎(chǔ)的。

其余的色彩模式，實(shí)際上在顯示的時(shí)候都需要轉(zhuǎn)換為RGB，在打印或印刷(又稱為輸出)的時(shí)候都需要轉(zhuǎn)為CMYK。雖然如此，但這兩種色彩模式都比較抽象，不符合我們對(duì)色彩的習(xí)慣性描述。5/9/202436計(jì)算機(jī)輔助平面設(shè)計(jì).7.HSB色彩模式

圖中人物衣服顏色的RGB或CMYK值是多少？

習(xí)慣上我們都會(huì)說(shuō)圖片上的衣服是黃色的?；蛘哒f(shuō)是亮黃色的。

我們大腦對(duì)色彩的直覺(jué)感知，首先是色相，即紅、橙、黃、綠、青、藍(lán)、紫中的一個(gè)，然后是它的深淺度。

5/9/202437計(jì)算機(jī)輔助平面設(shè)計(jì).色相H純度S明度B

在HSB模式中，S和B的取值都是百分比，唯有H的取值單位是度，這個(gè)度是什么意思？表示色相位于色相環(huán)上的位置，將我們學(xué)過(guò)的色相環(huán)加上角度標(biāo)志就明白了，如右圖：5/9/202438計(jì)算機(jī)輔助平面設(shè)計(jì).拾色器的H方式其實(shí)就是HSB取色方式。色譜就是色相，而大框就包含了飽和度和明度(橫方向是飽和度，豎方向是明度)。5/9/202439計(jì)算機(jī)輔助平面設(shè)計(jì).表色法：C:30M:70Y:100K:20R:150G:86B:31H:28S:79B:59C:68M:33Y:30K:24R:82G:116B:130H:197S:37B:51C:51M:25Y:5K:2R:143G:166B:204H:217S:30B:80C:30M:70Y:100K:20R:150G:86B:31H:28S:79B:59C:0M:70Y:100K:05/9/202440計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象尺寸1、像素：是Photoshop中組成圖像的最基本的單元。單位面積內(nèi)的像素越多，分辨率越高，圖像的效果也就越好。2、分辨率：每英寸內(nèi)所包含的像素?cái)?shù)量其單位為像素每英寸（DPI）5/9/202441計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象尺寸像素作為圖像的一種尺寸，只存在于電腦中，如同RGB色彩模式一樣只存在于電腦中。像素是一種虛擬的單位，現(xiàn)實(shí)生活中是沒(méi)有像素這個(gè)單位的。

這幅圖片的尺寸500×300像素，它在打印出來(lái)以后，在打印紙上的大小是多少厘米？▲5/9/202442計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象尺寸像素每英寸作為打印分辨率的標(biāo)準(zhǔn)。簡(jiǎn)稱為dpi，Dot(點(diǎn))Per(每)Inch(英寸)5/9/202443計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象尺寸一般對(duì)于打印分辨率，印刷行業(yè)有一個(gè)標(biāo)準(zhǔn)：300dpi就是指用來(lái)印刷的圖像分辨率，至少要為300dpi才可以，低于這個(gè)數(shù)值印刷出來(lái)的圖像不夠清晰。

如果打印或者噴繪，只需要72dpi就可以了。

5/9/202444計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象尺寸現(xiàn)在我們來(lái)明確了一下圖像的兩種尺寸和換算關(guān)系：1.一種是像素尺寸，也稱顯示大小或顯示尺寸。等同于圖像的像素值。2.一種是打印尺寸，也稱打印大小。需要同時(shí)參考像素尺寸和打印分辨率才能確定。3.在分辨率和打印尺寸的長(zhǎng)度單位一致的前提下(如像素/英寸和英寸)，像素尺寸÷分辨率=打印尺寸。5/9/202445計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——點(diǎn)陣格式圖象電腦中的圖像類型分為兩大類：一類稱為點(diǎn)陣圖（位圖），一類稱為矢量圖。點(diǎn)陣圖顧名思義就是由點(diǎn)構(gòu)成的，如同用馬賽克去拼貼圖案一樣，每個(gè)馬賽克就是一個(gè)點(diǎn)，若干個(gè)點(diǎn)以矩陣排列成圖案。象素是組成點(diǎn)陣圖的那些點(diǎn)，點(diǎn)陣圖的最小單位

5/9/202446計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——點(diǎn)陣格式圖象放大縮小圖像的快捷鍵是〖CTRL+〗〖CTRL-〗，這種放大會(huì)沿著圖像的中心點(diǎn)放大。空格和CTRL鍵＋鼠標(biāo)單擊空格和ALT鍵＋鼠標(biāo)單擊空格＝抓手▲5/9/202447計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——點(diǎn)陣格式圖象5/9/202448計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——矢量格式圖象假設(shè)我們寫了一首新的樂(lè)曲，要把它交給唱片公司，可以通過(guò)兩種方式：1.把這首樂(lè)曲彈奏出來(lái)并錄制在磁帶上。2.把這首樂(lè)曲的樂(lè)譜寫下來(lái)。

點(diǎn)陣圖像就屬于記述性，以點(diǎn)為記錄的對(duì)象。而矢量圖像屬于描述性，以線段和計(jì)算公式作為記錄的對(duì)象。5/9/202449計(jì)算機(jī)輔助平面設(shè)計(jì).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)一塌糊涂。▲5/9/202450計(jì)算機(jī)輔助平面設(shè)計(jì).Photoshop基本概念——圖象格式的選擇5/9/202451計(jì)算機(jī)輔助平面設(shè)計(jì).圖像的文件格式1、PSD格式PSD是photoshop支持的專用文件格式，所以能比其他格式更快捷地打開和存儲(chǔ)文件。這種格式的文件較大，編輯過(guò)程中最好選這種格式存盤，編輯完后再轉(zhuǎn)換成其他占用空間小，存儲(chǔ)質(zhì)量好的文件格式。5/9/202452計(jì)算機(jī)輔助平面設(shè)計(jì).2、BMP格式

微軟Windows應(yīng)用程序所支持的，特別是圖像處理軟件，基本上都支持BMP格式。BMP格式可簡(jiǎn)單分為黑白、16色、256色、真彩色幾種格式，其中前3種有彩色映像，在存儲(chǔ)時(shí)可使用RLE無(wú)損壓縮方案進(jìn)行壓縮，即可節(jié)省磁盤空間，又不犧牲任何圖像數(shù)據(jù)。其圖像文件的大小比JPG等格式大的多。圖像的文件格式5/9/202453計(jì)算機(jī)輔助平面設(shè)計(jì).3、GIFGIF格式（圖形交換格式）是一種壓縮的8位圖像文件，這種格式的文件目前多用于網(wǎng)絡(luò)傳輸，它可以指定透明的區(qū)域，使圖像與背景很好的融為一體。GIF圖像可以隨著它下載的過(guò)程，由模糊到清晰逐漸演變顯示在屏幕上，利用GIF動(dòng)畫程序，把一系列不同的GIF圖像集合在一個(gè)文件里，這種文件可以和普通的GIF文件一樣插入網(wǎng)頁(yè)。不足之處是只能處理256色，不能用于存儲(chǔ)真彩色圖像。圖像的文件格式5/9/202454計(jì)算機(jī)輔助平面設(shè)計(jì).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/9/202455計(jì)算機(jī)輔助平面設(shè)計(jì).圖像的文件格式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可以稱得上是位圖格式的最佳選擇之一。

5/9/202456計(jì)算機(jī)輔助平面設(shè)計(jì).圖像的文件格式6、PNG格式

PNG（Portable