第1次課打開設(shè)計(jì)之門的金鑰匙(L)

1、一、打開設(shè)計(jì)之門的金鑰匙一、打開設(shè)計(jì)之門的金鑰匙平面設(shè)計(jì)的實(shí)現(xiàn)手段平面設(shè)計(jì)的實(shí)現(xiàn)手段Adobe PhotoshopAdobe IllustratorAdobe PagemakerAdobe Acr batoCorelDRAW常用的平面設(shè)計(jì)軟件：常用的平面設(shè)計(jì)軟件：Adobe公司（）成立于1982年，為Web和出版領(lǐng)域提供屢獲殊榮的軟件解決方案。Adobe的產(chǎn)品涉及圖形、圖像和動(dòng)態(tài)媒體設(shè)計(jì)與創(chuàng)作工具，使用戶創(chuàng)建、發(fā)布和傳遞具有豐富視覺效果的多種媒體信息。Adobe公司總部位于美國(guó)加州圣荷塞市，是美國(guó)第二大PC軟件公司，年?duì)I業(yè)額超過(guò)13億美元。Photoshop是目前世界上最暢銷的圖像編輯軟件，它

2、已經(jīng)成為眾多涉及圖像處理行業(yè)的標(biāo)準(zhǔn)，并且一直是Adobe System Inc.公司巨大的收入來(lái)源（據(jù)有關(guān)資料，Photoshop占Adobe公司整個(gè)營(yíng)業(yè)收入的30%，在所有Adobe軟件產(chǎn)品中獨(dú)占鰲頭）。Adobe Photoshop cs軟件作為專業(yè)的圖像編輯標(biāo)準(zhǔn)，可幫助您提高工作效率，嘗試新的創(chuàng)作方式，以及制作適用于打印、Web 和其他任何用途的最佳品質(zhì)的圖像。通過(guò)更便捷的文件數(shù)據(jù)訪問(wèn)、簡(jiǎn)易的Web 設(shè)計(jì)、更快的專業(yè)品質(zhì)照片潤(rùn)飾功能及其他功能，可創(chuàng)造出無(wú)與倫比的圖像世界。思考：根據(jù)大家所知，思考：根據(jù)大家所知，Photoshop Photoshop 在實(shí)際應(yīng)用中，能做什么？在實(shí)際應(yīng)用中，

3、能做什么？照片的修復(fù)與編輯:修復(fù)之前修復(fù)之后調(diào)整之前調(diào)整之后校色：校色：調(diào)色：調(diào)色：調(diào)色前：調(diào)色前：調(diào)色后：調(diào)色后：美容：美容：美容前：美容前：美容后：美容后：美白：美白：美白后：美白后：美白前：美白前：鼠繪：鼠繪：圖片合成：圖片合成：圖像合成原理圖像合成原理: :PhotoshopPhotoshop特效特效: :文字特效文字特效: :播放器界面設(shè)計(jì)播放器界面設(shè)計(jì)：產(chǎn)品效果圖表現(xiàn)：產(chǎn)品效果圖表現(xiàn)：動(dòng)畫效果：動(dòng)畫效果：學(xué)生作品欣賞學(xué)生作品欣賞:PHOTOSHOP CS PHOTOSHOP CS 的基礎(chǔ)知識(shí)的基礎(chǔ)知識(shí) 常規(guī)概念常規(guī)概念1.11.1像素（像素（PixelPixel） 像素是組成圖像的

4、基本單位，它是一個(gè)小的方形顏色塊。圖象通像素是組成圖像的基本單位，它是一個(gè)小的方形顏色塊。圖象通常是由許多像素組成，這些像素被排列成橫行或縱列，每個(gè)像素都是方形常是由許多像素組成，這些像素被排列成橫行或縱列，每個(gè)像素都是方形的的, ,也可以稱為柵格。也可以稱為柵格。 由像素組成的圖片，此類圖放大到一定程度，就會(huì)發(fā)現(xiàn)是由一個(gè)由像素組成的圖片，此類圖放大到一定程度，就會(huì)發(fā)現(xiàn)是由一個(gè)個(gè)方塊組成，即個(gè)方塊組成，即像素像素。像素圖的質(zhì)量由分辨率決定，分辨率越高，圖象的。像素圖的質(zhì)量由分辨率決定，分辨率越高，圖象的效果就越好，有時(shí)像素圖也稱為點(diǎn)陣圖效果就越好，有時(shí)像素圖也稱為點(diǎn)陣圖 。1.2 1.2 點(diǎn)陣

