Image

Video

Processing

Laboratory

Speaker ：林昱志

Adobe Illustrator

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

Outline

• Adobe Illustrator 介紹• 點陣圖 & 向量圖• CMYK & RGB• Illustrator 的環境與基本操作• 範例實作

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

Adobe Illustrator 介紹• Adobe Illustrator 是 Adobe系統公司推出的基於向量

的圖形製作軟體。最初是1986年為蘋果公司麥金塔電腦設計開發的，1987年1 月發行，在此之前它只是 Adobe

內部的字型開發和 PostScript編輯軟體。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

Adobe Illustrator 介紹• 軟體最大的特點在於貝茲曲線的使用，使得操作簡單功

能強大的向量繪圖成為可能。現在它還整合文書處理、上色等功能，不僅在插圖製作，在印刷製品（如廣告傳單、小冊子）設計製作方面也廣泛使用。

• 所謂的貝茲曲線方法，在這個軟體中就是透過「鋼筆工具」設定「錨點」和「方向線」實作的。一般使用者在一開始使用的時候都感到不太習慣，並需要一定練習；但是一旦掌握以後能夠隨心所欲繪製出各種線條，並直觀可靠。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

點陣圖 & 向量圖• 點陣圖（ Bitmap ），又稱柵格圖（英語： Raster

graphics ），是使用像素陣列來表示的影像，每個像素的顏色訊息由 RGB組合或者灰度值表示。根據顏色訊息所需的資料位分為 1 、 4 、 8 、 16 、 24 及 32 位等，位數越高顏色越豐富，相應的資料量越大。其中使用 1 位表示一個像素顏色的點陣圖因為一個資料位只能表示兩種顏色，所以又稱為二值點陣圖。通常使用 24位元 RGB 組合資料位表示的的點陣圖稱為真彩色點陣圖。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

點陣圖 & 向量圖• 點陣圖是把影像的形狀一點一點的描繪出來，就好像在

一張虛擬的方格紙上把影像點繪出來，所以放大檢視點陣圖時，可以清楚看到影像是由不同顏色的方格所組合而成。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

點陣圖 & 向量圖

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

點陣圖 & 向量圖• 向量圖形是電腦圖形學中用點、直線或者多邊形等基於

數學方程的幾何圖元表示影像。向量圖形與點陣圖使用像素表示影像的方法有所不同。

• 向量圖是以數學運算的方式紀錄圖形，例如想要表示一條直線，向量圖只要紀錄圖形是一條直線及 2 個端點的位置；若要表示一個圓，只要記錄中心點位置和半徑即可。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

點陣圖 & 向量圖• 向量圖的好處在於放大或縮小時，線條仍然平順，不會

出現點陣圖的方格狀。而在兩者的應用方面，向量圖適合用來表現清楚的輪廓，或要求精確線條的形況，例如卡通插畫、工程繪圖或室內設計圖等；點陣圖則可以表現細微的色彩變化，所以適用於色彩層次豐富的圖形，例如照片。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

CMYK & RGB

• 三原色光模式（英語： RGB color model ），又稱RGB 顏色模型或紅綠藍顏色模型，是一種加色模型，將紅（ Red ）、綠（ Green ）、藍（ Blue ）三原色的色光以不同的比例相加，以產生多種多樣的色光。

• 三原色光和繪畫中的「三原色」不同，繪畫時用三種顏色洋紅色、黃色和青色以不同的比例配合，會產生許多種顏色，如果三種色料相加，理論上會成為黑色，但實際上是深灰色。三原色光則是紅色、綠色和藍色，三種光相加會成為白色光。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

CMYK & RGB

• 印刷四分色模式是彩色印刷時採用的一種套色模式，利用色料的三原色混色原理，加上黑色油墨，共計四種顏色混合疊加，形成所謂「全彩印刷」。四種標準顏色是：

• C ： Cyan ＝ 青色，在英文的翻譯裡是名詞『青綠色』。

• M ： Magenta ＝ 品紅色，又稱為『洋紅色』。• Y ： Yellow ＝ 黃色。• K ： blacK ＝ 黑色，為了避免與 RGB 的 Blue藍色混淆而改稱 K 。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

CMYK & RGB

• 理論上只用上述三種顏色相加就可以形成包含黑色在內101^3共 1,030,301 色，但實際印刷時三種顏色的相加只能形成一種深灰色或深褐色。

• 理想的 CMY三原色油墨應該接近 RGB三色光的補色，但現實世界裡一般彩色印刷所使用的 CMY三色油墨實際上均有偏色現象：「青色」略帶品紅而偏藍，「品紅」略帶青色而偏紅，「黃色」也略帶品紅而接近鉻黃；此外以三層 CMY疊印產生黑色不僅不容易立即乾燥、不利於快速印刷，三色疊印也需要非常精確的套印，用於表現有許多細小線條的文字十分不利；直接以黑色油墨替代不純的 CMY三層疊印產生不純的黑色。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

CMYK & RGB

• 印刷和電腦螢幕顯示，分屬兩種不同的色彩模式（電腦螢幕為發光體，遵循 RGB 「三原色光模式原理」；印刷為 CMY+K油墨或墨水疊印、混色，遵循的是CMY 「色料的三原色原理」），加上一般油墨印刷各原色網點色階為 0～ 100% ，而電腦螢幕各原色光色階為 0～ 255 ，兩者產生的色階差距甚大： CMYK 僅有101^3+101共 1,030,402 色，而 RGB卻有 256^3共16,777,216 色；加上前述印刷油墨並非理想純色，造成色域偏狹，致使 RGB縱然有較多的色階，也無法完全涵蓋 CMYK 所產生的色域，而 RGB 色彩更有許多溢位CMYK 的色域範圍；故而印刷廠一般都會強調不能以螢幕上所看到的色彩要求輸出成品的色差。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

CMYK & RGB

• 因此， CMYK模式適用於列印輸出，而 RGB模式則是用於以主動光源顯示的影像，例如電視、電腦螢幕等。所以當製作完成的作品需要列印出來或進行印刷時，應選擇 CMYK模式；若是製作網頁，或是預計放在螢幕上展示的作品，則應選擇 RGB模式。

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

Illustrator 的環境與基本操作

ImageVideoProcessingLaboratory

IVP Lab., CSIE@Tunghai University

範例實作• 國旗扭曲• 繪製太極圖• 繪製愛心• 杯子與盤子• 影像去背• 字體切割