計算機輔助平面設計

計算機輔助平面設計5/9/20241計算機輔助平面設計.計算機輔助設計軟件的分類：1、平面圖形制作軟件AdobeIllustrator、coreldraw、freehand、autocad2、平面圖像處理軟件Adobephotoshop3、平面動畫制作軟件flash4、三維建模軟件3dsmax、maya5、渲染類lightscape6、插件類finalRender、MentalRay、Brazil、Vray7、網(wǎng)頁處理類FireworksDreamweaver8、仿自然繪畫軟件CorelPainter9、視頻編輯軟件Premiere5/9/20242計算機輔助平面設計.設計的進化：1、手工畫草圖然后再利用各種輔助工具繪制正稿2、利用計算機做一些簡單的重復性的工作3、現(xiàn)代設計大量利用電腦進行設計工作，已經(jīng)成為設計師的工作桌和工具箱5/9/20243計算機輔助平面設計.Adobe公司簡介

Adobe公司成立于1982年，總部位于美國，是世界最大的軟件公司之一，年收入超過16億美元。Adobe是世界領先的軟件解決方案供應商。產(chǎn)品遍及圖形設計、圖像制作、數(shù)碼視頻、電子文檔和網(wǎng)頁制作等領域。

Adobe公司自1998年進入中國以來，贏得了無數(shù)數(shù)字藝術家的心，也得到了信息出版行業(yè)的擁戴，為Web和網(wǎng)絡應用領域提供了屢獲殊榮的軟件解決方案。5/9/20244計算機輔助平面設計.AdobePhotoshopCSCS是版本號，從8.0開始命名為CSCS就是CreativeSuite的意思.PhotoshopCS2可稱作為Photoshop9，因為從Photoshop8開始，Adobe就已經(jīng)把Photoshop整合到AdobeCreativeSuite內(nèi)，并稱其為PhotoshopCS.

5/9/20245計算機輔助平面設計.★色彩模式色彩模式——是把色彩用數(shù)據(jù)來表示的一種方法。5/9/20246計算機輔助平面設計.1、RGB模式（Red、Green、Blue）最佳顯示模式加色模式（所有顏色加在一起可產(chǎn)生白色）RGB模式所表示的顏色種類約為1670萬種5/9/20247計算機輔助平面設計.1、RGB模式（Red、Green、Blue）5/9/20248計算機輔助平面設計.1、RGB模式（Red、Green、Blue）5/9/20249計算機輔助平面設計.1、RGB模式（Red、Green、Blue）256×256×256＝167772161.1600萬色或千萬色2.24位色(2的24次方)3.8位通道色256是2的8次方，就稱為8位通道色?！?.16位通道色48位色，約281萬億65536，65536的三次方為281474976710656。

RGB的所謂“多少”就是指亮度，并使用整數(shù)來表示。通常情況下，RGB各有256級亮度，用數(shù)字表示為從0、1、2...直到255，0表示不發(fā)光，255表示最強亮度。5/9/202410計算機輔助平面設計.1、RGB模式（Red、Green、Blue）屏幕上的純黑、純白、最紅色、最綠色、最藍色、最黃色的RGB值各是多少？

純黑：0，0，0純白：255，255，255紅色：255，0，0綠色：0，255，0藍色：0，0，255黃色：255，255，0▲5/9/202411計算機輔助平面設計.1、RGB模式（Red、Green、Blue）紅色對青色綠色對洋紅色藍色對黃色

比如黃色的RGB值是255,255,0，那么通過計算：r(255-255)，g(255-255)，b(255-0)

互補色為：0,0,255。正是藍色?！?/9/202412計算機輔助平面設計.1、RGB模式（Red、Green、Blue）對于一幅圖像，若單獨增加R的亮度，相當于紅色光的成分增加。那么這幅圖像就會偏紅色。

若單獨增加B的亮度，相當于藍色光的成分增加。那么這幅圖像就會偏藍色。▲

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

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

我們平常說所的黑白照片、黑白電視，實際上都應該稱為灰度色才確切。

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

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

5/9/202418計算機輔助平面設計.RGB這種灰度圖像和RGB的關系5/9/202419計算機輔助平面設計.3、圖像通道請說出ABCD在RGB三個通道中的顏色分別是什么？

