Photoshop-平面設(shè)計基礎(chǔ)及Ps基本操作課件

第一講平面設(shè)計基礎(chǔ)及Ps基本操作1

第一講1知識點(diǎn)：

平面設(shè)計概念？ 所用軟件及軟件功能介紹？ 常用設(shè)計尺寸？ 軟件常用快捷鍵？ 分辨率概念及分辨率與圖像之間的關(guān)系？ 顏色及顏色模式、如何設(shè)定正確的印刷色？ 文件格式？重點(diǎn)知識：

分辨率、顏色模式學(xué)習(xí)目標(biāo)： 對文檔進(jìn)行準(zhǔn)備的、符合印刷規(guī)格的設(shè)置2

知識點(diǎn)：2平面設(shè)計：是把平面上的幾個基本元素，包括圖形、字體、文字、插圖、色彩、標(biāo)志等等以符合傳達(dá)目的的方式組合起來，使之成為批量生產(chǎn)的印刷品，使之具有進(jìn)行準(zhǔn)確的視覺傳達(dá)的功能，同時給觀眾以設(shè)計需要達(dá)到的視覺心里滿足。3

平面設(shè)計：3海報4

海4海報：5

海報：5樓書6

樓6樓書：7

樓書：78

8包裝9

包9畫冊10

畫冊10畫冊：11

畫冊：11畫冊：12

畫冊：12VI：13

VI：1314

14DM直投15

DM直投15POP16

POP1617

17一、基本概念（P2）（1）位圖（點(diǎn)陣圖）：最有代表性的軟件就是Photoshop圖象是由最基本的象素點(diǎn)組成的。優(yōu)點(diǎn)：圖象的色調(diào)表現(xiàn)豐富、逼真、具有照片之感。缺點(diǎn)：圖象的文件較大、受分辨率的影響較大，放大、旋轉(zhuǎn)等易失真。18

一、基本概念（P2）18（2）矢量圖：最有代表性的軟件就是Illustrator,Coreldraw、Freehand等；其基本組成單元是錨點(diǎn)和路徑。優(yōu)點(diǎn)：不論放大、縮小多少，邊緣都是平滑的，圖像永遠(yuǎn)清晰，適用于制作企業(yè)標(biāo)志，可隨時進(jìn)行縮放，效果同樣清晰。19

（2）矢量圖：最有代表性的軟件就是Illustrator,C二、photoshop簡介：photoshop是Adobe公司開發(fā)的一款功能強(qiáng)大的位圖（圖像）處理軟件，它被廣泛應(yīng)用于平面廣告設(shè)計、網(wǎng)頁和藝術(shù)圖像創(chuàng)作等諸多領(lǐng)域。

三、photoshop軟件安裝：1、找到安裝程序中的setup.exe文件，雙擊如圖1-12、進(jìn)入安裝界面，單擊”下一步”按鈕，繼續(xù)安裝過程。3．同意軟件許可協(xié)議，單擊”接受”按鈕繼續(xù)，單擊下一步按鈕。4．安裝向?qū)б笥脩糨斎胗脩粜畔?，如用戶姓名和公司名以及序列號等信息，單擊“下一步”按鈕。5．選擇目標(biāo)文件夾，單擊下一步按鈕。單擊“安裝”按鈕,需要幾分鐘就可以安裝成功了。1.120

二、photoshop簡介：1.1206．彈出激活對話框,選擇通過”軟件自動激活系統(tǒng)”進(jìn)行電話激活，單擊下一步。7．彈出電話激活，如圖1-2，將激號選中并復(fù)制。1.221

6．彈出激活對話框,選擇通過”軟件自動激活系統(tǒng)”進(jìn)行電話激活8．雙擊打開注冊機(jī)如圖1-3，彈出如圖1-4界面，調(diào)制到photoshop

CS29.0，將剛才復(fù)制的激活號輸入到注冊機(jī)中“RequestCode”框內(nèi)，單擊Ｇenerate按鈕，自動生成“AnswerCode”五組號碼，將這組號碼輸入到如圖１-２第４項(xiàng)中即可。

1-31-422

8．雙擊打開注冊機(jī)如圖1-3，彈出如圖1-4界面，1-31-四、photoshop軟件使用：1、Photoshop是由菜單欄、選項(xiàng)欄、工具箱、浮動面板、繪圖區(qū)所組成如圖菜單欄選項(xiàng)欄工具箱浮動調(diào)板

