PhotoshopCC案例教程案例6課件

1、制作快餐網(wǎng)站主頁自動(dòng)功能的應(yīng)用案例6目錄6.16.26.66.4案例描述案例解析相關(guān)知識(shí)操作步驟6.5實(shí)訓(xùn)演練6.1案 例 描 述圖6-1所示為某快餐網(wǎng)站的主頁。這是應(yīng)一家快餐企業(yè)的要求設(shè)計(jì)制作的網(wǎng)頁，要求網(wǎng)站的設(shè)計(jì)要突出國際化快餐業(yè)的特點(diǎn)，用穩(wěn)重的顏色突出綠色食物無污染。快餐網(wǎng)站圖6-1快餐網(wǎng)站主頁完成效果6.2案 例 解 析 網(wǎng)站主頁的設(shè)計(jì)首先需要各種鏈接的位置和網(wǎng)內(nèi)搜索的地方。這是一個(gè)快餐的網(wǎng)站主頁設(shè)計(jì)，使用艷麗的紅色來表達(dá)這是一個(gè)國際化的快餐企業(yè)，背景使用淺綠色，既表現(xiàn)了穩(wěn)重，又突出了食物是綠色食品，純天然無污染。在網(wǎng)站主頁的顯要位置放置主打食品，可以刺激消費(fèi)者的消費(fèi)欲望。6.2.1解

2、題思路6.2案 例 解 析熟悉調(diào)整圖像顏色的方法。熟悉定義動(dòng)作的方法。掌握使用定義動(dòng)作來調(diào)整圖像的方法。6.2.2難點(diǎn)剖析6.3相 關(guān) 知 識(shí)在Photoshop中可以利用動(dòng)作和動(dòng)作調(diào)板，以及一些自動(dòng)化命令來提高作圖的效率，下面介紹具體的使用方法。6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板動(dòng)作功能可以將一系列的操作命令組成一個(gè)單獨(dú)的動(dòng)作，執(zhí)行這個(gè)動(dòng)作就相當(dāng)于執(zhí)行這一系列的操作命令，而且可以反復(fù)使用，使執(zhí)行任務(wù)自動(dòng)化。1.動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板使用【動(dòng)作】調(diào)板可以完成Photoshop對(duì)動(dòng)作的各種操作。執(zhí)行【窗口】|【動(dòng)作】命令，即可打開【動(dòng)作】調(diào)板，如圖6-2所示。

3、2.動(dòng)作調(diào)板6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-2【動(dòng)作】調(diào)板按【Alt+F9】快捷鍵即可打開【動(dòng)作】調(diào)板。提示6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(1)切換項(xiàng)目開/關(guān)：用于暫時(shí)屏蔽動(dòng)作中的某個(gè)命令。(2)切換對(duì)話開/關(guān)：當(dāng)動(dòng)作文件名稱前面出現(xiàn)該標(biāo)志，且標(biāo)志顏色為紅色時(shí)，表示該動(dòng)作文件中部分命令包含了暫時(shí)操作。(3)停止：只有當(dāng)前錄制動(dòng)作按鈕處于活動(dòng)狀態(tài)時(shí)，該按鈕才可以使用。單擊它可以停止當(dāng)前的錄制操作?！緞?dòng)作】調(diào)板中主要選項(xiàng)及按鈕的作用如下：6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(4)記錄：用于為選定動(dòng)作錄制命令。處于錄制狀態(tài)時(shí)，該按鈕為紅色。(5)播放：單擊此按

4、鈕可以執(zhí)行當(dāng)前選定的動(dòng)作，或當(dāng)前動(dòng)作中自選定命令開始的后續(xù)命令。(6)創(chuàng)建新組：單擊此按鈕可以創(chuàng)建新動(dòng)作文件夾。(7)創(chuàng)建新動(dòng)作：單擊此按鈕可以創(chuàng)建新動(dòng)作。(8)刪除：刪除選定的動(dòng)作文件、動(dòng)作或者是動(dòng)作中的命令?！緞?dòng)作】調(diào)板中主要選項(xiàng)及按鈕的作用如下：6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板在認(rèn)識(shí)了【動(dòng)作】調(diào)板后，也要了解【動(dòng)作】調(diào)板的菜單命令選項(xiàng)，單擊【動(dòng)作】調(diào)板右上角的按鈕，會(huì)顯示出【動(dòng)作】調(diào)板的菜單選項(xiàng)，如圖6-3所示。3.【動(dòng)作】菜單命令6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-3顯示【動(dòng)作】調(diào)板菜單3.【動(dòng)作】菜單命令6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板用戶可以通

