PhotshopIllustrator平面設(shè)計創(chuàng)作實例教程 1 平面設(shè)計的基本知識

1、 本章簡介本章簡介： 本章主要介紹平面設(shè)計的基本章主要介紹平面設(shè)計的基礎(chǔ)知識，包括位圖和矢量圖、分礎(chǔ)知識，包括位圖和矢量圖、分辨率、圖像的色彩模式和文件格辨率、圖像的色彩模式和文件格式、頁面設(shè)置和圖片大小、出血、式、頁面設(shè)置和圖片大小、出血、文字轉(zhuǎn)換、印前檢查、小樣等內(nèi)文字轉(zhuǎn)換、印前檢查、小樣等內(nèi)容。通過本章的學(xué)習(xí)，可以快速容。通過本章的學(xué)習(xí)，可以快速掌握平面設(shè)計的基本概念和基礎(chǔ)掌握平面設(shè)計的基本概念和基礎(chǔ)知識，有助于更好地開始平面設(shè)知識，有助于更好地開始平面設(shè)計學(xué)習(xí)和實踐。計學(xué)習(xí)和實踐。 第1章平面設(shè)計的基本知識課堂學(xué)習(xí)目標(biāo)位圖和矢量圖位圖和矢量圖分辨率分辨率色彩模式色彩模式文件格式文件格式

2、頁面設(shè)置頁面設(shè)置圖片大小圖片大小出血出血文字轉(zhuǎn)換文字轉(zhuǎn)換印前檢查印前檢查小樣小樣位圖位圖矢量圖矢量圖1.1位圖和矢量圖 位圖圖像也稱為點陣圖像，它是由許多單獨的小方塊組成的，位圖圖像也稱為點陣圖像，它是由許多單獨的小方塊組成的，這些小方塊又稱為像素點，每個像素點都有特定的位置和顏色值，這些小方塊又稱為像素點，每個像素點都有特定的位置和顏色值，位圖圖像的顯示效果與像素點是緊密聯(lián)系在一起的，不同排列和著位圖圖像的顯示效果與像素點是緊密聯(lián)系在一起的，不同排列和著色的像素點在一起組成了一幅色彩豐富的圖像。像素點越多，圖像色的像素點在一起組成了一幅色彩豐富的圖像。像素點越多，圖像的分辨率越高，相應(yīng)地，圖

3、像的文件量也會越大。的分辨率越高，相應(yīng)地，圖像的文件量也會越大。 原圖 放大后的效果1.1.1 位圖 矢量圖也稱為向量圖，它是一種基于圖形的幾何特性來描述矢量圖也稱為向量圖，它是一種基于圖形的幾何特性來描述的圖像。矢量圖中的各種圖形元素稱為對象，每一個對象都是獨的圖像。矢量圖中的各種圖形元素稱為對象，每一個對象都是獨立的個體，都具有大小、顏色、形狀、輪廓等特性。立的個體，都具有大小、顏色、形狀、輪廓等特性。 原圖 放大后的效果1.1.2 矢 量 圖圖像分辨率圖像分辨率屏幕分辨率屏幕分辨率輸出分辨率輸出分辨率1.2分辨率1.2.1圖像分辨率 在在photoshop cs3中，圖像中每單位長度上的

4、像素數(shù)目，中，圖像中每單位長度上的像素數(shù)目，稱為圖像的分辨率，其單位為像素稱為圖像的分辨率，其單位為像素/英寸或是像素英寸或是像素/厘米。在相厘米。在相同尺寸的兩幅圖像中，高分辨率的圖像包含的像素比低分辨同尺寸的兩幅圖像中，高分辨率的圖像包含的像素比低分辨率的圖像包含的像素多。率的圖像包含的像素多。 300像素/英寸 72像素/英寸 1.2.2屏幕分辨率 屏幕分辨率是顯示器上每單位長度顯示屏幕分辨率是顯示器上每單位長度顯示的像素數(shù)目。屏幕分辨率取決于顯示器大小的像素數(shù)目。屏幕分辨率取決于顯示器大小加上其像素設(shè)置。加上其像素設(shè)置。pc顯示器的分辨率一般約顯示器的分辨率一般約為為96像素像素/英寸