繪圖區(qū)23

四、photoshop軟件使用：菜單欄選項(xiàng)欄工具箱浮動調(diào)板五、常用快捷鍵：三個控制鍵：CtrlAltShift1、新建Ctrl+N(Ctrl+雙擊空白區(qū)域)2、打開Ctrl+O(或雙擊空白區(qū)域),3、保存Ctrl+S,另存Shift+Ctrl+S4、顯示與隱藏標(biāo)尺Ctrl+R5、顯示與隱藏參考線Ctrl+;6、視圖比例Ctrl++，Ctrl+-（只改變比例大小而不改變尺寸大小）7、Ctrl+T：自由變換（對圖像進(jìn)行放大縮小及旋轉(zhuǎn)等操作）8、基本顏色的填充，Ctrl+Delete(填充背景色)Alt+Delete(填充前景色)9、回退Ctrl+Z（只能往前退一步）10、返回Ctrl+Alt+Z（連續(xù)回退指定步數(shù)）向前Ctrl+Shift+Z11、隱藏/顯示工具箱及面板：Tab鍵12、預(yù)覽：標(biāo)準(zhǔn)屏幕模式、菜單全屏模式、全屏模式：F鍵24

五、常用快捷鍵：24軟件應(yīng)用：一、設(shè)計常用尺寸表：三折頁廣告：標(biāo)準(zhǔn)尺寸:210mmx285mm普通宣傳冊：標(biāo)準(zhǔn)尺寸:210mmx285mm文件封套：標(biāo)準(zhǔn)尺寸:220mmx305mm招貼畫：標(biāo)準(zhǔn)尺寸:540mmx380mm掛旗：標(biāo)準(zhǔn)尺寸:8開376mmx265mm；4開540mmx380mm手提袋：標(biāo)準(zhǔn)尺寸:400mmx285mmx80mm信紙便條：標(biāo)準(zhǔn)尺寸:185mmx260mm;210mmx285mm名片：橫版:90

x55mm；豎版:50x90mm25

軟件應(yīng)用：25

二、出血：1、概念：是為了避免在裁切帶有超出成品邊緣的圖片或背景的作品時，因裁切的誤差而露出白邊采取的預(yù)防措施，通常是把圖片或背景向成品頁面外擴(kuò)展3mm2、利用參考線標(biāo)示出血線：參考線可幫助您精確地確定圖像或元素的位置。顯示與隱藏標(biāo)尺：Ctrl+R，在標(biāo)尺上單擊右鍵可更改標(biāo)尺的單位在標(biāo)尺上可拖拽出橫向或縱向參考線，利用移動工具可移動參考線顯示與隱藏參考線：Ctrl+;鎖定與解除鎖定參考線：Ctrl+Alt+;清除參考線：視圖->清除參考線新建參考線：視圖->新建參考線（利用數(shù)值定位參考線的準(zhǔn)確位置）編輯->首選項(xiàng)->參考線、網(wǎng)格和切片，可修改參考線相關(guān)屬性26

二、出血：26

考題：

從上圖到下圖的參考線發(fā)生變化。請問下列關(guān)于參考線的說法正確的是（）。A、參考線只有幾種可選擇的顏色，不能自定義顏色B、參考線可以設(shè)置任意的顏色

c、參考線的樣式有多種，如：直線、虛線、雙線…

…

等D、參考線的樣式只有兩種：直線和虛線27

考題：A、參考線只有幾種可選擇的顏色，不能自定義顏色2三、分辨率（P3）1、概念：單位長度內(nèi)所包含的像素數(shù)量單位：ppi（像素/英寸）：圖像分辨率

dpi（點(diǎn)/英寸）：輸出設(shè)備分辨率像素（Pixel）：組成圖像的最基本單元，是一個小的矩形顏色塊。2、分辨率與圖像質(zhì)量之間的關(guān)系：

分辨率越大，圖像質(zhì)量越好，但文件也會越大3、常用分辨率設(shè)定：

（1）屏幕顯示分辨率：72ppi（2）印刷分辨率：至少為300ppi

（3）噴繪分辨率：根據(jù)文件大小而定(一般將文件控制在400M之內(nèi))