5、圖點(diǎn)陣圖 圖象分辨率的單位是ppi（pixels per inch），即每英寸的像素?cái)?shù)量。圖像分辨率越高，意味著每英寸包含的像素越多，圖像就有越多的細(xì)節(jié)，顏色過(guò)渡就越平滑。輸出分辨率的單位是dpi (dots per inch,每英寸所含的點(diǎn))。激光打印機(jī)的輸出分辨率為300dpi-600dpi.1.3 1.3 分辨率（分辨率（Image ReaolutionImage Reaolution）在圖像間進(jìn)行復(fù)制時(shí)往往會(huì)出現(xiàn)圖像大小不匹配的情況，這些都是由于不同圖像的不同分辨率造成的，把一個(gè)高分辨率的圖像復(fù)制到一個(gè)低分辨率的文件中，或者將一個(gè)低分辨率的圖像復(fù)制到一個(gè)高分辨率的文件中都會(huì)產(chǎn)生很大的懸

6、殊，要通過(guò)一些手段來(lái)處理這些問(wèn)題，比如將兩幅圖像設(shè)置為相同的分辨率即可。思考：不同分辨率的圖像間進(jìn)行復(fù)制時(shí)大小為什么會(huì)發(fā)生變化思考：不同分辨率的圖像間進(jìn)行復(fù)制時(shí)大小為什么會(huì)發(fā)生變化? ? 用于設(shè)計(jì)的圖片素材必須具備哪些條件才可印刷？用于設(shè)計(jì)的圖片素材必須具備哪些條件才可印刷？ 用于印刷的圖片素材最基本的要達(dá)到兩個(gè)要求：色彩必須為CMYK模式；輸出分辨率不得低于300dpi。 矢量圖是用數(shù)字方式描矢量圖是用數(shù)字方式描述的曲線組成，基本組成單元述的曲線組成，基本組成單元是錨點(diǎn)和路徑。不論放大多倍，是錨點(diǎn)和路徑。不論放大多倍，它的邊緣都是平滑的。它的邊緣都是平滑的。1.4 1.4 矢量圖矢量圖思考：

7、位圖和矢量圖有什么區(qū)別思考：位圖和矢量圖有什么區(qū)別, ,各有什么優(yōu)缺點(diǎn)各有什么優(yōu)缺點(diǎn)? ? 位圖受到分辨率的制約，在放大使用時(shí)容易造成“馬賽克”現(xiàn)象，影響畫面效果，但是位圖色彩豐富的特點(diǎn)是矢量圖無(wú)法比擬的；矢量圖可隨意放大使用，對(duì)于畫面而言，不受分辨率約束，但是色彩表現(xiàn)方面不如位圖精細(xì)。1.5 1.5 色彩模式色彩模式RGBRGB模式：光學(xué)三原色，紅模式：光學(xué)三原色，紅(R)(R)、綠、綠(G)(G)、藍(lán)、藍(lán)(B)(B)CMYKCMYK模式：印刷三原色，品紅模式：印刷三原色，品紅(M)(M)、黃、黃(Y)(Y)、青、青(C)(C)、黑、黑(K)(K)LABLAB模式：以一個(gè)亮度分量模式：以一個(gè)

8、亮度分量L L與兩個(gè)顏色分量與兩個(gè)顏色分量a a與與b b來(lái)表示顏色。來(lái)表示顏色。LabLab模式所包含的顏色范圍最廣。模式所包含的顏色范圍最廣。代表了印刷上使用的四種油墨色：代表了印刷上使用的四種油墨色：C C代表代表 青色青色，M M代表代表 洋紅色，洋紅色，Y Y代表代表 黃色黃色，K K代表代表 黑色黑色。CMYK模式在印刷時(shí)應(yīng)用了色彩學(xué)中的減法混合原理，即減色色彩模式，它是圖片，插圖，和其他PS作品中常用的一種印刷方式。CMYK 模式模式與與CMYKCMYK模式不同的是，模式不同的是，RGBRGB模式是一種加色模式，它通過(guò)模式是一種加色模式，它通過(guò)紅，紅，綠，綠，藍(lán)藍(lán)三種色光相疊加而

