設計網站頁面1任務目標1.能描述“動作”面板的組成。2.能創建、錄制與應用動作。3.能批處理文件。4.能存儲和載入動作。5.能設置圖形處理器屬性。2任務描述本任務主要利用“動作”面板和“圖形處理器”功能，并結合“批處理”功能制作圖所示某網站頁面。要完成本任務，除了需要學會創建記錄動作的方法，還要學會調整圖像色彩的方法。3某網站頁面一、“動作”面板使用“動作”面板可以進行動作的記錄、播放、編輯、刪除、管理等操作。執行“窗口”“動作”命令或按“Alt+F9”快捷鍵，可打開“動作”面板，如圖所示，下面分別對其各項功能做簡要介紹。4“動作”面板1.切換項目開/關：如果動作組、動作和命令前顯示該圖標，表示該動作組、動作和命令可以執行，如果沒有該圖標，表示不可以執行。2.切換對話開/關：顯示該圖標，表示動作執行到命令時會暫停，并打開相應命令的對話框，此時可以修改命令的參數，單擊“確定”按鈕可以繼續執行后面的動作。3.停止播放/記錄：單擊該圖標，可以停止播放動作和停止記錄動作。4.開始記錄：單擊該圖標，可以開始錄制動作。55.播放選定的動作：選擇一個動作后，單擊該圖標可以播放該動作。6.創建新組：單擊該圖標，可以創建一個新的動作組，以保存新建的動作。7.創建新動作：單擊該圖標，可以創建一個新的動作。8.刪除：選擇動作組、動作和命令后單擊該圖標，可以將其刪除。9.面板菜單：單擊該圖標可以打開“動作”面板的下拉菜單，根據設計制作需要可以選擇相應的命令。6二、記錄動作執行“窗口”“動作”菜單命令或按下“Alt+F9”快捷鍵，打開“動作”面板。在“動作”面板中單擊“創建新動作”圖標

，在彈出的“新建動作”對話框設置名稱，為了便于查找，也可以設置顏色，單擊“記錄”按鈕開始記錄操作，如圖所示。“動作”面板中會自動記錄當前進行的一系列操作。操作完成后，單擊“停止播放/記錄”圖標，停止記錄，可以看到當前記錄的動作，如圖所示。78“新建動作”對話框當前記錄的動作三、其他文件應用動作打開需要處理的文檔，在“動作”面板中選擇一個動作，然后單擊“播放選定的動作”圖標，即可應用動作。四、調整動作排列順序在“動作”面板調整動作順序與在“圖層”面板中調整圖層順序相似，單擊選中該動作或動作組并將其拖到合適的位置上，釋放鼠標即可調整動作排列順序。9五、復制動作將動作或命令拖到“動作”面板下面的“創建新動作”圖標

上，即可復制動作或命令。如果要復制動作組，將動作組拖拽到“動作”面板下面的“創建新組”圖標