28

三、分辨率（P3）28四、顏色模式：1、顏色（P36）（1）加色三原色：紅色、綠色、藍(lán)色

紅色＋綠色＝黃色 綠色＋藍(lán)色＝青色 藍(lán)色＋紅色＝品紅色 紅色＋綠色＋藍(lán)色＝白色（2）減色三原色：青色、品紅色、黃色

青色＋品紅色＝藍(lán)色 品紅色＋黃色＝紅色 黃色＋青色＝綠色 青色＋品紅色＋黃色＝黑色29

四、顏色模式：292、顏色模式（P4）（1）RGB模式：R代表紅色，G代表綠色，B代表藍(lán)色

三種色彩疊加形成了其它的色彩，所有顯示器、投影設(shè)備以及電視機(jī)等等許多設(shè)備都依賴于這種加色模式來實(shí)現(xiàn)的。就編輯圖象而言，RGB色彩模式是最佳的顯示色彩模式

顏色值范圍：0-255之間，值越大，顏色越亮考題：在RGB模式的圖像中每個像素的顏色值都由R、G、B這3個數(shù)值來決定，每個數(shù)值的范圍都是0到255。當(dāng)R、G、B數(shù)值分別為相等、均為255、均為0這3種不同的情況時，最終的顏色分別是（）、（）、（）

。30

2、顏色模式（P4）30（2）CMYK模式：C代表青色，M代表品紅色，Y代表黃色，K代表黑色。

CMYK模式是最佳的印刷模式

顏色值范圍：0%-100%，值越大，顏色越暗實(shí)際工作中，通常以色譜中數(shù)值的方式確定顏色，可以最大限度地避免顯示器的誤差。考題：當(dāng)在“顏色”調(diào)板中選擇顏色時出現(xiàn)“!”說明什么（）A、所選擇的顏色超出了Lab色域B、所選擇的顏色超出了HSB色域C、所選擇的顏色超出了RGB色域D、CMYK中無法再現(xiàn)出此顏色31

（2）CMYK模式：C代表青色，M代表品紅色，Y代表黃色，K（3）位圖模式：有黑色和白色兩種像素組成的圖象只有灰度圖象或多通道圖象才能被轉(zhuǎn)化為位圖模式（4）Lab模式：Lab模式既不依賴光線，也不依賴于顏料，Lab模式彌補(bǔ)了RGB和CMYK兩種色彩模式的不足。Lab模式色域最寬、RGB模式次之、CMYK模式色域最窄，因此，在顏色轉(zhuǎn)換時，Lab模式作為中間過度模式，即RGB－＞Lab->CMYK考題：下列哪些圖像顏色模式是通過“新建”文件對話框無法實(shí)現(xiàn)的？

A、Lab模式 B、多通道模式

C、索引色模式 D、位圖模式32

（3）位圖模式：有黑色和白色兩種像素組成的圖象32五、文件格式1、PSD格式和PDD格式PSD和PDD格式是軟件自身的專用文件格式，可存儲圖層、路徑與通道2、JPEG格式JPEG格式具有很好的壓縮比3、TIF（TIFF）格式跨平臺操作，可存儲圖層、路徑和通道4、GIF格式

文件小，支持動畫形式

5、EPS格式支持蘋果系統(tǒng)，但不存儲通道33

五、文件格式33作業(yè)一、設(shè)計個人名片一張二、制作貴賓卡一張，要求：尺寸：與橫版名片大小一致顏色：M70Y5各項(xiàng)設(shè)置符合印刷規(guī)格，并標(biāo)示出血線，內(nèi)容自定。34

作業(yè)34

第一講平面設(shè)計基礎(chǔ)及Ps基本操作35

第一講1知識點(diǎn)：

平面設(shè)計概念？ 所用軟件及軟件功能介紹？ 常用設(shè)計尺寸？ 軟件常用快捷鍵？ 分辨率概念及分辨率與圖像之間的關(guān)系？ 顏色及顏色模式、如何設(shè)定正確的印刷色？ 文件格式？重點(diǎn)知識：

分辨率、顏色模式學(xué)習(xí)目標(biāo)： 對文檔進(jìn)行準(zhǔn)備的、符合印刷規(guī)格的設(shè)置36