9、形成更多三種色光相疊加而形成更多的顏色。的顏色。每個(gè)通道都有每個(gè)通道都有8 8位的色彩信息位的色彩信息一個(gè)一個(gè)0 0到到255255的亮度值色閾。也的亮度值色閾。也就是說(shuō)，每一種色彩都有就是說(shuō)，每一種色彩都有256256個(gè)個(gè)亮度水平級(jí)。三種色彩相疊加，亮度水平級(jí)。三種色彩相疊加，可以有可以有25625625625625625616701670萬(wàn)萬(wàn)種可能的顏色。這種可能的顏色。這16701670萬(wàn)種顏色萬(wàn)種顏色足以表現(xiàn)出我們這個(gè)絢麗多彩的足以表現(xiàn)出我們這個(gè)絢麗多彩的世界世界CMYK 模式模式色彩深度是指在一個(gè)圖像中顏色的數(shù)量，常用的色彩深度是色彩深度是指在一個(gè)圖像中顏色的數(shù)量，常用的色彩深度是1

10、 1位（位（BitBit）、）、8 8位、位、2424位和位和3232位。位。色彩深度顏色數(shù)量色彩模式1位2（黑和白）位圖8位256索引顏色16位65536灰度，16位/通道24位1670萬(wàn)RGB32位CMYK，RGB48位RGB，16位/通道1.6 1.6 色彩深度（色彩深度（Color DepthColor Depth）RGB模式：1670萬(wàn)灰度模式：65536位圖模式：2模式轉(zhuǎn)換的方法：模式轉(zhuǎn)換的方法：“圖像圖像”“模式模式”1 1、在存儲(chǔ)時(shí)、在存儲(chǔ)時(shí), ,如何選擇正確的存儲(chǔ)格式呢如何選擇正確的存儲(chǔ)格式呢? ? 2 2、不同的色彩模式會(huì)影響文件的大小嗎、不同的色彩模式會(huì)影響文件的大小嗎?

11、 ? 設(shè)計(jì)時(shí)如何選擇正確的模式？設(shè)計(jì)時(shí)如何選擇正確的模式？ 不同的文件格式對(duì)于文件都有影響，普通查看及預(yù)覽的圖片使用JPEG格式即可，photoshop創(chuàng)建的文件可直接保存為PSD格式即可，小動(dòng)畫類的文件使用GIF即可，其余格式按照使用范圍不同可靈活選擇。 色彩模式對(duì)于文件大小存在一定的影響，色彩模式的選擇要針對(duì)具體的目的，如僅為練習(xí)或上傳導(dǎo)網(wǎng)絡(luò)的話，建議使用RGB模式，印刷則應(yīng)選CMYK模式。 4 4、顯示器里顯示的顏色和印刷出的顏色相同嗎、顯示器里顯示的顏色和印刷出的顏色相同嗎? ?怎樣避免顯示器顯怎樣避免顯示器顯示的顏色和印刷成品的顏色出現(xiàn)色差？示的顏色和印刷成品的顏色出現(xiàn)色差？ 3 3

12、、分辨率與圖像質(zhì)量的關(guān)系是怎樣的、分辨率與圖像質(zhì)量的關(guān)系是怎樣的? ? 圖像分辨率越高，圖像的質(zhì)量就越好，越容易滿足設(shè)計(jì)需求。 顯示器顯像原理是根據(jù)RGB的色彩模式而來(lái)，印刷品所用模式均為CMYK，所以顯示器里顯示的顏色和印刷出的顏色是不相同的，如果要避免示器顯示的顏色和印刷成品的顏色出現(xiàn)色差需要借助于專業(yè)的印刷色譜來(lái)校色。PhotoShop CS2 PhotoShop CS2 界面介紹界面介紹菜單欄工具選項(xiàng)欄工具箱圖像窗口浮動(dòng)調(diào)板矩形選框工具套索工具裁切工具修復(fù)工具仿制圖章工具橡皮擦工具模糊工具路徑選擇工具鋼筆工具注釋工具抓手工具前景色默認(rèn)的前景色和背景色以標(biāo)準(zhǔn)模式編輯標(biāo)準(zhǔn)屏幕顯示模式切換到