5、，英寸，mac顯示器的分辨率一般約顯示器的分辨率一般約為為72像素像素/英寸。在英寸。在photoshop cs3中，圖像中，圖像像素被直接轉(zhuǎn)換成顯示器像素，當(dāng)圖像分辨像素被直接轉(zhuǎn)換成顯示器像素，當(dāng)圖像分辨率高于顯示器分辨率時，屏幕中顯示出的圖率高于顯示器分辨率時，屏幕中顯示出的圖像比實際尺寸大。像比實際尺寸大。 1.2.3輸出分辨率 輸出分辨率是照排機(jī)或打印機(jī)等輸出設(shè)備輸出分辨率是照排機(jī)或打印機(jī)等輸出設(shè)備產(chǎn)生的每英寸的油墨點數(shù)（產(chǎn)生的每英寸的油墨點數(shù)（dpi）。打印機(jī)的分）。打印機(jī)的分辨率在辨率在720 dpi以上的，可以使圖像獲得比較好以上的，可以使圖像獲得比較好的效果。的效果。 cmyk

6、模式模式 rgb模式模式灰度模式灰度模式 lab模式模式 1.3色彩模式1.3.1cmyk模式 cmyk代表了印刷上用的代表了印刷上用的4種油墨色：種油墨色：c代表青色，代表青色，m代代表洋紅色，表洋紅色，y代表黃色，代表黃色，k代表黑色。代表黑色。cmyk模式在印刷時模式在印刷時應(yīng)用了色彩學(xué)中的減法混合原理，即減色色彩模式，它是圖應(yīng)用了色彩學(xué)中的減法混合原理，即減色色彩模式，它是圖片、插圖和其他作品中最常用的一種印刷方式。片、插圖和其他作品中最常用的一種印刷方式。 photoshop中的cmyk顏色控制面板 illustrator中的cmyk顏色控制面板 1.3.2rgb模式 rgb模式是一

7、種加色模式，它通過紅、綠、藍(lán)模式是一種加色模式，它通過紅、綠、藍(lán)3種色光相種色光相疊加而形成更多的顏色。疊加而形成更多的顏色。rgb是色光的彩色模式，一幅是色光的彩色模式，一幅24bit的的rgb圖像有圖像有3個色彩信息的通道：紅色（個色彩信息的通道：紅色（r）、綠色（）、綠色（g）和藍(lán)色（和藍(lán)色（b）。）。 photoshop中的rgb顏色控制面板 illustrator中的rgb顏色控制面板 1.3.3灰度模式 灰度模式（灰度圖）又稱為灰度模式（灰度圖）又稱為8比特深度圖。每個像素用比特深度圖。每個像素用8個個二進(jìn)制位表示，能產(chǎn)生二進(jìn)制位表示，能產(chǎn)生28即即256級灰色調(diào)。當(dāng)一個彩色文件被

8、級灰色調(diào)。當(dāng)一個彩色文件被轉(zhuǎn)換為灰度模式文件時，所有的顏色信息都將從文件中丟失。轉(zhuǎn)換為灰度模式文件時，所有的顏色信息都將從文件中丟失。盡管盡管photoshop允許將一個灰度文件轉(zhuǎn)換為彩色模式文件，但允許將一個灰度文件轉(zhuǎn)換為彩色模式文件，但不可能將原來的顏色完全還原。不可能將原來的顏色完全還原。 photoshop中的灰度顏色控制面板 illustrator中的灰度顏色控制面板 1.3.4lab模式 lab是是photoshop中的一種國際色彩標(biāo)準(zhǔn)模式，它由中的一種國際色彩標(biāo)準(zhǔn)模式，它由3個通個通道組成：一個通道是透明度，即道組成：一個通道是透明度，即l；其他兩個是色彩通道，即；其他兩個是色彩

