Transcript 投影片
Image Video Processing Laboratory Adobe Illustrator Speaker：林昱志 Image Video Processing Laboratory Outline • • • • • Adobe Illustrator 介紹 點陣圖 & 向量圖 CMYK & RGB Illustrator 的環境與基本操作 範例實作 IVP Lab., CSIE@Tunghai University Adobe Illustrator 介紹 Image Video Processing Laboratory • Adobe Illustrator是Adobe系統公司推出的基於向量的 圖形製作軟體。最初是1986年為蘋果公司麥金塔電腦設 計開發的，1987年1月發行，在此之前它只是Adobe內 部的字型開發和PostScript編輯軟體。 IVP Lab., CSIE@Tunghai University Adobe Illustrator 介紹 Image Video Processing Laboratory • 軟體最大的特點在於貝茲曲線的使用，使得操作簡單功 能強大的向量繪圖成為可能。現在它還整合文書處理、 上色等功能，不僅在插圖製作，在印刷製品（如廣告傳 單、小冊子）設計製作方面也廣泛使用。 • 所謂的貝茲曲線方法，在這個軟體中就是透過「鋼筆工 具」設定「錨點」和「方向線」實作的。一般使用者在 一開始使用的時候都感到不太習慣，並需要一定練習； 但是一旦掌握以後能夠隨心所欲繪製出各種線條，並直 觀可靠。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 點陣圖 & 向量圖 • 點陣圖（Bitmap），又稱柵格圖（英語：Raster graphics），是使用像素陣列來表示的影像，每個像素 的顏色訊息由RGB組合或者灰度值表示。根據顏色訊息 所需的資料位分為1、4、8、16、24及32位等，位數越 高顏色越豐富，相應的資料量越大。其中使用1位表示 一個像素顏色的點陣圖因為一個資料位只能表示兩種顏 色，所以又稱為二值點陣圖。通常使用24位元RGB組 合資料位表示的的點陣圖稱為真彩色點陣圖。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 點陣圖 & 向量圖 • 點陣圖是把影像的形狀一點一點的描繪出來，就好像在 一張虛擬的方格紙上把影像點繪出來，所以放大檢視點 陣圖時，可以清楚看到影像是由不同顏色的方格所組合 而成。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 點陣圖 & 向量圖 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 點陣圖 & 向量圖 • 向量圖形是電腦圖形學中用點、直線或者多邊形等基於 數學方程的幾何圖元表示影像。向量圖形與點陣圖使用 像素表示影像的方法有所不同。 • 向量圖是以數學運算的方式紀錄圖形，例如想要表示一 條直線，向量圖只要紀錄圖形是一條直線及2個端點的 位置；若要表示一個圓，只要記錄中心點位置和半徑即 可。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 點陣圖 & 向量圖 • 向量圖的好處在於放大或縮小時，線條仍然平順，不會 出現點陣圖的方格狀。而在兩者的應用方面，向量圖適 合用來表現清楚的輪廓，或要求精確線條的形況，例如 卡通插畫、工程繪圖或室內設計圖等；點陣圖則可以表 現細微的色彩變化，所以適用於色彩層次豐富的圖形， 例如照片。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory CMYK & RGB • 三原色光模式（英語：RGB color model），又稱RGB 顏色模型或紅綠藍顏色模型，是一種加色模型，將紅 （Red）、綠（Green）、藍（Blue）三原色的色光以 不同的比例相加，以產生多種多樣的色光。 • 三原色光和繪畫中的「三原色」不同，繪畫時用三種顏 色洋紅色、黃色和青色以不同的比例配合，會產生許多 種顏色，如果三種色料相加，理論上會成為黑色，但實 際上是深灰色。三原色光則是紅色、綠色和藍色，三種 光相加會成為白色光。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory CMYK & RGB • 印刷四分色模式是彩色印刷時採用的一種套色模式，利 用色料的三原色混色原理，加上黑色油墨，共計四種顏 色混合疊加，形成所謂「全彩印刷」。四種標準顏色是： • C：Cyan ＝ 青色，在英文的翻譯裡是名詞『青綠色』。 • M：Magenta ＝ 品紅色，又稱為『洋紅色』。 • Y：Yellow ＝ 黃色。 • K：blacK ＝ 黑色，為了避免與RGB的Blue藍色混淆而 改稱K。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory CMYK & RGB • 理論上只用上述三種顏色相加就可以形成包含黑色在內 101^3共1,030,301色，但實際印刷時三種顏色的相加只 能形成一種深灰色或深褐色。 • 理想的CMY三原色油墨應該接近RGB三色光的補色， 但現實世界裡一般彩色印刷所使用的CMY三色油墨實際 上均有偏色現象：「青色」略帶品紅而偏藍，「品紅」 略帶青色而偏紅，「黃色」也略帶品紅而接近鉻黃；此 外以三層CMY疊印產生黑色不僅不容易立即乾燥、不利 於快速印刷，三色疊印也需要非常精確的套印，用於表 現有許多細小線條的文字十分不利；直接以黑色油墨替 代不純的CMY三層疊印產生不純的黑色。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory 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的色域範圍； 故而印刷廠一般都會強調不能以螢幕上所看到的色彩要 求輸出成品的色差。 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory CMYK & RGB • 因此，CMYK模式適用於列印輸出，而RGB模式則是用 於以主動光源顯示的影像，例如電視、電腦螢幕等。所 以當製作完成的作品需要列印出來或進行印刷時，應選 擇CMYK模式；若是製作網頁，或是預計放在螢幕上展 示的作品，則應選擇RGB模式。 IVP Lab., CSIE@Tunghai University Illustrator 的環境與基本操作 IVP Lab., CSIE@Tunghai University Image Video Processing Laboratory Image Video Processing Laboratory 範例實作 • • • • • • 國旗扭曲 繪製太極圖 繪製愛心 杯子與盤子 影像去背 字體切割 IVP Lab., CSIE@Tunghai University