上即可。10六、在動作中插入路徑路徑形狀是不能夠被記錄的，但可以使用“插入路徑”命令將路徑作為動作的一部分包含在動作中，如圖所示。插入的路徑可以是鋼筆和形狀工具創建的路徑，也可以是從Illustrator中粘貼的路徑。首先在文檔中繪制需要使用的路徑，然后在“動作”面板中選擇一個命令，接著執行“動作”面板菜單中的“插入路徑”命令，這時在“動作”面板中出現“設置工作路徑”命令，再對文件執行動作時會自動添加該路徑。1112“動作”面板在“動作”中插入路徑七、存儲動作組將記錄的動作存儲起來，可以在“動作”面板菜單中執行“存儲動作”命令，在彈出的“另存為”對話框中找到存儲位置，然后單擊“保存”按鈕，如圖所示。完成動作的導出操作，即可得到一個.atm格式的動作庫文件，如圖所示。1314執行“存儲動作”命令保存為.atm格式的動作庫文件八、載入動作組1.載入預設動作組在Photoshop的“動作”面板中有多種預設動作，用戶可以載入這些動作并使用。2.載入外掛動作組單擊“動作”面板的菜單圖標，選擇“載入動作”命令，然后在計算機中選擇錄制好的動作組或在網站上下載的動作組，然后單擊“載入”按鈕，該動作組被載入“動作”面板中。1516“動作”面板中的預設動作載入預設動作組九、自動批處理文件在設計制作工作中，很多時候需要對大量的圖像進行同樣的處理，如統一調整多張圖片的尺寸、色調及添加防盜水印等。這時就可以通過使用Photoshop中的“批處理”功能完成大量重復的操作。執行“文件”“自動”“批處理”命令，打開“批處理”對話框，如圖所示。下面對“批處理”主要功能作簡要介紹。1718“批處理”對話框1.在“播放”選項組中可以選擇要用來處理文件的動作。2.在“源”選項組中可以選擇要處理的文件。3.勾選“覆蓋動作中的‘打開’命令”復選框，在批處理時可以忽略“動作”面板中記錄的“打開”命令。4.勾選“包含所有子文件夾”復選框，可以將批處理應用到所選文件夾中的子文件夾。5.勾選“禁止顯示文件打開選項對話框”復選框，在批處理時不會打開文件選項對話框。196.勾選“禁止顏色配置文件警告”復選框，在批處理時會關閉顏色方案信息的顯示。7.在“目標”選項組中可以設置完成批處理以后文件的保存位置。8.當設置“目標”為“文件夾”時，如果動作中包含“存儲為”命令，則勾選“覆蓋動作中的‘存儲為’命令”復選框，這樣在批處理時，動作中的“存儲為”命令將引用批處理的文件，而不是動作中指定的文件名和位置。9.在“文件命名”選項組中，當設置“目標”為“文件夾”時，可以在該選項組下設置文件的命名格式，以及文件的“兼容性”。20十、圖像處理器使用“圖像處理器”命令可以批量轉換圖像文件格式、調整文件大小和質量。執行“文件”“腳本”“圖像處理器”命令，可以打開“圖像處理器”對話框，如圖所示。下面做簡要介紹：21“圖像處理器”對話框1.選擇要處理的圖像：用于選擇需要處理的文件。如果勾選“打開第一個要應用設置的圖像”復選框，將對所有圖像應用相同的設置。2.選擇位置以存儲處理的圖像：用于選擇處理后的文件的存儲路徑。3.文件類型：用于設置將文件處理成何種類型，包括JPEG、PSD和TIFF。可以將文件處理成其中一種類型，也可以處理成兩種或三種類型。4.首選項：在該選項組下可以選擇動作運用處理程序。22一、復制文件夾為了避免破壞原始圖像文件，在進行圖像處理之前，將需要處理的文件進行復制。打開“素材/素材/任務三”文件夾，選中“網站頁面素材”文件夾，單擊鼠標右鍵執行“復制”命令，然后在空白處單擊鼠標右鍵執行“粘貼”命令，將其復制為“網站頁面素材-副本”文件夾，如圖所示。23復制文件夾二、復制圖像文件在Photoshop中打開剛剛復制的“網站頁面素材-副本”文件夾中的“10-3-1.JPG”文件并復制為“10-3-1拷貝.JPG”文件，如圖所示。然后將源文件“10-3-1.JPG”關閉。24復制圖像文件三、記錄“動作”1.按“Alt+F9”快捷鍵，打開“動作”面板。2.在“動作”面板中單擊“創建新動作”圖標