9、通道，即色相和飽和度，用色相和飽和度，用a和和b表示。表示。a通道包括的顏色值從深綠到灰，通道包括的顏色值從深綠到灰，再到亮粉紅色；再到亮粉紅色；b通道是從亮藍(lán)色到灰，再到焦黃色。這種色彩通道是從亮藍(lán)色到灰，再到焦黃色。這種色彩混合后將產(chǎn)生明亮的色彩?；旌虾髮a(chǎn)生明亮的色彩。 photoshop中的lab顏色控制面板1.4文件格式tif是標(biāo)簽圖像格式。是標(biāo)簽圖像格式。tif格式對于色彩通道圖像來說具有很強(qiáng)的格式對于色彩通道圖像來說具有很強(qiáng)的可移植性，它可以用于可移植性，它可以用于pc、macintosh及及unix工作站三大平臺，工作站三大平臺，是這三大平臺上使用最廣泛的繪圖格式。是這三大平臺

10、上使用最廣泛的繪圖格式。psd格式是格式是photoshop軟件自身的專用文件格式，軟件自身的專用文件格式，psd格式能夠保格式能夠保存圖像數(shù)據(jù)的細(xì)小部分，如圖層、蒙版、通道等，存圖像數(shù)據(jù)的細(xì)小部分，如圖層、蒙版、通道等，photoshop對圖對圖像進(jìn)行特殊處理的信息。像進(jìn)行特殊處理的信息。ai格式是格式是illustrator軟件的專用格式。它的兼容度比較高，可以在軟件的專用格式。它的兼容度比較高，可以在coreldraw中打開，也可以將中打開，也可以將cdr格式的文件導(dǎo)出為格式的文件導(dǎo)出為ai格式。格式。jpeg是是joint photographic experts group的縮寫詞，

11、譯為聯(lián)合圖的縮寫詞，譯為聯(lián)合圖片專家組。片專家組。jpeg格式既是格式既是photoshop支持的一種文件格式，也是一支持的一種文件格式，也是一種壓縮方案。它是種壓縮方案。它是macintosh上常用的一種存儲類型。上常用的一種存儲類型。eps格式為壓縮的格式為壓縮的postscript格式，是為格式，是為postscript打印機(jī)上輸出圖打印機(jī)上輸出圖像開發(fā)的格式。其最大優(yōu)點是在排版軟件中可以以低分辨率預(yù)覽，像開發(fā)的格式。其最大優(yōu)點是在排版軟件中可以以低分辨率預(yù)覽，而在打印時以高分辨率輸出。它不支持而在打印時以高分辨率輸出。它不支持alpha通道，但可以支持裁通道，但可以支持裁切路徑。切路徑

12、。 在在photoshop中設(shè)置頁面中設(shè)置頁面在在illustrator中設(shè)置頁面中設(shè)置頁面1.5頁面設(shè)置1.5.1在photoshop中設(shè)置頁面 選擇選擇“文件文件 新建新建”命令，彈出命令，彈出“新建新建”對話對話框，設(shè)置需要的選項，單擊框，設(shè)置需要的選項，單擊“確定確定”按鈕，新建頁按鈕，新建頁面。面。 “新建”對話框 1.5.2在illustrator中設(shè)置頁面 選擇選擇“文件文件 新建新建”命令，彈出命令，彈出“新建新建”對話框，設(shè)置需要對話框，設(shè)置需要的選項，單擊的選項，單擊“新建新建”，可新建一個文件。，可新建一個文件。 “新建”對話框在在photoshop中調(diào)整圖像大小中調(diào)整圖