13、I m ageReady移動(dòng)工具魔棒工具切片工具畫筆工具歷史畫筆工具填充工具減淡工具文字工具矩形工具吸管工具縮放工具背景色切換前景色和背景色以快速蒙版模式編輯全屏顯示模式帶有菜單欄的全屏顯示模式1.7 Photoshop CS1.7 Photoshop CS的工具箱的工具箱工具箱在工作界面的左側(cè)。當(dāng)選工具箱在工作界面的左側(cè)。當(dāng)選擇不同的工具時(shí)，會(huì)有相應(yīng)的工擇不同的工具時(shí)，會(huì)有相應(yīng)的工具選項(xiàng)欄顯示其不同的選項(xiàng)設(shè)定。具選項(xiàng)欄顯示其不同的選項(xiàng)設(shè)定。每一個(gè)工具都可以找到相應(yīng)的字每一個(gè)工具都可以找到相應(yīng)的字母鍵作為快捷鍵。母鍵作為快捷鍵。具有黑色小箭頭的工具，說(shuō)明里具有黑色小箭頭的工具，說(shuō)明里面有延展工

14、具。面有延展工具。為了方便瀏覽視圖窗口，我們常常需要隱藏或顯示工作界面上的活動(dòng)調(diào)板。按ShiftTab鍵，顯示/隱藏桌面上所有的活動(dòng)調(diào)板。按Tab鍵，顯示/隱藏桌面上所有的活動(dòng)調(diào)板以及工具箱。1.81.8、工作環(huán)境的顯示、工作環(huán)境的顯示管理文件窗口：管理文件窗口：在編輯圖象時(shí)，為了方便操作，要同時(shí)打開多個(gè)圖象窗口進(jìn)行編輯，當(dāng)打在編輯圖象時(shí)，為了方便操作，要同時(shí)打開多個(gè)圖象窗口進(jìn)行編輯，當(dāng)打開多個(gè)圖象窗口后，屏幕會(huì)顯得很亂，為了操作方便，必須進(jìn)行窗口排列開多個(gè)圖象窗口后，屏幕會(huì)顯得很亂，為了操作方便，必須進(jìn)行窗口排列. .操作：窗口文檔拼貼圖象切換快捷鍵：操作：窗口文檔拼貼圖象切換快捷鍵：ctr

15、l+Tab.ctrl+Tab.更改屏幕顯示模式更改屏幕顯示模式 ( (快捷鍵快捷鍵 F)F)窗口控件使您可以更改屏幕顯示模式，包括菜單欄、標(biāo)題欄窗口控件使您可以更改屏幕顯示模式，包括菜單欄、標(biāo)題欄和滾動(dòng)條選項(xiàng)。和滾動(dòng)條選項(xiàng)。 點(diǎn)按工具箱中的屏幕模式按鈕：點(diǎn)按工具箱中的屏幕模式按鈕：左邊的按鈕顯示默認(rèn)窗口，該窗口的頂部有一個(gè)菜單欄，兩左邊的按鈕顯示默認(rèn)窗口，該窗口的頂部有一個(gè)菜單欄，兩側(cè)各有一個(gè)滾動(dòng)條。側(cè)各有一個(gè)滾動(dòng)條。 中間的按鈕顯示全屏窗口，該窗口中有一個(gè)菜單欄和中間的按鈕顯示全屏窗口，該窗口中有一個(gè)菜單欄和 50% 50% 灰灰色的背景，但沒有標(biāo)題欄和滾動(dòng)條。色的背景，但沒有標(biāo)題欄和滾動(dòng)條

16、。 右邊的按鈕顯示全屏窗口，該窗口有黑色背景，但沒有標(biāo)題右邊的按鈕顯示全屏窗口，該窗口有黑色背景，但沒有標(biāo)題欄、菜單欄和滾動(dòng)條。欄、菜單欄和滾動(dòng)條。 按快捷鍵按快捷鍵Ctrl+KCtrl+K，會(huì)彈，會(huì)彈出右圖所示的預(yù)置對(duì)話出右圖所示的預(yù)置對(duì)話框，通過(guò)預(yù)置對(duì)話框定框，通過(guò)預(yù)置對(duì)話框定制和優(yōu)化制和優(yōu)化PhotoshopPhotoshop的工的工作環(huán)境作環(huán)境. .1.9 Photoshop CS1.9 Photoshop CS的常規(guī)預(yù)置的常規(guī)預(yù)置 單擊主菜單欄的單擊主菜單欄的“文件文件”菜單，在下拉菜單中選擇新建（菜單，在下拉菜單中選擇新建（NewNew）命令。）命令。此時(shí)會(huì)彈出新建對(duì)話框。此時(shí)會(huì)彈