5、過【動(dòng)作】調(diào)板的菜單命令進(jìn)行編輯動(dòng)作、復(fù)位動(dòng)作、替換動(dòng)作、存儲(chǔ)動(dòng)作等操作，并且可以在菜單中選擇【按鈕模式】命令，將每個(gè)動(dòng)作以按鈕狀態(tài)顯示，這樣可以在有限的空間中列出更多的動(dòng)作，以簡單明了的方式呈現(xiàn)，如圖6-4所示。3.【動(dòng)作】菜單命令6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-4按鈕狀態(tài)顯示3.【動(dòng)作】菜單命令6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板創(chuàng)建動(dòng)作，就是將圖像上的操作命令記錄下來，作為一個(gè)反復(fù)循環(huán)執(zhí)行的口令。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(1)首先打開一幅圖片，在記錄動(dòng)作之前，可先定義一個(gè)新的動(dòng)作序列，即新建組，以方便與Photoshop自帶的動(dòng)作

6、組區(qū)別開。在【動(dòng)作】調(diào)板中單擊【創(chuàng)建新組】按鈕，打開【新建組】對(duì)話框，如圖6-5所示。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-5【新建組】對(duì)話框4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(2)在【新建組】對(duì)話框中單擊【確定】按鈕新建動(dòng)作組，如圖6-6所示。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-6新建動(dòng)作組4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(3)在【動(dòng)作】調(diào)板底部單擊【創(chuàng)建新動(dòng)作】按鈕，打開【新建動(dòng)作】對(duì)話框，如圖6-7所示，為新動(dòng)作設(shè)置名稱。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板圖6-7【新建動(dòng)

7、作】對(duì)話框14.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(4)設(shè)置完畢后，單擊【記錄】按鈕，關(guān)閉【新建動(dòng)作】對(duì)話框，這樣就可以記錄動(dòng)作了，如圖6-8所示。4.創(chuàng)建動(dòng)作圖6-8開始記錄動(dòng)作16.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(5)在工具箱中選擇【橫排文字工具】，在視圖中輸入文本，如圖6-9所示。此時(shí)切記不要隨意移動(dòng)文字位置，否則會(huì)影響記錄動(dòng)作的精確性。4.創(chuàng)建動(dòng)作圖6-9添加文本6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(6)在【字符】調(diào)板中設(shè)置文字屬性，如圖6-10所示。4.創(chuàng)建動(dòng)作圖6-10設(shè)置文字屬性6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(7)在【圖層】調(diào)板中

8、，雙擊文字圖層名稱右側(cè)的空白處，打開【圖層樣式】對(duì)話框，為文字添加描邊效果，如圖6-11所示。4.創(chuàng)建動(dòng)作圖6-11為文字添加描邊效果6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(8)在【圖層】調(diào)板中，同時(shí)選中兩個(gè)圖層，如圖6-12所示。4.創(chuàng)建動(dòng)作圖6-12選中兩個(gè)圖層6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(9)選擇工具箱中的【移動(dòng)工具】，在選項(xiàng)欄中單擊【頂對(duì)齊】按鈕，調(diào)整文字，如6.3相 關(guān) 知 識(shí)圖6-13所示。4.創(chuàng)建動(dòng)作圖6-13設(shè)置文字頂對(duì)齊6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(10)在選項(xiàng)欄中再單擊【左對(duì)齊】按鈕，設(shè)置文字位置，如圖6-14所示。4.創(chuàng)建動(dòng)作圖6-1

9、4設(shè)置文字左對(duì)齊6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(11)在【圖層】調(diào)板中單擊文字圖層，按住【Shift】鍵的同時(shí)，配合小鍵盤上的【】和【】方向鍵，將文字向下和向右移動(dòng)40像素，如圖6-15所示。4.創(chuàng)建動(dòng)作圖6-15移動(dòng)文字位置6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(12)在【圖層】調(diào)板中，降低文字圖層的透明度，如圖6-16所示。4.創(chuàng)建動(dòng)作圖6-16降低文字圖層透明度6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(13)執(zhí)行【圖層】|【向下合并】命令，將文字圖層合并到【背景】圖層中，如圖6-17所示。4.創(chuàng)建動(dòng)作圖6-17合并圖層6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板(

10、14)至此所有操作執(zhí)行完畢，在【動(dòng)作】調(diào)板中單擊【停止播放/記錄】按鈕，完成動(dòng)作的記錄工作，如圖6-18所示。4.創(chuàng)建動(dòng)作圖6-18停止記錄6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板完成動(dòng)作的記錄、修改之后，就可以對(duì)多個(gè)圖像重復(fù)同樣的操作了。即使重新啟動(dòng)Photoshop，記錄的動(dòng)作仍然會(huì)保留在【動(dòng)作】調(diào)板內(nèi)。當(dāng)需要使用動(dòng)作時(shí)，選擇要處理的圖像，展開動(dòng)作組，單擊選中要使用的動(dòng)作，單擊【播放選定的動(dòng)作】按鈕即可執(zhí)行一個(gè)動(dòng)作。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板當(dāng)在記錄動(dòng)作的過程中發(fā)生錯(cuò)誤時(shí)，并不需要一切重新開始，可以利用【動(dòng)作】調(diào)板重新排列動(dòng)作中的命令，或在動(dòng)作中添加命令來