，在彈出的“新建動作”對話框將名稱設置為“調色及模式”，單擊“記錄”按鈕開始記錄，如圖所示。25創建新動作3.執行“圖像”“調整”“曲線”命令，打開“曲線”對話框，在曲線上單擊添加控制點并向右下角方向拖動，提高畫面的亮度，在對話框中設置輸出為“45”，設置輸入為“55”，如圖所示。26調整“曲線”參數4.在通道選項中選中“青色”，設置輸出為“45”，輸入為“55”，如圖所示，然后單擊“確定”按鈕完成設置。27調整圖像通道“青色”參數5.執行“圖像”“模式”“RGB顏色”命令，將圖像色彩模式轉為RGB模式，如圖所示，保存該文件，然后將其關閉。28圖像調整前后效果對比6.單擊“動作”面板底部的“停止播放記錄”圖標

，完成動作的記錄操作，此時在“動作”面板中即可看到記錄的動作，如圖所示。29記錄的“動作”四、自動批處理圖像1.執行“文件”“自動”“批處理”命令，在彈出的“批處理”對話框中設置組為“組1”，動作為“調色及模式”，源為“文件夾”，接著單擊“選擇”按鈕，在彈出的“選取批處理文件夾”對話框中單擊選擇“素材/素材/網站頁面素材-副本”文件夾，然后單擊“選擇文件夾”按鈕，如圖所示。3031設置“批處理”選項2.繼續設置輸出的目標為“存儲并關閉”，勾選“覆蓋動作中的‘存儲為’命令”選項，然后單擊“確定”按鈕，如圖所示。32在“批處理”對話框中設置選項3.此時軟件會自動處理文件，稍等片刻，批處理完成后，打開“網站頁面素材-副本”文件夾即可查看效果，調整后的圖片色彩更加飽和明亮，如圖所示。33“批處理”后的圖像效果五、調整圖片尺寸1.打開“網站頁面素材-副本”文件夾查看圖片的分辨率，每張圖片的分辨率都不同，如圖所示。34查看圖片的分辨率2.在Photoshop中執行“文件”“腳本”“圖像處理器”命令，彈出“圖像處理器”對話框，單擊“選擇要處理的圖像”選項中的“選擇文件夾”，在彈出的“選取源文件夾”對話框中找到“素材/素材/任務三/網站頁面素材-副本”文件夾，單擊進行選擇，然后單擊“選擇文件夾”按鈕，如圖所示。35選擇要處理的文件夾3.在“選擇位置以存儲處理的圖像”中單擊“選擇文件夾”前的復選框激活該選項，接著單擊“選擇文件夾”按鈕，在彈出的“選取目標文件夾”對話框中選擇“素材/素材/任務三”文件夾，再單擊“選擇文件夾”按鈕，然后在“文件類型”中勾選“存儲為JPEG”選項，勾選“調整大小以適合”選項，設置W為“283像素”，H為“215像素”，如圖所示。設置完成后單擊“運行”按鈕確定操作。36在圖形處理器中選擇選項及設置參數4.此時軟件會自動處理文件，處理完成后，打開“素材/素材/任務三”文件夾即可看到一個自動生成的“JPG”文件夾，打開該文件夾查看，即可看到所有圖片都被修改為283像素×215像素，如圖所示。37所有圖片都被修改為283像素×215像素六、打開素材文檔打開“素材/素材/任務三”目錄下名為“網站內頁設計背景.PSD”的文件，如圖所示。38打開素材文檔七、置入圖片執行“文件”“置入嵌入對象”命令，依次將“素材/素材/任務三/JPG”文件夾中的圖片全部置入，并調整圖片的位置，效果如圖所示。39置入圖片八、輸入文字1.打開“素材/素材/任務三”目錄下名為“10-3文案.DOCX”的文件，依次將文字拷貝到頁面中，并將水果名稱及說明文字設置為“黑體”，大小為“18點”，顏色為黑色；價格文字設置為“Arial”，大小為“30點”，顏色為紅色（R255，G0，B0）。調整文字的位置，效果如圖所示。4041輸入文字2.選擇“矩形選框工具”

，在“紅顏奶油草莓”價格文字下方繪制矩形，并填充金黃色（R204，G153，B51），然后在其上面輸入文字“立即購買”，字體為“黑體”，大小為“30點”，顏色為白色，再繪制白色的