知識點(diǎn)：2平面設(shè)計：是把平面上的幾個基本元素，包括圖形、字體、文字、插圖、色彩、標(biāo)志等等以符合傳達(dá)目的的方式組合起來，使之成為批量生產(chǎn)的印刷品，使之具有進(jìn)行準(zhǔn)確的視覺傳達(dá)的功能，同時給觀眾以設(shè)計需要達(dá)到的視覺心里滿足。37

平面設(shè)計：3海報38

海4海報：39

海報：5樓書40

樓6樓書：41

樓書：742

8包裝43

包9畫冊44

畫冊10畫冊：45

畫冊：11畫冊：46

畫冊：12VI：47

VI：1348

14DM直投49

DM直投15POP50

POP1651

17一、基本概念（P2）（1）位圖（點(diǎn)陣圖）：最有代表性的軟件就是Photoshop圖象是由最基本的象素點(diǎn)組成的。優(yōu)點(diǎn)：圖象的色調(diào)表現(xiàn)豐富、逼真、具有照片之感。缺點(diǎn)：圖象的文件較大、受分辨率的影響較大，放大、旋轉(zhuǎn)等易失真。52

一、基本概念（P2）18（2）矢量圖：最有代表性的軟件就是Illustrator,Coreldraw、Freehand等；其基本組成單元是錨點(diǎn)和路徑。優(yōu)點(diǎn)：不論放大、縮小多少，邊緣都是平滑的，圖像永遠(yuǎn)清晰，適用于制作企業(yè)標(biāo)志，可隨時進(jìn)行縮放，效果同樣清晰。53

（2）矢量圖：最有代表性的軟件就是Illustrator,C二、photoshop簡介：photoshop是Adobe公司開發(fā)的一款功能強(qiáng)大的位圖（圖像）處理軟件，它被廣泛應(yīng)用于平面廣告設(shè)計、網(wǎng)頁和藝術(shù)圖像創(chuàng)作等諸多領(lǐng)域。

三、photoshop軟件安裝：1、找到安裝程序中的setup.exe文件，雙擊如圖1-12、進(jìn)入安裝界面，單擊”下一步”按鈕，繼續(xù)安裝過程。3．同意軟件許可協(xié)議，單擊”接受”按鈕繼續(xù)，單擊下一步按鈕。4．安裝向?qū)б笥脩糨斎胗脩粜畔?，如用戶姓名和公司名以及序列號等信息，單擊“下一步”按鈕。5．選擇目標(biāo)文件夾，單擊下一步按鈕。單擊“安裝”按鈕,需要幾分鐘就可以安裝成功了。1.154

二、photoshop簡介：1.1206．彈出激活對話框,選擇通過”軟件自動激活系統(tǒng)”進(jìn)行電話激活，單擊下一步。7．彈出電話激活，如圖1-2，將激號選中并復(fù)制。1.255

6．彈出激活對話框,選擇通過”軟件自動激活系統(tǒng)”進(jìn)行電話激活8．雙擊打開注冊機(jī)如圖1-3，彈出如圖1-4界面，調(diào)制到photoshop

CS29.0，將剛才復(fù)制的激活號輸入到注冊機(jī)中“RequestCode”框內(nèi)，單擊Ｇenerate按鈕，自動生成“AnswerCode”五組號碼，將這組號碼輸入到如圖１-２第４項(xiàng)中即可。

1-31-456

8．雙擊打開注冊機(jī)如圖1-3，彈出如圖1-4界面，1-31-四、photoshop軟件使用：1、Photoshop是由菜單欄、選項(xiàng)欄、工具箱、浮動面板、繪圖區(qū)所組成如圖菜單欄選項(xiàng)欄工具箱浮動調(diào)板

繪圖區(qū)57

四、photoshop軟件使用：菜單欄選項(xiàng)欄工具箱浮動調(diào)板五、常用快捷鍵：三個控制鍵：CtrlAltShift1、新建Ctrl+N(Ctrl+雙擊空白區(qū)域)2、打開Ctrl+O(或雙擊空白區(qū)域),3、保存Ctrl+S,另存Shift+Ctrl+S4、顯示與隱藏標(biāo)尺Ctrl+R5、顯示與隱藏參考線Ctrl+;6、視圖比例Ctrl++，Ctrl+-（只改變比例大小而不改變尺寸大?。?、Ctrl+T：自由變換（對圖像進(jìn)行放大縮小及旋轉(zhuǎn)等操作）8、基本顏色的填充，Ctrl+Delete(填充背景色)Alt+Delete(填充前景色)9、回退Ctrl+Z（只能往前退一步）10、返回Ctrl+Alt+Z（連續(xù)回退指定步數(shù)）向前Ctrl+Shift+Z11、隱藏/顯示工具箱及面板：Tab鍵12、預(yù)覽：標(biāo)準(zhǔn)屏幕模式、菜單全屏模式、全屏模式：F鍵58