5/9/202420計算機輔助平面設計.3、圖像通道通道不是拿來“用”的，而是整個Photshop顯示圖像的基礎。5/9/202421計算機輔助平面設計.3、圖像通道我們在圖像上做的所有事情，都可以理解為是色彩的變動，而所有色彩的變動，其實都是間接在對通道中的灰度圖進行調(diào)整。

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

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

你可以在Photoshop中直接把一幅RGB圖像輸出給打印機，系統(tǒng)會自動在中間轉(zhuǎn)換色彩模式。但不建議這樣做，因為前面提到過的色域問題，可能打印出來的圖像和設計中的顏色有偏差。5/9/202432計算機輔助平面設計.6、顏色的選取Photoshop中提供了三種選擇任意色彩的方式第一是使用顏色調(diào)板〖F6〗

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

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

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

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

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

習慣上我們都會說圖片上的衣服是黃色的?；蛘哒f是亮黃色的。

我們大腦對色彩的直覺感知，首先是色相，即紅、橙、黃、綠、青、藍、紫中的一個，然后是它的深淺度。

5/9/202437計算機輔助平面設計.色相H純度S明度B

在HSB模式中，S和B的取值都是百分比，唯有H的取值單位是度，這個度是什么意思？表示色相位于色相環(huán)上的位置，將我們學過的色相環(huán)加上角度標志就明白了，如右圖：5/9/202438計算機輔助平面設計.拾色器的H方式其實就是HSB取色方式。色譜就是色相，而大框就包含了飽和度和明度(橫方向是飽和度，豎方向是明度)。5/9/202439計算機輔助平面設計.表色法：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計算機輔助平面設計.Photoshop基本概念——圖象尺寸1、像素：是Photoshop中組成圖像的最基本的單元。單位面積內(nèi)的像素越多，分辨率越高，圖像的效果也就越好。2、分辨率：每英寸內(nèi)所包含的像素數(shù)量其單位為像素每英寸（DPI）5/9/202441計算機輔助平面設計.Photoshop基本概念——圖象尺寸像素作為圖像的一種尺寸，只存在于電腦中，如同RGB色彩模式一樣只存在于電腦中。像素是一種虛擬的單位，現(xiàn)實生活中是沒有像素這個單位的。

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

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

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

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

點陣圖像就屬于記述性，以點為記錄的對象。而矢量圖像屬于描述性，以線段和計算公式作為記錄的對象。5/9/202449計算機輔助平面設計.Photoshop基本概念——矢量格式圖象矢量圖像放大縮小的同時坐標也放大縮小，而各個坐標之間的相對位置并沒有改變。然后根據(jù)改動后的坐標重新生成圖像。無論放大多少都不會失真。矢量圖像是基于線段的。因此它不適合記錄色彩較為復雜的圖像。位圖放大以后會出現(xiàn)馬賽克現(xiàn)象，甚至多次修改后文件已經(jīng)一塌糊涂?！?/9/202450計算機輔助平面設計.Photoshop基本概念——圖象格式的選擇5/9/202451計算機輔助平面設計.圖像的文件格式1、PSD格式PSD是photoshop支持的專用文件格式，所以能比其他格式更快捷地打開和存儲文件。這種格式的文件較大，編輯過程中最好選這種格式存盤，編輯完后再轉(zhuǎn)換成其他占用空間小，存儲質(zhì)量好的文件格式。5/9/202452計算機輔助平面設計.2、BMP格式

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

壓縮率最高的圖像格式，但在壓縮時會失真，制作印刷品不用這種格式。主要用于圖像預覽和制作網(wǎng)頁。一般用來顯示照片和WWW以及在線服務的HTML（超文本標記語言）文件，它能保存RGB圖像中的所有顏色信息。JPEG也是一種帶壓縮的文件格式，但在壓縮時文件有信息損失。當需要在INTERNET上發(fā)布新聞圖片時，一般以.jpg格式的圖片上載。

圖像的文件格式5/9/202455計算機輔助平面設計.圖像的文件格式5、TIFF格式

TIFF文件圖像文件格式的最大特點就是與計算機的結(jié)構(gòu)、操作系統(tǒng)以及圖形硬件系統(tǒng)無關，它可以處理黑白、灰度、彩色圖像。在存儲真彩色圖像時和BMP格式一樣，直接存儲RGB三原色的濃度值而不使用彩色映像(調(diào)色板)。對于介質(zhì)之間的交換，TIF可以稱得上是位圖格式的最佳選擇之一。

5/9/202456計算機輔助平面設計.圖像的文件格式6、PNG格式

PNG（Portable