17、出新建對(duì)話框。2.12.1、新建文件（、新建文件（Ctrl+NCtrl+N）2.22.2、打開文件（、打開文件（Ctrl+OCtrl+O） 單擊主菜單欄的“文件”菜單，在下拉菜單中選擇新建（New）命令。此時(shí)會(huì)彈出新建對(duì)話框。2.32.3、 更改圖像大小更改圖像大小 如果圖像文件大小不符合所需要求，可通過(guò)“圖像”菜單下的“圖像大小”彈出的“圖像大小”對(duì)話框進(jìn)行修改。選擇保存的路徑選擇保存的格式2.42.4、保存文件（、保存文件（Ctrl+SCtrl+S） 單擊主菜單欄的“文件”菜單，在下拉菜單中選擇存儲(chǔ)（Save）命令，此時(shí)會(huì)彈出對(duì)話框。 如果需要另外再保存成一個(gè)新文件，還可以執(zhí)行“另存為”命

18、令（Ctrl+Shift+S)可以使用多種方法放大或縮小視圖。窗口的標(biāo)題欄中會(huì)顯示出縮放百分比（除非窗口太小，放不下顯示內(nèi)容），窗口底部的狀態(tài)欄也會(huì)顯示縮放百分比。 注：圖像的 100% 視圖所顯示的圖像與它在瀏覽器中顯示的一樣（基于顯示器分辨率和圖像分辨率）。3.13.1、放大和縮小視圖：、放大和縮小視圖：使用縮放工具： 選擇縮放工具，按住 Alt 鍵啟動(dòng)縮小工具，通過(guò)點(diǎn)擊鼠標(biāo)左鍵或在圖像中需要放大的部分上拖移。 選取“視圖”“放大（Ctrl+）”、“縮?。–trl+-）”。在窗口左下方的“縮放”文本框中輸入縮放級(jí)別。注：在沒有選擇縮放工具的情況下按“Ctrl+空格空格” 不放不放，臨時(shí)切換

19、為放大工具，按“Alt+空格空格”不放不放，臨時(shí)切換為縮小工具；按 100% 顯示圖像：點(diǎn)按兩次縮放工具。選取“視圖”“實(shí)際像素”。將視圖更改為滿屏顯示：點(diǎn)按兩次抓手工具。 選取“視圖”“滿畫布顯示”。（快捷鍵：空格鍵）放大或縮小視圖時(shí)自動(dòng)調(diào)整窗口大小：在縮放工具處于現(xiàn)用狀態(tài)時(shí)，選擇選項(xiàng)欄內(nèi)的“調(diào)整窗口大小以滿屏顯示”。這樣，窗口就會(huì)在您放大或縮小圖像視圖時(shí)調(diào)整大小。放大和縮小視圖：放大和縮小視圖：圖層圖層 圖層是圖層是Photoshop的核心功能，幾乎所有的操作都圍繞著圖層的核心功能，幾乎所有的操作都圍繞著圖層來(lái)進(jìn)行，因此其重要性絕對(duì)不可忽視。圖層源于傳統(tǒng)繪畫，類似于制來(lái)進(jìn)行，因此其重要性絕

20、對(duì)不可忽視。圖層源于傳統(tǒng)繪畫，類似于制圖時(shí)使用的透明紙，制作人員將不同的圖像分別繪制在不同的透明紙圖時(shí)使用的透明紙，制作人員將不同的圖像分別繪制在不同的透明紙上，然后相互疊加即可得到最終效果。這樣做的好處天于，如果需要上，然后相互疊加即可得到最終效果。這樣做的好處天于，如果需要對(duì)圖像進(jìn)行修改，只需分別在透明紙上修改即可。對(duì)圖像進(jìn)行修改，只需分別在透明紙上修改即可。 與透明紙的使用原理一樣，在與透明紙的使用原理一樣，在Photoshop中使用圖層，可以按中使用圖層，可以按分層的方式將圖像的各個(gè)部分繪制在不同的圖層上。每個(gè)圖層相互獨(dú)分層的方式將圖像的各個(gè)部分繪制在不同的圖層上。每個(gè)圖層相互獨(dú)立但又