11、編輯該動(dòng)作，也可以利用【再次記錄】命令重新記錄對(duì)話框內(nèi)的特定選項(xiàng)。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.1動(dòng)作和動(dòng)作調(diào)板如果動(dòng)作的效果不如意而需要返回原來的狀態(tài)，可以通過【歷史記錄】調(diào)板還原動(dòng)作的播放，恢復(fù)圖像原來的狀態(tài)。4.創(chuàng)建動(dòng)作6.3相 關(guān) 知 識(shí)6.3.2批處理使用【批處理】命令可以對(duì)一個(gè)文件夾中的圖片應(yīng)用選定的動(dòng)作，在執(zhí)行自動(dòng)化之前應(yīng)確定將要處理的圖片存放在一個(gè)文件夾內(nèi)。6.3相 關(guān) 知 識(shí)6.3.2批處理動(dòng)作在被記錄和保存之后，執(zhí)行【文件】|【自動(dòng)】|【批處理】命令，打開【批處理】對(duì)話框，如圖6-19所示?！九幚怼棵羁梢詫?duì)多個(gè)圖像文件執(zhí)行相同的動(dòng)作，不需要單獨(dú)將圖片打開，系統(tǒng)

12、會(huì)自動(dòng)一張一張地打開，執(zhí)行相同的操作后自動(dòng)保存并關(guān)閉，從而實(shí)現(xiàn)圖像的自動(dòng)化處理操作。6.3相 關(guān) 知 識(shí)6.3.2批處理圖6-19【批處理】對(duì)話框6.3相 關(guān) 知 識(shí)6.3.2批處理(1)組：顯示【動(dòng)作】調(diào)板中的所有動(dòng)作，打開即可。(2)動(dòng)作：顯示在【組】下拉列表框中選定動(dòng)作組中的所有動(dòng)作。(3)源：選擇圖片的來源，即在執(zhí)行動(dòng)作時(shí)是從文件夾中選擇還是輸入圖像。(4)目標(biāo)：用于設(shè)置執(zhí)行動(dòng)作后文件保存的位置?！九幚怼繉?duì)話框中的主要選項(xiàng)參數(shù)的含義如下：6.3相 關(guān) 知 識(shí)6.3.2批處理在【目標(biāo)】下拉列表框中，若選擇【無】選項(xiàng)，則不保存文件并保持文件打開；若選擇【存儲(chǔ)并關(guān)閉】選項(xiàng)，則保存該文件后關(guān)

13、閉；若選擇【文件夾】選項(xiàng)，則可以單擊選取按鈕打開對(duì)話框，選擇一個(gè)指定的文件夾來保存文件。提示6.3相 關(guān) 知 識(shí)6.3.2批處理(5)文件命名：指定文件命名規(guī)范并選擇處理文件的文件兼容性選項(xiàng)。從彈出式菜單中選擇元素，或在要組合為所有文件的默認(rèn)名稱欄中輸入文本?！九幚怼繉?duì)話框中的主要選項(xiàng)參數(shù)的含義如下：6.3相 關(guān) 知 識(shí)6.3.2批處理(6)錯(cuò)誤：用于指定批處理出現(xiàn)錯(cuò)誤時(shí)的操作。若選擇【由于錯(cuò)誤而停止】選項(xiàng)，則批處理出現(xiàn)錯(cuò)誤時(shí)出現(xiàn)提示信息，并終止往下執(zhí)行；若選擇【將錯(cuò)誤記錄到文件】選項(xiàng)，則批處理出現(xiàn)的錯(cuò)誤信息被記錄下來，并保存到文件夾中，選擇此項(xiàng)時(shí)不會(huì)終止程序往下執(zhí)行。【批處理】對(duì)話框中的主

