投影片

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

similar documents