13、像大小在在illustrator中調(diào)整圖像大小中調(diào)整圖像大小1.6圖片大小1.6.1在photoshop中調(diào)整圖像大小 打開需要的圖像，選擇打開需要的圖像，選擇“圖像圖像 圖像大小圖像大小”命令，彈出命令，彈出“圖像大小圖像大小”對話框，設(shè)置需要的選項，單擊對話框，設(shè)置需要的選項，單擊“確定確定”按鈕，按鈕，可調(diào)整圖像大小?？烧{(diào)整圖像大小。 “圖像大小”對話框1.6.2在illustrator中調(diào)整圖像大小 選取要縮放的對象，對象的周圍出現(xiàn)控選取要縮放的對象，對象的周圍出現(xiàn)控制手柄。用鼠標(biāo)拖曳控制手柄可以手動縮小制手柄。用鼠標(biāo)拖曳控制手柄可以手動縮小或放大對象。選擇或放大對象。選擇“窗口窗口

14、變換變換”命令，彈命令，彈出出“變換變換”控制面板。根據(jù)需要調(diào)整控制面板。根據(jù)需要調(diào)整“w”和和“h”選項中好寬度和高度值，可調(diào)整圖選項中好寬度和高度值，可調(diào)整圖像大小。像大小。 1.7出血 在在photoshop中設(shè)置出血中設(shè)置出血在在illustrator中設(shè)置出血中設(shè)置出血1.7.1在photoshop中設(shè)置出血 要求制作的名片的成品尺寸是要求制作的名片的成品尺寸是90mm55mm，如果名，如果名片有底色或花紋，則需要將底色或花紋跨出頁面邊緣的成品片有底色或花紋，則需要將底色或花紋跨出頁面邊緣的成品裁切線裁切線3mm。在。在photoshop中新建的文件頁面尺寸需要設(shè)置中新建的文件頁面尺

15、寸需要設(shè)置為為96 mm61mm。使用選擇。使用選擇“視圖視圖 新建參考線新建參考線”命令，命令，彈出彈出“新建參考線新建參考線”對話框，可新建參考線顯示對話框，可新建參考線顯示3毫米出血。毫米出血。 “新建參考線”對話框 名片底圖 1.7.2在illustrator中設(shè)置出血 要求制作名片的成品尺寸是要求制作名片的成品尺寸是90mm55mm，需要設(shè)，需要設(shè)置的出血是置的出血是3mm。選擇。選擇“對象對象 裁剪區(qū)域裁剪區(qū)域 建立建立”命令，命令，頁面中顯示有頁面中顯示有3mm出血的裁切區(qū)域。出血的裁切區(qū)域。 名片效果 1.8文字轉(zhuǎn)換 在在photoshop中轉(zhuǎn)換文字中轉(zhuǎn)換文字在在illustr

16、ator中轉(zhuǎn)換文字中轉(zhuǎn)換文字1.8.1在photoshop中轉(zhuǎn)換文字 在在“圖層圖層”控制面板中選中需要的文字圖層，單擊鼠控制面板中選中需要的文字圖層，單擊鼠標(biāo)右鍵，并在彈出的下拉列表中選擇標(biāo)右鍵，并在彈出的下拉列表中選擇“柵格化文字柵格化文字”命令，命令，將文字圖層轉(zhuǎn)換為普通圖層。將文字圖層轉(zhuǎn)換為普通圖層。 “柵格化文字”命令 轉(zhuǎn)換后的文字層 1.8.2在illustrator中轉(zhuǎn)換文字 單擊輸入的文字將其同時選取。選擇單擊輸入的文字將其同時選取。選擇“文字文字 創(chuàng)建創(chuàng)建輪廓輪廓”命令，將文字轉(zhuǎn)換為輪廓。命令，將文字轉(zhuǎn)換為輪廓。 輸入的文字 轉(zhuǎn)換后的文字 1.9印前檢查 在在illustrator中，打中，打開需要的文件，選擇開需要的文件，選擇“窗口窗口 文檔信息文檔信息”命命令，彈出令，彈出“文檔信息文檔信息”面板，單擊右上方的圖面板，單擊右上方的圖標(biāo)，在彈出的下拉菜單標(biāo)，在彈出的下拉菜單中可查看各個項目。中可查看各個項目。 “文檔信息”面板