14、要選項(xiàng)參數(shù)的含義如下：6.3相 關(guān) 知 識(shí)6.3.2批處理若要批處理多個(gè)動(dòng)作，則需要?jiǎng)?chuàng)建一個(gè)新動(dòng)作，并在這個(gè)批次中對(duì)想要處理的每個(gè)動(dòng)作都進(jìn)行記錄，然后使用最新創(chuàng)建的動(dòng)作運(yùn)行一次批處理。提示6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理除了【批處理】命令之外，【文件】|【自動(dòng)】命令的級(jí)聯(lián)菜單中還提供了【創(chuàng)建快捷批處理】、【裁剪并修齊照片】、【條件模式更改】等命令，如圖6-20所示。圖6-20【自動(dòng)】級(jí)聯(lián)菜單6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理快捷批處理可以說是一個(gè)小的腳本，應(yīng)用時(shí)只需將處理的圖片拖放到快捷圖標(biāo)上，就可以完成快捷批處理中所包含的動(dòng)作。執(zhí)行【文件】|【自動(dòng)】|【創(chuàng)建快捷批處理】

15、命令，彈出【創(chuàng)建快捷批處理】對(duì)話框，該對(duì)話框和【批處理】對(duì)話框相似，如圖6-21所示。1.創(chuàng)建快捷批處理6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理圖6-21【創(chuàng)建快捷批處理】對(duì)話框1.創(chuàng)建快捷批處理6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理在執(zhí)行【創(chuàng)建快捷批處理】命令時(shí)，要指明快捷批處理的文件路徑和文件名，在指定路徑中生成一個(gè)快捷圖標(biāo)，圖像要應(yīng)用這個(gè)動(dòng)作時(shí)，只需要將要處理的文件放在相應(yīng)快捷批處理文件的圖標(biāo)上即可。1.創(chuàng)建快捷批處理6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理【裁剪并修齊照片】是Photoshop CS后新增的自動(dòng)處理功能。它能夠在掃描圖像中識(shí)別出各個(gè)圖片，并旋轉(zhuǎn)使它們?cè)谒?/p>

16、方向和垂直方向上正好對(duì)齊，然后將它們復(fù)制到新文檔中，并保持原始文檔不變。2.剪裁并修齊照片6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理(1)打開源文件中的素材，如圖6-22所示。2.剪裁并修齊照片圖6-22素材操作步驟6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理(2)執(zhí)行【文件】|【自動(dòng)】|【裁剪并修齊照片】命令，可將圖像中各個(gè)照片圖像單獨(dú)裁切下來作為單獨(dú)的文件，如圖6-23所示。2.剪裁并修齊照片操作步驟圖6-23裁切后的圖像6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理自動(dòng)鏡頭校正功能可以自動(dòng)校正鏡頭扭曲、色差和暈影。執(zhí)行【文件】|【自動(dòng)】|【鏡頭校正】命令，彈出【鏡頭校正】對(duì)話框，如圖6-

17、24所示。3.鏡頭校正6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理圖6-24【鏡頭校正】對(duì)話框3.鏡頭校正6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理【鏡頭校正】對(duì)話框中【校正選項(xiàng)】中各項(xiàng)的含義如下：(1)幾何扭曲：自動(dòng)縮放圖像。(2)自動(dòng)縮放圖像：自動(dòng)調(diào)整圖像大小。(3)色差：調(diào)整圖像交界處顏色。(4)邊緣：指定圖像空白部分透明區(qū)域或使用其他顏色填充。(5)暈影：由相機(jī)鏡頭引起的圖像四周出現(xiàn)的暈影。3.鏡頭校正6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理【Photomerge】命令可以將拍攝的多張照片合成為一張全景照，具體操作步驟如下：(1)打開素材中的文件，如圖6-25所示。(2)執(zhí)行【文

18、件】|【自動(dòng)】|【Photomerge】命令，打開【Photomerge】對(duì)話框，如圖6-26所示。4.Photomerge操作步驟圖6-25打開素材文件 圖6-26【Photomerge】對(duì)話框6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理(3)在【Photomerge】對(duì)話框中，單擊【添加打開的文件】按鈕，將打開的圖像文件添加到對(duì)話框中，如圖6-27所示。(4)在對(duì)話框中單擊【確定】按鈕，對(duì)話框自動(dòng)關(guān)閉，系統(tǒng)會(huì)將這3張照片自動(dòng)修整、拼合在一起，成為一個(gè)新的文件，如圖6-28所示。4.Photomerge操作步驟圖6-27在【Photomerge】對(duì)話框中添加文件圖6-28自動(dòng)修整、拼合后的圖像6.3相 關(guān) 知 識(shí)6.3.3其他自動(dòng)化處理(5)使用【裁剪工具】對(duì)照片的構(gòu)圖進(jìn)行裁剪，完成整個(gè)全景照片的拼合工作，如圖6-29所示。4.Photomerge操作步驟圖6-29完成全景照片拼合6.3相 關(guān) 知 識(shí)6.3.4獲取原稿原稿的獲取有3種方法電子文件獲取原稿非電子文件獲取原稿其