五、常用快捷鍵：24軟件應(yīng)用：一、設(shè)計常用尺寸表：三折頁廣告：標(biāo)準(zhǔn)尺寸:210mmx285mm普通宣傳冊：標(biāo)準(zhǔn)尺寸:210mmx285mm文件封套：標(biāo)準(zhǔn)尺寸:220mmx305mm招貼畫：標(biāo)準(zhǔn)尺寸:540mmx380mm掛旗：標(biāo)準(zhǔn)尺寸:8開376mmx265mm；4開540mmx380mm手提袋：標(biāo)準(zhǔn)尺寸:400mmx285mmx80mm信紙便條：標(biāo)準(zhǔn)尺寸:185mmx260mm;210mmx285mm名片：橫版:90

x55mm；豎版:50x90mm59

軟件應(yīng)用：25

二、出血：1、概念：是為了避免在裁切帶有超出成品邊緣的圖片或背景的作品時，因裁切的誤差而露出白邊采取的預(yù)防措施，通常是把圖片或背景向成品頁面外擴(kuò)展3mm2、利用參考線標(biāo)示出血線：參考線可幫助您精確地確定圖像或元素的位置。顯示與隱藏標(biāo)尺：Ctrl+R，在標(biāo)尺上單擊右鍵可更改標(biāo)尺的單位在標(biāo)尺上可拖拽出橫向或縱向參考線，利用移動工具可移動參考線顯示與隱藏參考線：Ctrl+;鎖定與解除鎖定參考線：Ctrl+Alt+;清除參考線：視圖->清除參考線新建參考線：視圖->新建參考線（利用數(shù)值定位參考線的準(zhǔn)確位置）編輯->首選項(xiàng)->參考線、網(wǎng)格和切片，可修改參考線相關(guān)屬性60

二、出血：26

考題：

從上圖到下圖的參考線發(fā)生變化。請問下列關(guān)于參考線的說法正確的是（）。A、參考線只有幾種可選擇的顏色，不能自定義顏色B、參考線可以設(shè)置任意的顏色

c、參考線的樣式有多種，如：直線、虛線、雙線…

…

等D、參考線的樣式只有兩種：直線和虛線61

考題：A、參考線只有幾種可選擇的顏色，不能自定義顏色2三、分辨率（P3）1、概念：單位長度內(nèi)所包含的像素數(shù)量單位：ppi（像素/英寸）：圖像分辨率

dpi（點(diǎn)/英寸）：輸出設(shè)備分辨率像素（Pixel）：組成圖像的最基本單元，是一個小的矩形顏色塊。2、分辨率與圖像質(zhì)量之間的關(guān)系：

分辨率越大，圖像質(zhì)量越好，但文件也會越大3、常用分辨率設(shè)定：

（1）屏幕顯示分辨率：72ppi（2）印刷分辨率：至少為300ppi

（3）噴繪分辨率：根據(jù)文件大小而定(一般將文件控制在400M之內(nèi))

62

三、分辨率（P3）28四、顏色模式：1、顏色（P36）（1）加色三原色：紅色、綠色、藍(lán)色

紅色＋綠色＝黃色 綠色＋藍(lán)色＝青色 藍(lán)色＋紅色＝品紅色 紅色＋綠色＋藍(lán)色＝白色（2）減色三原色：青色、品紅色、黃色

青色＋品紅色＝藍(lán)色 品紅色＋黃色＝紅色 黃色＋青色＝綠色 青色＋品紅色＋黃色＝黑色63

四、顏色模式：292、顏色模式（P4）（1）RGB模式：R代表紅色，G代表綠色，B代表藍(lán)色

三種色彩疊加形成了其它的色彩，所有顯示器、投影設(shè)備以