21、彼此聯(lián)系，既可單獨(dú)編輯修改，又可以相互疊加形成不同效果。立但又彼此聯(lián)系，既可單獨(dú)編輯修改，又可以相互疊加形成不同效果。完成操作后，將所有圖層疊加在一起就會(huì)得到最終效果，也可以有選完成操作后，將所有圖層疊加在一起就會(huì)得到最終效果，也可以有選擇地刪除或隱藏一些圖層以得到不同的效果。所以，圖層可以被簡(jiǎn)單擇地刪除或隱藏一些圖層以得到不同的效果。所以，圖層可以被簡(jiǎn)單理解為一張張繪有圖像的透明薄膜，當(dāng)然隨著學(xué)習(xí)的深入將會(huì)發(fā)現(xiàn)圖理解為一張張繪有圖像的透明薄膜，當(dāng)然隨著學(xué)習(xí)的深入將會(huì)發(fā)現(xiàn)圖層的功能遠(yuǎn)比透明紙更加豐富、強(qiáng)大。層的功能遠(yuǎn)比透明紙更加豐富、強(qiáng)大。 如下圖所示為一個(gè)用如下圖所示為一個(gè)用photosho

22、p CS2制作的簡(jiǎn)單按鈕，從圖層制作的簡(jiǎn)單按鈕，從圖層面板可以得知此圖由多個(gè)圖層組成。面板可以得知此圖由多個(gè)圖層組成。 在以后的學(xué)習(xí)中，為了方便對(duì)所做的圖像進(jìn)行修改，大家一定養(yǎng)成在以后的學(xué)習(xí)中，為了方便對(duì)所做的圖像進(jìn)行修改，大家一定養(yǎng)成新建圖層來(lái)繪圖的好習(xí)慣。新建圖層來(lái)繪圖的好習(xí)慣。 在新建一個(gè)文件時(shí)，默認(rèn)情況下，會(huì)得到一個(gè)白色的背景層文件，如圖在新建一個(gè)文件時(shí)，默認(rèn)情況下，會(huì)得到一個(gè)白色的背景層文件，如圖所示。但是，仔細(xì)觀察一下圖層面板，如圖所示。背景層右側(cè)是不是有一把所示。但是，仔細(xì)觀察一下圖層面板，如圖所示。背景層右側(cè)是不是有一把小鎖呢？正是由于背景層是處于鎖定狀態(tài)的，因此是不可移動(dòng)的，

23、所以不方小鎖呢？正是由于背景層是處于鎖定狀態(tài)的，因此是不可移動(dòng)的，所以不方便修改。便修改。因此也要養(yǎng)成不在背景層上做圖的好習(xí)慣。因此也要養(yǎng)成不在背景層上做圖的好習(xí)慣。 PHOTOSHOP CS 實(shí)例復(fù)制和拖拽圖像快捷鍵匯總快捷鍵匯總: :1.1.打開文件打開文件:Ctrl+O:Ctrl+O2.2.關(guān)閉文件關(guān)閉文件:Ctrl+W:Ctrl+W3.3.存儲(chǔ)文件：存儲(chǔ)文件：Ctrl+SCtrl+S4.4.存儲(chǔ)為文件：存儲(chǔ)為文件：Ctrl+Shift+SCtrl+Shift+S5.5.顯示顯示/ /隱藏工具欄：隱藏工具欄：TabTab6.6.顯示顯示/ /隱藏工具欄外其他調(diào)板：隱藏工具欄外其他調(diào)板：Shift+TabShift+Tab7.7.顯示模式的切換：顯示模式的切換：F F8.8.F7F7在全屏模式下顯示在全屏模式下顯示/ /隱藏菜單欄：隱藏菜單欄：Shift+FShift+F9.9.放大：放大：Ctrl+Ctrl+10.10.縮?。嚎s?。篊trl+-Ctrl+-11.11.滿畫布顯示：滿畫布顯示：Ctrl+0Ctrl+012.12.臨時(shí)調(diào)用放大工具：臨時(shí)調(diào)用放大工具：Ctrl+Ctr