《Photoshop平面設(shè)計(jì)與制作（第三版）》 課件 項(xiàng)目10、11 通道的應(yīng)用、圖像批處理及 GIF 動(dòng)畫(huà)的制作、綜合項(xiàng)目訓(xùn)練三

項(xiàng)目十通道的應(yīng)用、圖像批處理及GIF動(dòng)畫(huà)的制作講課人：PS掌握顏色模式和通道的概念、類型和作用，利用通道對(duì)圖像進(jìn)行顏色調(diào)整。掌握Alpha通道的概念和使用。掌握常用的摳圖方法。掌握計(jì)算命令的含義和使用。掌握動(dòng)作的含義，能使用批處理命令批量處理圖像。掌握Photoshop中的動(dòng)畫(huà)的原理，能制作GIF動(dòng)畫(huà)學(xué)習(xí)目的任務(wù)1：含苞待放學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)1：含苞待放學(xué)習(xí)目標(biāo)（1）理解顏色模式和通道的概念、類型和作用。（2）理解顏色模式和通道的關(guān)系。（3）能更改圖像的顏色模式。（4）能利用通道對(duì)圖像進(jìn)行顏色調(diào)整。任

務(wù)分析02任務(wù)1：含苞待放本任務(wù)利用顏色模式的轉(zhuǎn)換對(duì)圖像的顏色進(jìn)行調(diào)整，在一片單調(diào)的懷舊色中突然有一抹彩色存在，非常亮眼而且突出主題，最終效果如右圖所示。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)1：含苞待放一、顏色模式和通道的概念顏色模式是將某種顏色表現(xiàn)為數(shù)字形式的模型，或者說(shuō)是一種記錄圖像顏色的方式。不同的顏色模式通過(guò)不同基本元素的各種組合對(duì)顏色進(jìn)行記Photoshop中的顏色模式有RGB顏色模式、CMYK顏色模式、Lab顏色模式、灰度模式、位圖模式、雙色調(diào)模式、索引顏色模式、多通道模式。通道是以灰度圖像形式存儲(chǔ)圖片顏色信息和選區(qū)的一個(gè)載體。在Photoshop中，通道可以分為顏色通道、專色通道和Alpha通道3種。相關(guān)知識(shí)任務(wù)1：含苞待放二、顏色模式1.RGB顏色模式RGB顏色模式將每種顏色都看作紅（R）、綠（G）、藍(lán)（B）三個(gè)分量的組合，為每個(gè)分量分別分配一個(gè)強(qiáng)度值。通過(guò)三個(gè)分量不同強(qiáng)度值的組合，即可記錄不同的顏色。RGB顏色模式下還有8位/通道、16位/通道、32位/通道三種選擇，位數(shù)越高，每個(gè)分量的強(qiáng)度值劃分越多，可記錄的顏色就越多。在8位/通道的圖像中，彩色圖像中每個(gè)分量的強(qiáng)度值的范圍為0到255。新建的Photoshop圖像的默認(rèn)模式為RGB顏色模式，計(jì)算機(jī)顯示器使用RGB顏色模式顯示顏色。2.CMYK顏色模式RGB顏色模式將每種顏色都看作青色（C）、洋紅色（M）、黃色（Y）、黑色（K）四個(gè)分量的組合，每個(gè)分量用百分比記錄，百分比越高，顏色越深。CMYK顏色模式常用于印刷，四個(gè)分量實(shí)際對(duì)應(yīng)四種顏色的油墨。相關(guān)知識(shí)任務(wù)1：含苞待放3.Lab顏色模式Lab顏色模式基于人對(duì)顏色的感覺(jué)，是與設(shè)備無(wú)關(guān)的顏色模型。Lab顏色模式包括亮度分量（L）、a分量（綠色-紅色軸）和b分量（藍(lán)色-黃色軸）。其中亮度分量用于記錄顏色的亮度信息，即顏色的深淺，范圍是0到100；a、b兩個(gè)分量用于記錄相應(yīng)的顏色信息，范圍是-128到+127。4.灰度模式灰度模式僅記錄圖像中不同的灰度等級(jí)，不包括其他顏色的信息。轉(zhuǎn)換為灰度模式后，將只能保留不同深淺的灰色，最淺為白色，最深為黑色，其他顏色信息將丟失。5.位圖模式位圖模式僅使用黑色或白色兩種顏色值之一表示圖像中的像素。相關(guān)知識(shí)任務(wù)1：含苞待放6.雙色調(diào)模式雙色調(diào)模式通過(guò)一至四種用戶自定顏色的組合記錄顏色信息，即可創(chuàng)建單色調(diào)、雙色調(diào)（兩種顏色）、三色調(diào)（三種顏色）和四色調(diào)（四種顏色）的圖像。7.索引顏色模式當(dāng)圖像轉(zhuǎn)換為索引顏色時(shí)，Photoshop將構(gòu)建一個(gè)顏色查找表，用以存放并索引當(dāng)前圖像中的顏色。添加新顏色時(shí)，如果某種顏色沒(méi)有出現(xiàn)在該表中，則程序?qū)⑦x取最接近的一種，或使用仿色以表中的顏色來(lái)模擬該顏色。8.多通道模式多通道模式圖像中可包含多個(gè)通道，每個(gè)通道中包含256個(gè)灰階，可用于特殊打印。相關(guān)知識(shí)任務(wù)1：含苞待放三、通道在Photoshop中，通道可以分為顏色通道、專色通道和Alpha通道3種。本任務(wù)主要學(xué)習(xí)顏色通道和專色通道。1.顏色通道顏色通道，就是將構(gòu)成圖像的全部顏色信息整理并表現(xiàn)為單色圖像的工具。根據(jù)圖像顏色模式的不同，顏色通道的種類也各異。每個(gè)圖像都有一個(gè)或多個(gè)顏色通道，圖像中默認(rèn)的顏色通道數(shù)取決于其顏色模式，即一個(gè)圖像的顏色模式將決定其顏色通道的數(shù)量。在默認(rèn)情況下，CMYK圖像有4個(gè)通道；RGB和Lab圖像有3個(gè)通道；位圖模式、灰度、雙色調(diào)和索引顏色圖像只有1個(gè)通道。每個(gè)顏色通道都存放著圖像中相應(yīng)顏色的信息。所有顏色通道中的顏色疊加混合產(chǎn)生圖像中像素的顏色。相關(guān)知識(shí)任務(wù)1：含苞待放2.專色通道專色通道來(lái)源于印刷中的專色油墨。在印刷中，一部分顏色不是靠CMYK四色混合出來(lái)的，而是需要用一種預(yù)先混合好的特定彩色油墨或較特殊的預(yù)混油墨才能印刷出來(lái)，如明亮的橙色、綠色、熒光色、金屬銀色、燙金版、凹凸版、局部光油版等。專色通道就是用來(lái)記錄這些專色信息的。但在Photoshop的實(shí)際應(yīng)用中，專色通道并不局限于印刷用途。按住Ctrl鍵單擊“圖層”面板中的創(chuàng)建新通道按鈕，可新建一個(gè)專色通道。將其他模式的圖像轉(zhuǎn)換為多通道模式時(shí)，原始圖像中的顏色通道在轉(zhuǎn)換后的圖像中將變?yōu)閷Ｉǖ?。將CMYK圖像轉(zhuǎn)換為多通道模式，可以創(chuàng)建青色、洋紅、黃色和黑色專色通道。將RGB圖像轉(zhuǎn)換為多通道模式，可以創(chuàng)建青色、洋紅和黃色專色通道。從RGB、CMYK或Lab圖像中刪除一個(gè)通道，可以自動(dòng)將圖像轉(zhuǎn)換為多通道模式，從而拼合圖層。相關(guān)知識(shí)任務(wù)1：含苞待放3.通道的顯示和編輯在顏色通道或?qū)Ｉǖ乐?，通過(guò)不同的灰度值顯示和記錄該顏色分量的強(qiáng)度?；叶仍缴?、越接近黑色的位置，該顏色分量的強(qiáng)度越低（可理解為該顏色“被遮住”），灰度越淺、越接近白色的位置，該顏色分量的強(qiáng)度越高。因此，編輯通道中灰度的深淺，即可設(shè)置該位置相應(yīng)顏色分量的強(qiáng)度。例如，想去掉某區(qū)域中的紅色成分，則在紅色通道中將該區(qū)域涂為黑色即可。Photoshop2022還支持以彩色模式來(lái)顯示通道，使用戶觀察更直觀，可通過(guò)選擇菜單“編輯”→“首選項(xiàng)”→“界面”命令，在對(duì)話框中勾選或取消勾選“用彩色顯示通道”選項(xiàng)來(lái)設(shè)置。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)1：含苞待放1.選擇菜單“文件”→“打開(kāi)”命令，打開(kāi)本任務(wù)素材“素材.jpg”。2.選擇菜單“圖像”→“模式”→“CMYK顏色”，觀察通道，如下圖所示。3.選擇菜單“圖像”→“模式”→“多通道”命令，觀察通道，如下圖所示。任務(wù)實(shí)施任務(wù)1：含苞待放4.選擇菜單“圖像”→“模式”→“灰度”命令，將“青色”通道轉(zhuǎn)換為“灰色”通道，如下圖所示。5.在“通道”面版中選擇“黑色”通道，選擇菜單“圖像”→“調(diào)整”→“色階”命令，增加圖像的對(duì)比度，如下圖所示。任務(wù)實(shí)施任務(wù)1：含苞待放6.雙擊“洋紅”通道，設(shè)置“油墨特性”顏色為#610639，將鮮艷的紅色調(diào)暗，如下圖所示。7.選擇菜單“圖像”→“模式”→“RGB顏色”命令，按住Shift鍵，選中全部通道，單擊“通道”面板的擴(kuò)展按鈕單擊“合并專色通道”將轉(zhuǎn)色通道與顏色通道合并（即用R.G.B三個(gè)通道的參數(shù)記錄轉(zhuǎn)色通道中的顏色），如下圖所示。任務(wù)實(shí)施任務(wù)1：含苞待放8.回到“圖層”面板，選擇“歷史記錄畫(huà)筆工具”，將圖像中花的顏色還原，最終完成最終效果如下圖所示。任務(wù)2：夕陽(yáng)人像學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)2：夕陽(yáng)人像學(xué)習(xí)目標(biāo)（1）理解Alpha通道的概念和作用。（2）理解Alpha通道和選取的關(guān)系。（3）能使用Alpha通道存儲(chǔ)選區(qū)。（4）能使用濾鏡編輯通道。任

務(wù)分析02任務(wù)2：夕陽(yáng)人像本任務(wù)首先利用Alpha通道存儲(chǔ)選區(qū)，然后利用濾鏡對(duì)通道進(jìn)行編輯，為圖夕陽(yáng)人像照片增加一個(gè)畫(huà)框，最終效果如下圖所示。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)2：夕陽(yáng)人像一、Alpha通道的意義Alpha通道是一種特殊通道，主要用來(lái)創(chuàng)建和存儲(chǔ)選區(qū)。在Alpha通道中，白色代表選區(qū)，黑色代表非選區(qū)，灰度圖像代表有一定羽化效果的選區(qū)。二、Alpha通道的創(chuàng)建選定一個(gè)選區(qū)后，執(zhí)行“選擇”→“存儲(chǔ)選區(qū)”命令，便可以將這個(gè)選區(qū)存儲(chǔ)為一個(gè)永久的Alpha通道。此時(shí)，“通道”面板中會(huì)出現(xiàn)一個(gè)新的通道。三、Alpha通道面板的使用在“通道”面板中可以同時(shí)顯示出圖像中的顏色通道、專色通道及Alpha通道，每個(gè)通道都以一個(gè)小圖標(biāo)的形式出現(xiàn)，以便控制。相關(guān)知識(shí)任務(wù)2：夕陽(yáng)人像可以將Alpha通道轉(zhuǎn)化為專色通道，它會(huì)影響該通道的觀察狀態(tài)。直接在“通道”面板上雙擊Alpha選區(qū)通道的圖標(biāo)，或選中Alpha通道后，使用“通道”面板菜單中的“通道選項(xiàng)”命令，如下左圖所示，均可調(diào)出Alpha通道的“通道選項(xiàng)”對(duì)話框，如下右圖所示。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)2：夕陽(yáng)人像1.選擇菜單“文件”→“打開(kāi)”命令，打開(kāi)本任務(wù)“素材1.jpg”和“素材2.jpg”兩個(gè)文件。2.選擇“移動(dòng)工具”，將“素材2.jpg”中的圖像移動(dòng)到“素材1.jpg”中，如下圖所示。3.選擇“矩形選框工具”，在選項(xiàng)欄中設(shè)置羽化為20像素，在圖像中繪制一個(gè)較大的矩形選區(qū)，如下圖所示。任務(wù)實(shí)施任務(wù)2：夕陽(yáng)人像4.選擇“通道”面板，單擊“將選區(qū)存儲(chǔ)為通道”按鈕，生成“Alpha1”通道，如下圖所示。5.按Ctrl+D鍵取消選擇，在“通道”面板中選擇“Alpha1”通道，如下圖所示。任務(wù)實(shí)施任務(wù)2：夕陽(yáng)人像6.按Ctrl+I鍵執(zhí)行反相操作，如下圖所示。7.選擇菜單“濾鏡”→“像素化”→“晶格化”命令，設(shè)置單元格大小為25，如下圖所示。8.按Ctrl+I鍵對(duì)Alpha1通道執(zhí)行反相操作，如下圖所示。任務(wù)實(shí)施任務(wù)2：夕陽(yáng)人像9.9.選擇“Alpha1”通道，選擇菜單“選擇”→“載入選區(qū)”命令，在彈出的對(duì)話框中保持默認(rèn)選項(xiàng)并確認(rèn)，回到“圖層”調(diào)板，選擇“圖層1”，如下圖所示。10.單擊“添加圖層蒙版”按鈕，為“圖層1”添加圖層蒙版，最終完成最終效果如下圖所示。任務(wù)3：小狗和樹(shù)學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)3：小狗和樹(shù)學(xué)習(xí)目標(biāo)（1）了解常用的摳圖方法。（2）能使用“圖像調(diào)整工具”“繪圖工具”等編輯通道。任

務(wù)分析02任務(wù)3：小狗和樹(shù)本任務(wù)利用通道為毛發(fā)較多的寵物狗換背景，將一幅圖片中的某一部分截取出來(lái)，再和另外的圖片進(jìn)行合成，最終效果如右圖所示。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)3：小狗和樹(shù)一、常見(jiàn)的摳圖方法常見(jiàn)的摳圖方法有多種，在前面的項(xiàng)目中已經(jīng)使用過(guò)了一些現(xiàn)將其適用范圍、思路和確定歸納如下。1.磁性套索摳圖法（1）適用范圍：圖像邊界清晰。（2）思路：磁性索套會(huì)自動(dòng)識(shí)別并黏附圖像邊界。（3）缺點(diǎn)：完成的選區(qū)稍顯粗糙，不夠精細(xì)。2.魔棒摳圖法（1）適用范圍：圖像和背景色色差明顯。（2）思路：通過(guò)選擇并刪除背景色來(lái)獲取圖像。（3）缺點(diǎn)：不適用于顏色及形狀復(fù)雜的圖像。相關(guān)知識(shí)任務(wù)3：小狗和樹(shù)3.色彩范圍摳圖法（1）適用范圍：圖像和背景色色差明顯，背景色單一。（2）思路：通過(guò)選擇并刪除背景色來(lái)獲取圖像。（3）缺點(diǎn)：不適用于帶有復(fù)雜背景色的圖像。4.快速蒙版摳圖法（1）適用范圍：圖像邊界清晰，不復(fù)雜。（2）思路：使用黑色畫(huà)筆在想要選中的區(qū)域外涂抹。（3）缺點(diǎn)：速度慢，不精細(xì)。5.路徑摳圖法（1）適用范圍：圖像邊界復(fù)雜。（2）思路：逐一放置錨點(diǎn)來(lái)?yè)笀D。（3）缺點(diǎn)：過(guò)程煩瑣，速度慢。相關(guān)知識(shí)任務(wù)3：小狗和樹(shù)除以上幾種方法外，還可以使用本項(xiàng)目所學(xué)的“通道”進(jìn)行摳圖，其原理是圖像中主體和背景的顏色分離到各個(gè)通道后，在不同通道中的差異并不相同，在差異較大的通道中操作，就可以很容易地分辨主體和背景的邊界，從而方便地進(jìn)行摳圖。二、通道與摳圖的關(guān)系通道是根據(jù)圖片的顏色模式進(jìn)行分離的，通道中不同的顏色形成了不同的選擇范圍。在單一通道載入選區(qū)時(shí)，選擇的并不是單一顏色點(diǎn)，而是選擇了含有該顏色點(diǎn)的像素點(diǎn)，所以轉(zhuǎn)換為全通道后就可以選擇所需要的部分，從而對(duì)圖像進(jìn)行選取、剝離，達(dá)到摳圖的效果。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)3：小狗和樹(shù)1.選擇菜單“文件”→“打開(kāi)”命令，打開(kāi)本任務(wù)“素材1.jpg”文件。2.打開(kāi)“通道”面板，觀察不同顏色通道狀態(tài)下圖片的狀態(tài)，如下圖所示。3.通過(guò)觀察可發(fā)現(xiàn)，在“藍(lán)”通道狀態(tài)下圖片中的動(dòng)物和背景顏色差別最大，所以復(fù)制“藍(lán)”通道，得到“藍(lán)拷貝”通道，如下圖所示。4.選擇菜單“圖像”→“調(diào)整”→“色階”命令，調(diào)出色階通道，參數(shù)設(shè)置如右圖所示，其目的是增大圖像的對(duì)比度。任務(wù)實(shí)施任務(wù)3：小狗和樹(shù)5.將前景色設(shè)置為黑色，背景色設(shè)置為白色。選擇“畫(huà)筆工具”，將小狗涂成黑色，背景涂成白色。6.注意邊緣毛發(fā)的處理。可將“畫(huà)筆工具”的模式改成“疊加”，畫(huà)筆筆觸選擇“柔角”，如下圖所示。同一地方涂抹次數(shù)不宜多，完成效果如下圖所示。任務(wù)實(shí)施任務(wù)3：小狗和樹(shù)7.按Ctrl+I鍵反相，繼續(xù)將小狗和背景處理好，如下圖所示。8.單擊“通道”面板的“將通道作為選區(qū)載入”按鈕，圖像中的白色部分被選中，回到“圖層”面板，按Ctrl+J鍵復(fù)制圖層，剛剛選中的區(qū)域就復(fù)制到了新的圖層中如下圖所示。任務(wù)實(shí)施任務(wù)3：小狗和樹(shù)9.打開(kāi)本任務(wù)“素材2.jpg”文件，按Ctrl+A鍵全選，按Ctrl+C鍵復(fù)制。回到小狗的文件中，按Ctrl+V鍵粘貼，得到一個(gè)新的圖層，如下圖所示。10.選擇菜單“濾鏡”→“模糊”→“高斯模糊”命令，設(shè)置模糊半徑為2.5像素，如下圖所示。任務(wù)實(shí)施任務(wù)3：小狗和樹(shù)11.調(diào)整圖層順序，將“圖層1”放到“圖層2”上面，選擇“移動(dòng)工具”，將“圖層1”的小狗往畫(huà)面的左下方移動(dòng)。最終效果如下圖所示。任務(wù)4：秋天來(lái)了學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)4：秋天來(lái)了學(xué)習(xí)目標(biāo)（1）理解計(jì)算命令的含義。（2）能利用計(jì)算命令編輯通道。任

務(wù)分析02任務(wù)4：秋天來(lái)了本任務(wù)利用計(jì)算命令，將下圖夏天的照片修改為秋天的效果，即將綠葉變?yōu)榧t葉，最終效果如右圖所示。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)4：秋天來(lái)了選區(qū)之間可以有相加、相減、相交的不同算法。Alpha通道是存儲(chǔ)起來(lái)的選區(qū)，同樣可以利用計(jì)算的方法來(lái)實(shí)現(xiàn)各種復(fù)雜的效果，制作出新的選區(qū)形狀。下面將講解通道之間的計(jì)算。相對(duì)而言，通道間的計(jì)算要比通道與選區(qū)間的計(jì)算復(fù)雜得多。在Photoshop中，執(zhí)行“圖像”→“計(jì)算”命令，直接以不同的Alpha通道進(jìn)行計(jì)算，生成一些新的Alpha通道，也就是一些新的選區(qū)。相關(guān)知識(shí)任務(wù)4：秋天來(lái)了在“計(jì)算”對(duì)話框中（下圖），可以選擇計(jì)算源、計(jì)算使用的混合方式以及計(jì)算結(jié)果存儲(chǔ)的位置。其中，計(jì)算源可以是Alpha通道，也可以是顏色通道，還可以是圖像中所有像素點(diǎn)折算出的灰度值，或者是某個(gè)圖層中的不透明區(qū)域；在混合方式中可以設(shè)置透明度的變化，也可以選擇一個(gè)蒙版通道，使計(jì)算局限于圖像的某一個(gè)局部區(qū)域；而單擊“確定”按鈕后，這個(gè)結(jié)果會(huì)以一個(gè)新的Alpha通道的形式出現(xiàn)在“通道”調(diào)板中，當(dāng)然，也可將這個(gè)新的通道存儲(chǔ)在一個(gè)新文檔中，或使結(jié)果以一個(gè)選區(qū)的形式出現(xiàn)在圖像之中。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)4：秋天來(lái)了1.選擇菜單“文件”→“打開(kāi)”命令，打開(kāi)本任務(wù)“素材.jpg”文件。2.想要將綠葉變?yōu)榧t葉，而又基本不改變其他位置的顏色，重點(diǎn)是要準(zhǔn)確地確定選區(qū)，為樹(shù)葉增加紅色成分。切換不同的顏色模式，觀察各通道的狀態(tài)，可發(fā)現(xiàn)在Lab顏色模式下，樹(shù)葉部分在不同通道間的差異較大。在“a”通道中，樹(shù)葉部分顏色較深（即紅色成分較少），在“b”通道中，樹(shù)葉部分顏色較淺（即黃色成分較多），而圖像中其他部分在兩個(gè)通道中的差距并不很大。因此，若將兩通道的信息疊加再將所得選區(qū)設(shè)置到“a”通道中，即可使“b”通道中黃色成分較多的部位在a通道中增加紅色成分，從而實(shí)現(xiàn)紅葉效果，并避免其他位置偏色。將圖像轉(zhuǎn)換為L(zhǎng)ab顏色模式，并復(fù)制圖層，如下圖所示。任務(wù)實(shí)施任務(wù)4：秋天來(lái)了3.選擇“通道”調(diào)板，選擇菜單“圖像”→“計(jì)算”，參數(shù)設(shè)置如下圖所示。4.打開(kāi)“通道”面板，可以發(fā)現(xiàn)經(jīng)過(guò)剛才的計(jì)算，生成了“Alpha1”通道，如下圖所示。任務(wù)實(shí)施任務(wù)4：秋天來(lái)了5.按Ctrl+A鍵全選“Alpha1”通道，按Ctrl+C鍵復(fù)制，選擇“a”通道，按Ctrl+V鍵粘貼，如下圖所示。6.回到“圖層”面板，按Ctrl+A鍵全選圖像，選擇菜單“圖像”→“調(diào)整”→“色相/飽和度”命令，參數(shù)設(shè)置如下圖所示。任務(wù)實(shí)施任務(wù)4：秋天來(lái)了7.為“圖層1”添加圖層蒙板，選擇“畫(huà)筆工具”，前景色設(shè)置為黑色，在要保留原色的區(qū)域涂抹，如下圖所示。8.合并圖層，選擇菜單“圖像”→“模式”→“RGB顏色”命令，如下圖所示。任務(wù)5：圖片水印學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)5：圖片水印學(xué)習(xí)目標(biāo)（1）了解動(dòng)作的含義。（2）能創(chuàng)建和修改動(dòng)作。（3）能使用批處理命令批量處理圖像。任

務(wù)分析02任務(wù)5：圖片水印本任務(wù)利用批處理命令可以同時(shí)對(duì)數(shù)十張、上百?gòu)埳踔翑?shù)千張圖片進(jìn)行處理，這樣就大大提高了工作效率，本任務(wù)的內(nèi)容是給一個(gè)文件夾中的圖片批量添加水印。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)5：圖片水印一、動(dòng)作在Photoshop中，所謂“動(dòng)作”，是指預(yù)先設(shè)定好的一系列操作。用戶可根據(jù)實(shí)際需要自行定義操作的步驟，并保存在“動(dòng)作”調(diào)板中，這個(gè)過(guò)程稱為“錄制”。以后需要對(duì)圖像進(jìn)行此類重復(fù)操作時(shí)，只需選擇錄制好的動(dòng)作，單擊“播放”按鈕，一系列的動(dòng)作就會(huì)應(yīng)用在新的圖像中。相關(guān)知識(shí)任務(wù)5：圖片水印二、“動(dòng)作”面板“動(dòng)作”面板（下圖）能在工具欄的“窗口”中找到，其具有以下主要功能：1.可將一系列命令組合為單個(gè)動(dòng)作，從而使執(zhí)行任務(wù)自動(dòng)化。2.可同時(shí)處理批量的圖片。3.使用“動(dòng)作”面板可以記錄、播放、編輯和刪除個(gè)別動(dòng)作，也可以用來(lái)存儲(chǔ)和載入文件。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)5：圖片水印1.選擇菜單“窗口”→“動(dòng)作”命令，調(diào)出“動(dòng)作”面板。2.打開(kāi)本任務(wù)“源圖”目錄中的“素材1.jpg”文件。3.單擊“動(dòng)作”面板上“創(chuàng)建新組”按鈕，在彈出的對(duì)話框中輸入動(dòng)作組名稱“自定義序列”，如下圖所示。4.單擊“動(dòng)作”面板上“創(chuàng)建新動(dòng)作”按鈕，在彈出的對(duì)話框中輸入動(dòng)作名稱“添加水印”，其他參數(shù)使用默認(rèn)值，如下圖所示。任務(wù)實(shí)施任務(wù)5：圖片水印5.單擊“停止播放/記錄”按鈕后，“開(kāi)始記錄”按鈕自動(dòng)按下，顯示為紅色，表示動(dòng)作已經(jīng)開(kāi)始錄制，如下圖所示。6.選擇“橫排文字工具”，在圖像的右下方單擊，輸入“魅力花世界”，顏色為白色，如下圖所示。任務(wù)實(shí)施任務(wù)5：圖片水印7.選擇“魅力花世界”文字圖層，將圖層的不透明度設(shè)置為50%，形成水印效果，如下圖所示。8.按Ctrl+E鍵向下合并圖層，選擇“文件”→“存儲(chǔ)為”命令，將文件存到一個(gè)新建的目標(biāo)文件夾下，不需要修改文件名，關(guān)閉文件。9.單擊“動(dòng)作”面板下方的“停止播放/記錄”按鈕，結(jié)束“添加水印”效果動(dòng)作的錄制。任務(wù)實(shí)施任務(wù)5：圖片水印10.選擇菜單“文件”→“自動(dòng)”→“批處理”命令，彈出“批處理”對(duì)話框，選擇動(dòng)作組為“自定義序列”，參數(shù)設(shè)置如圖下圖所示，即可完成所有圖片的處理。任務(wù)6：流汗的小獅子學(xué)習(xí)目標(biāo)任務(wù)分析相關(guān)知識(shí)任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)6：流汗的小獅子學(xué)習(xí)目標(biāo)（1）了解Photoshop中的動(dòng)畫(huà)。（2）了解動(dòng)畫(huà)的原理。（3）能制作GIF動(dòng)畫(huà)。任

務(wù)分析02任務(wù)6：流汗的小獅子在網(wǎng)頁(yè)上、通訊工具簽名檔上經(jīng)常使用活潑生動(dòng)的GIF動(dòng)畫(huà)來(lái)吸引用戶注意力，增加點(diǎn)擊率。目前GIF動(dòng)畫(huà)在網(wǎng)絡(luò)上十分流行。本任務(wù)利用Photoshop制作簡(jiǎn)單的GIF動(dòng)畫(huà)。任務(wù)分析相

關(guān)

知

識(shí)03相關(guān)知識(shí)任務(wù)6：流汗的小獅子一、動(dòng)畫(huà)動(dòng)畫(huà)就是用多幅靜止的畫(huà)面連續(xù)播放，利用人類視覺(jué)暫留形成連續(xù)的影像。目前在網(wǎng)絡(luò)上主要的小型動(dòng)畫(huà)圖像格式是GIF，因其能直接在網(wǎng)頁(yè)中顯示，應(yīng)用比較廣泛。二、“時(shí)間軸”面板“時(shí)間軸”面板（下圖）和其他調(diào)板一樣能在工具欄的“窗口”中找到，默認(rèn)是放置在軟件的下方。相關(guān)知識(shí)任務(wù)6：流汗的小獅子三、“圖層”面板中的動(dòng)畫(huà)制作選項(xiàng)當(dāng)打開(kāi)“時(shí)間軸”面板的同時(shí)，在“圖層”面板上方也會(huì)增加一些關(guān)于動(dòng)畫(huà)制作的選項(xiàng)，如下圖所示。任

務(wù)

實(shí)

施04任務(wù)實(shí)施任務(wù)6：流汗的小獅子1.打開(kāi)本任務(wù)“素材.psd”文件。2.選擇菜單“窗口”→“時(shí)間軸”命令，調(diào)出“時(shí)間軸”面板。在“圖層”面板中設(shè)置僅“圖層0”可見(jiàn)，則“時(shí)間軸”面板中所選的“圖層0”為第一幀，如下圖所示。3.在“時(shí)間軸”面板中單擊“復(fù)制所選幀”按鈕，就會(huì)看到新增加了一幀，如下圖所示。任務(wù)實(shí)施任務(wù)6：流汗的小獅子4.選擇第二幀，回到“圖層”面板，將“圖層1”設(shè)為可見(jiàn)，可發(fā)現(xiàn)第二幀的內(nèi)容變成了“圖層1”的圖像，如下圖所示。5.利用同樣的原理，在“時(shí)間軸”面板中再單擊兩次“復(fù)制所選幀”按鈕，得到兩個(gè)幀，在不同的幀分別激活“圖層2”和“圖層3”的可見(jiàn)性，得到的效果，如下圖所示。任務(wù)實(shí)施任務(wù)6：流汗的小獅子6.默認(rèn)情況下每一幀的播放時(shí)間為0秒，根據(jù)需要單擊“時(shí)間軸”調(diào)版中幀右下角的三角形，選擇當(dāng)前幀停留的時(shí)間，如下圖所示。7.用同樣的方法設(shè)定其他幀停留的時(shí)間，如下圖所示。任務(wù)實(shí)施任務(wù)6：流汗的小獅子8.選擇菜單“文件”→“導(dǎo)出”→“存儲(chǔ)為Web和設(shè)備所用格式（舊版）”命令，選擇GIF格式，參數(shù)設(shè)置如下圖所示。鞏固訓(xùn)練1秋末任務(wù)分析任務(wù)實(shí)施任

務(wù)分析02鞏固訓(xùn)練1秋末很多時(shí)候我們拍的照片因?yàn)橹饔^或客觀原因都會(huì)存在偏色現(xiàn)象，本案例就是利用通道對(duì)圖像進(jìn)行調(diào)色。在RGB顏色模式里，直接對(duì)“紅”“綠”“藍(lán)”三個(gè)通道進(jìn)行調(diào)整便可,效果如右圖所示。任務(wù)分析任

務(wù)

實(shí)

施04任務(wù)實(shí)施鞏固訓(xùn)練1秋末1.打開(kāi)鞏固訓(xùn)練1素材“秋末.jpg”文件。2.選擇“通道”面板，選擇“綠”通道，選擇菜單“圖像”→“調(diào)整”→“曲線”命令，參數(shù)設(shè)置如下圖所示。3.選擇“紅”通道，選擇菜單“圖像”→“調(diào)整”→“曲線”命令，參數(shù)設(shè)置如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練1秋末4.選擇“藍(lán)”通道，選擇菜單“圖像”→“調(diào)整”→“曲線”，參數(shù)設(shè)置如下圖所示。5.選擇“紅”通道，選擇菜單“圖像”→“調(diào)整”→“亮度/對(duì)比度”，參數(shù)設(shè)置如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練1秋末6.選擇“RGB”通道，觀察圖像，完成調(diào)色，效果如下圖所示。鞏固訓(xùn)練2天使任務(wù)分析任務(wù)實(shí)施任

務(wù)分析02鞏固訓(xùn)練2天使本案例綜合了Alpha通道原理和通道摳圖，先將樹(shù)利用Alpha通道做出立體感，然后用通道對(duì)小女孩進(jìn)行摳圖，最后將各項(xiàng)素材合成效果圖,效果如下圖所示。任務(wù)分析任

務(wù)

實(shí)

施04任務(wù)實(shí)施鞏固訓(xùn)練2天使1.新建文件，設(shè)置圖像寬度和高度為800像素×600像素，分辨率為100像素/英寸，顏色模式為RGB顏色，背景內(nèi)容為白色，命名為“天使”。2.打開(kāi)鞏固訓(xùn)練2“素材1.png”文件，將“素材1.png”拖入“天使.psd”文件中，生成“圖層1”，使用“移動(dòng)工具”將素材移動(dòng)到合適的位置，如下圖所示。3.選擇“魔棒工具”，選擇圖像中的大樹(shù)，選擇菜單“選擇”→“存儲(chǔ)選區(qū)”命令，將剛剛選擇的區(qū)域存儲(chǔ)為通道選區(qū)，命名為“大樹(shù)”，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使4.在“通道”面板中選擇“大樹(shù)”通道。選擇菜單“濾鏡”→“模糊”→“高斯模糊”命令，設(shè)置模糊半徑為15像素。5.選擇“大樹(shù)”通道，按住鼠標(biāo)左鍵將其拖動(dòng)到“通道”面板底部的“創(chuàng)建新通道”按鈕上，生成“大樹(shù)拷貝”通道，如下圖所示。完成后取消選擇。6.按住Ctrl鍵，單擊“大樹(shù)拷貝”通道，將通道作為選區(qū)載入。按Shift+F6鍵羽化，設(shè)置羽化值為20像素，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使8.按住Ctrl鍵，單擊“大樹(shù)”通道，再單擊“將通道作為選區(qū)載入”按鈕?；氐健皥D層”調(diào)板，新建圖層，設(shè)置前景色為#8fcb58，按Alt+Delete鍵填充前景色，效果如下圖所示。完成后取消選擇。9.同樣的方法將“大樹(shù)拷貝”通道作為選區(qū)載入，再次新建圖層，設(shè)置前景色為#d1f184，填充前景色，效果如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使10.打開(kāi)鞏固訓(xùn)練2“素材2.jpg”文件，選擇“通道”面板，選擇對(duì)比較強(qiáng)的“紅”通道，按住鼠標(biāo)左鍵拖拽到“通道”面板底部的“創(chuàng)建新通道”按鈕上，生成“紅拷貝”通道，如下圖所示。11.按Ctrl+L鍵調(diào)出“色階”對(duì)話框，參數(shù)設(shè)置如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使12.將前景色設(shè)置為白色，背景色設(shè)置為黑色。選擇“畫(huà)筆工具”，將女孩圖像主體涂成白色，如下圖所示。13.按X鍵交換前景色和背景色，用“畫(huà)筆工具”將背景涂成黑色，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使14.按住Ctrl鍵，單擊“紅拷貝”通道，將通道作為選區(qū)載入，按Shift+F6鍵羽化，設(shè)置羽化值為1像素，回到“圖層”面板，按Ctrl+J鍵復(fù)制圖層，生成“圖層1”，效果如下圖所示。15.將選取出來(lái)的小女孩用“移動(dòng)工具”拖拽到“天使.psd”中，生成“圖層4”，調(diào)整大小，放到適合的位置，效果如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使16.選擇“圖層3”，選擇“橡皮擦工具”，參數(shù)設(shè)置如下圖所示，對(duì)大樹(shù)的亮部進(jìn)行涂抹，注意要將人物的投影擦出來(lái)，如下圖所示。17.打開(kāi)鞏固訓(xùn)練2“素材3.png”和“素材4.jpg”兩個(gè)文件，將“素材3.png”和“素材4.jpg”中的圖像拖動(dòng)到“天使.psd”中，生成“圖層5”和“圖層6”，調(diào)整圖層順序，將“圖層6”調(diào)整到“背景”圖層上方，效果如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練2天使18.單擊“圖層6”，選擇菜單“濾鏡”→“渲染”→“鏡頭光暈”命令，參數(shù)設(shè)置如下圖所示。最終效果如下圖所示。鞏固訓(xùn)練3郵票任務(wù)分析任務(wù)實(shí)施任

務(wù)分析02鞏固訓(xùn)練3郵票本案例是利用前面學(xué)到的“動(dòng)作的創(chuàng)建”批量做出郵票的效果,效果如下圖所示。任務(wù)分析任

務(wù)

實(shí)

施04任務(wù)實(shí)施鞏固訓(xùn)練3郵票1.選擇菜單“窗口”→“動(dòng)作”命令，調(diào)出“動(dòng)作”面板。2.打開(kāi)鞏固訓(xùn)練3“源圖”目錄中的“素材1.jpg”文件。3.單擊“動(dòng)作”面板上的“創(chuàng)建新動(dòng)作”按鈕，在彈出的對(duì)話框中輸入動(dòng)作名稱“郵票”，其他參數(shù)使用默認(rèn)值，如下圖所示，單擊“停止播放/記錄”按鈕開(kāi)始錄制動(dòng)作。4.調(diào)整圖像大小。選擇菜單“圖像”→“圖像大小”命令，在彈出的對(duì)話框中輸入如下圖所示的數(shù)值，單擊“確定”按鈕。任務(wù)實(shí)施鞏固訓(xùn)練3郵票5.按Ctrl+A鍵全選圖像，按Ctrl+C鍵復(fù)制圖像。6.按Ctrl+N鍵新建一個(gè)名為“郵票”的文檔，參數(shù)設(shè)置如左圖所示。完成后按Ctrl+V鍵粘貼圖像，如右圖所示。7.按Ctrl+A鍵全選圖像，選擇菜單“圖層”→“將圖層與選區(qū)對(duì)齊”→“水平居中”命令，操作完成后按Ctrl+D鍵取消選區(qū)。任務(wù)實(shí)施鞏固訓(xùn)練3郵票8.選擇“自定義形狀工具”，在工具欄中選擇“路徑”，單擊“形狀”旁的三角形下拉按鈕，選擇“郵票2”，如下圖所示。9.單擊工具欄中“自定義形狀工具”旁的三角形下拉按鈕，在彈出的“自定形狀選項(xiàng)”中選擇“定義的比例”，效果如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練3郵票10.回到“圖層”面板，創(chuàng)建新圖層，選擇“自定義形狀工具”，在文件中拖動(dòng)鼠標(biāo)并產(chǎn)生郵票形狀的路徑，按Ctrl+Enter鍵轉(zhuǎn)化路徑為選區(qū)，按D鍵恢復(fù)默認(rèn)前景色與背景色，按Ctrl+Delete鍵為選區(qū)填充白色背景色，如下圖所示，按Ctrl+D鍵取消選擇。11.選擇“路徑”面板，將剛剛產(chǎn)生的路徑刪除，回到“圖層”面板，在“圖層2”中用“魔棒工具”選擇郵票框外圍選區(qū)，選擇“圖層1”，刪除選區(qū)內(nèi)的圖像。任務(wù)實(shí)施鞏固訓(xùn)練3郵票12.選擇“豎排文字工具”，在文檔左上角單擊，按Ctrl+T鍵調(diào)出“字符”面板，參數(shù)設(shè)置如下圖所示，完成后輸入“中國(guó)郵政”。13.同樣，在郵票左下角及右下角分別輸入“CHINA”和“1.20元”。“CHINA”字體為“宋體”，字號(hào)為12點(diǎn)?！?.20元”字體為“宋體”，其中“1”字號(hào)為18點(diǎn)，“.20”字號(hào)為12點(diǎn)，“元”字號(hào)為8點(diǎn)，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練3郵票14.按住Ctrl鍵，在“圖層”面板中依次選取除“背景”圖層以外的所有圖層，按Ctrl+E鍵合并已選圖層，按Ctrl+A鍵全選，選擇菜單“圖像”→“裁切”命令，效果如下圖所示。15.按Ctrl+A鍵全選，按Ctrl+T鍵自由變換，參數(shù)設(shè)置如下圖所示，效果如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練3郵票16.雙擊“圖層”面板中合并圖層的灰色區(qū)域或單擊“圖層”面板下方的“圖層樣式”按鈕，在彈出的“圖層樣式”對(duì)話框中選擇“投影”，參數(shù)設(shè)置如下圖所示。17.按Ctrl+Shift+E鍵合并可見(jiàn)圖層，按Ctrl+Shift+S鍵存儲(chǔ)到一個(gè)新建的文件夾中，不需要修改文件名，關(guān)閉文件。18.單擊“動(dòng)作”面板下方的“停止播放/記錄”按鈕，結(jié)束“郵票”效果動(dòng)作的錄制。任務(wù)實(shí)施鞏固訓(xùn)練3郵票19.選擇菜單“文件”→“自動(dòng)”→“批處理”命令，彈出“批處理”對(duì)話框，選擇動(dòng)作組為“自定義序列”，動(dòng)作為“郵票”，參數(shù)設(shè)置如下圖所示，即可完成所有圖片的處理。鞏固訓(xùn)練4調(diào)皮的貓任務(wù)分析任務(wù)實(shí)施任

務(wù)分析02鞏固訓(xùn)練4調(diào)皮的貓本案例是“動(dòng)畫(huà)”練習(xí)的進(jìn)階版，需要繪制出動(dòng)畫(huà)里出現(xiàn)的畫(huà)面，再合成動(dòng)畫(huà),效果如下圖所示。任務(wù)分析任

務(wù)

實(shí)

施04任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓1.按Ctrl+N鍵新建一個(gè)名為“表情”的文檔，參數(shù)設(shè)置如下圖所示。2.新建圖層，命名為“臉”，再新建路徑，命名為“臉1”，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓3.選擇“鋼筆工具”，畫(huà)出貓的外輪廓，單擊“將路徑作為選區(qū)載入”，設(shè)置前景色為#2996a6，背景色為#68ebff，選擇“徑向漸變”，效果如下圖所示。完成后取消選擇。4.在“圖層”面板上選擇“臉”，選擇“畫(huà)筆工具”，將畫(huà)筆直徑設(shè)置為3像素，在“路徑”面板上選擇“臉1”，單擊“用畫(huà)筆描邊路徑”。任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓5.新建圖層，命名為“左邊的眼睛”。使用“橢圓選框工具”繪制正圓，填充白色，設(shè)置描邊寬度為3像素，顏色為黑色；選擇“畫(huà)筆工具”，設(shè)置畫(huà)筆直徑為15像素，繪制眼珠。完成后移動(dòng)到合適的位置。6.在“圖層”面板選擇“左邊的眼睛”，按Ctrl+J鍵復(fù)制圖層，圖層命名為“右邊的眼睛”。使用“移動(dòng)工具”，按住Shift鍵將復(fù)制后的眼睛往右邊移動(dòng)，放到合適的位置，效果如下圖所示。7.新建圖層，命名為“嘴巴”。新建“路徑2”，使用“鋼筆工具”把嘴巴的線條畫(huà)出來(lái)，描邊路徑，如下圖所示，任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓使用同樣的方法把舌頭畫(huà)出來(lái)，舌頭的顏色設(shè)置為#ff3a3a，如下圖所示。8.使用同樣的方法把胡子和另外的眼睛畫(huà)出來(lái)，分別將圖層命名為“胡子”“瞇眼”和“眨眼”，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓圖層內(nèi)容分布如下圖所示。9.選擇菜單“窗口”→“時(shí)間軸”命令，調(diào)出“時(shí)間軸”面板。在第一幀的時(shí)候?qū)⒇埖谋砬檎{(diào)整成如下圖所示的狀態(tài)，隱藏背景。任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓10.復(fù)制當(dāng)前幀，將第二幀的表情調(diào)整為如下圖所示的表情。11.用同樣的方法，將動(dòng)畫(huà)調(diào)成如下圖所示的狀態(tài)。12.播放動(dòng)畫(huà)，再根據(jù)需要調(diào)整當(dāng)前幀停留時(shí)間，如下圖所示。任務(wù)實(shí)施鞏固訓(xùn)練4調(diào)皮的貓選擇菜單“文件”→“導(dǎo)出”→“存儲(chǔ)為Web和設(shè)備所用格式（舊版）”命令，選擇GIF格式，參數(shù)使用默認(rèn)值，如下圖所示。感謝觀看/謝謝！項(xiàng)目十一

綜合項(xiàng)目訓(xùn)練三講課人：PS

在前面我們學(xué)習(xí)了Photoshop各項(xiàng)基本操作，只有將所學(xué)知識(shí)綜合運(yùn)用到實(shí)際工作中，我們才會(huì)真正理解知識(shí)，才能夠滿足我們理想的效果表現(xiàn)。

本項(xiàng)目中將通過(guò)三個(gè)實(shí)戰(zhàn)項(xiàng)目的練習(xí)，將前面所學(xué)知識(shí)貫穿起來(lái)綜合運(yùn)用。學(xué)習(xí)目的任務(wù)1：校園之星三折頁(yè)學(xué)習(xí)目標(biāo)任務(wù)分析任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)1：校園之星三折頁(yè)學(xué)習(xí)目標(biāo)通過(guò)本任務(wù)綜合運(yùn)用圖層、筆刷、文字、蒙版、圖層樣式等知識(shí)，制作一幅具有一定設(shè)計(jì)性的三折頁(yè)。任

務(wù)分析02任務(wù)1：校園之星三折頁(yè)

本任務(wù)提供相關(guān)素材，分別是“校園之星”、“無(wú)限活力”、“奔跑吧”和“墨點(diǎn)圖片”等主要素材。將這幾個(gè)元素有機(jī)的組合在一起，搭配藝術(shù)字效果，設(shè)計(jì)出一幅具有一定設(shè)計(jì)性的三折頁(yè)。通過(guò)這個(gè)任務(wù)，我們主要復(fù)習(xí)圖層、筆刷、文字、蒙版、圖層樣式等相關(guān)知識(shí)。

相關(guān)素材如圖11-1-1校園之星,圖11-1-2墨點(diǎn)圖片,圖11-1-3奔跑吧，圖11-1-4無(wú)限活力所示。任務(wù)分析圖11-1-1校園之星圖11-1-2墨點(diǎn)圖片圖11-1-3奔跑吧圖11-1-44無(wú)限活力任

務(wù)

實(shí)

施03任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)一、新建文檔1.設(shè)置折頁(yè)的尺寸大小用直尺量好要做的折頁(yè)大小。打開(kāi)Photoshop2022，選擇菜單欄的文件→新建→填入尺寸，填入的尺寸要加上出血位。每條邊加上3mm出血位。比如：寬度28.5cm，實(shí)際填入29.1cm，高度21cm，實(shí)際填入21.6cm。單位要記住選擇的是：厘米,如圖11-1-6所示。2.設(shè)置折頁(yè)的分辨率折頁(yè)的印刷分辨率是300dpi，輸入數(shù)字：300，選擇單位是：像素/英寸，這是印刷輸出的通用分辨率，如圖11-1-7所示。圖11-1-6尺寸大小圖11-1-7分辨率設(shè)置任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)3.設(shè)置折頁(yè)的顏色模式印刷的顏色模式是CMYK，不是RGB，所以一開(kāi)始新建文檔的時(shí)候就要把CMYK模式選好，如圖11-1-8所示。4．打開(kāi)標(biāo)尺按Ctrl+R鍵打開(kāi)標(biāo)尺，右擊標(biāo)尺在彈出的快捷菜單中選擇“厘米”，將標(biāo)尺的單位設(shè)為“厘米”。圖11-1-8顏色模式任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)5．新建參考線選擇菜單“視圖”→“新建參考線”，根據(jù)三折頁(yè)的劃分及出血尺寸，我們要在水平上新建兩條參考線（0.3厘米、21.3厘米），垂直上新建四條參考線（0.3厘米、9.8厘米、19.3厘米、28.8厘米），建立完后選擇菜單“視圖→鎖定參考線”進(jìn)行參考線鎖定，如果參考線沒(méi)有顯示，可以選擇菜單“視圖→顯示→參考線”即可，效果如圖11-1-9所示。圖11-1-9新建參考線小提示：參考線之外多出的3mm就是出血，4個(gè)方向的出血尺寸必須要一致。任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)二、活動(dòng)簡(jiǎn)介頁(yè)制作1．背景顏色設(shè)置前景色為“#f9f1ab”，按Alt+Delete組合鍵，將背景顏色填充為暗黃色。2.創(chuàng)建新組在圖層面板中創(chuàng)建新組，并命名為“活動(dòng)簡(jiǎn)介”，如圖11-1-10所示。圖11-1-10創(chuàng)建新組任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)1．背景顏色設(shè)置前景色為“#f9f1ab”，按Alt+Delete組合鍵，將背景顏色填充為暗黃色。2.創(chuàng)建新組在圖層面板中創(chuàng)建新組，并命名為“活動(dòng)簡(jiǎn)介”，如圖11-1-10所示。導(dǎo)入圖像“圖11-1-1校園之星”至活動(dòng)簡(jiǎn)介頁(yè)，按組合鍵“Ctrl+T”，進(jìn)行自由變換，適當(dāng)調(diào)整大小及位置。并適當(dāng)調(diào)整圖像的“色相/飽和度”，效果如圖11—11所示。圖11-1-10創(chuàng)建新組圖11-1-11色相/飽和度任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)導(dǎo)入圖像“圖11-1-3奔跑吧”至活動(dòng)簡(jiǎn)介頁(yè)，適當(dāng)調(diào)整圖像大小及位置，并為其“添加圖層蒙版”，單擊選擇畫(huà)筆工具，將前景色設(shè)置為黑色，畫(huà)筆大小為100左右，利用畫(huà)筆工具處理圖像邊緣，使其與背景融合，效果如圖11-1-12所示。導(dǎo)入圖像“校園之星logo圖像”至頂部，適當(dāng)調(diào)整圖像大小及位置，將圖層混合模式設(shè)置為“正片疊底”，效果如圖11-1-13所示。圖11-1-12添加圖層蒙版圖11-1-13混合模式任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)3.文字處理在活動(dòng)簡(jiǎn)介頁(yè)中輸入文字內(nèi)容，并設(shè)置標(biāo)題字體為“漢儀菱心體簡(jiǎn)”。正文字體為“黑體”。字體安裝方法：復(fù)制“漢儀菱心體簡(jiǎn)”→“計(jì)算機(jī)”→“C：\Windows\Fonts”，將“漢儀菱心體簡(jiǎn)”粘貼至Fonts里面。效果如圖11-1-14所示。小提示：文字和主要圖片內(nèi)容不要超過(guò)出血線位置，印刷時(shí)出血線以外的部分是要被裁剪掉的。圖11-1-14文字處理任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)三、封底頁(yè)制作1.導(dǎo)入圖像首先，創(chuàng)建“封底頁(yè)”新組，利用活動(dòng)簡(jiǎn)介頁(yè)中的方法，將二維碼導(dǎo)入至封底頁(yè)中，效果如圖11-1-15所示。2.文字處理在封底頁(yè)中輸入相關(guān)文字，設(shè)置字體為“黑體”、字號(hào)為“10點(diǎn)”、顏色為“#e72833”，效果如圖11-1-16所示。圖11-1-15封底頁(yè)新組圖11-1-16封底頁(yè)文字任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)四、封面頁(yè)制作1.載入畫(huà)筆在封面頁(yè)中制作墨點(diǎn)效果，將墨點(diǎn)庫(kù)中的“高清晰墨汁滴濺筆刷”載入畫(huà)筆。方法：選擇畫(huà)筆工具，點(diǎn)擊畫(huà)筆預(yù)設(shè)，導(dǎo)入畫(huà)筆，如圖11-1-17所示。2.墨點(diǎn)制作在圖層面板中新建5個(gè)圖層，運(yùn)用所導(dǎo)入畫(huà)筆在這5個(gè)圖層中繪制顏色為：#f5a437、#e94643、#f5a538、#f5a437、#f5cc1d的墨點(diǎn)效果，并適當(dāng)設(shè)置它們的透明度。效果如圖11-1-18所示。圖11-1-17導(dǎo)入畫(huà)筆圖11-1-18墨點(diǎn)效果任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)3.圖像處理導(dǎo)入圖像“星星”至封面頁(yè)，按組合鍵“Ctrl+T”，進(jìn)行自由變換，適當(dāng)調(diào)整大小及位置。并為其“添加圖層蒙版”，單擊選擇畫(huà)筆工具，將前景色設(shè)置為黑色，畫(huà)筆大小為100左右，將前景色設(shè)置為黑色，利用畫(huà)筆工具處理星星底部，使其與校園之星文字融合，效果如圖11-1-19所示。4.藝術(shù)字制作在封面頁(yè)中輸入“校園之星”，設(shè)置字體為“漢儀菱心體簡(jiǎn)”、字號(hào)為“45點(diǎn)”、文字顏色：校（#f18b3f）、園（#3a95d3）、之（#ce6998）、星（#4f9836）。圖11-1-17導(dǎo)入畫(huà)筆任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)在圖層面版中雙擊“校園之星”，勾選“描邊”和“投影”為其添加圖層樣式效果，“描邊”具體參數(shù)如圖11—20所示?！巴队啊本唧w參數(shù)如圖11—21所示。圖11-1-20描邊設(shè)置圖11—21投影設(shè)置圖11-1-22校園之星效果任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)5.其他文字在藝術(shù)字下面輸入主辦單位等等相關(guān)信息，字體為“黑體”、字號(hào)為“15點(diǎn)”、顏色為“#e72833”，并適當(dāng)調(diào)整好文字的位置。6.陰影區(qū)域處理導(dǎo)入素材圖像“做舊背景”，將它移至“封面頁(yè)”區(qū)域，適當(dāng)調(diào)整圖像大小和位置，并將圖像不透明度調(diào)制50%左右。為“做舊背景”添加圖層蒙版，單擊選擇畫(huà)筆工具，將前景色設(shè)置為黑色，畫(huà)筆大小為900左右、不透明度50%、流量60%左右，如圖11-1-23所示。將前景色設(shè)置為黑色，利用畫(huà)筆工具處理做舊背景的明暗度，直至形成陰影效果，使其與封面頁(yè)內(nèi)容相融合，效果如圖11-1-24所示。圖11-1-23畫(huà)筆設(shè)置果圖11-1-24明暗效果任務(wù)實(shí)施任務(wù)1：校園之星三折頁(yè)用上述步驟“6.陰影區(qū)域處理”方法制作“活動(dòng)簡(jiǎn)介頁(yè)”明暗陰影效果，完成活動(dòng)簡(jiǎn)介頁(yè)陰影效果后，在折頁(yè)底部導(dǎo)入圖像素材“圖11-1-4無(wú)限活力”，適當(dāng)調(diào)整圖像大小及位置，為此，校園之星三折頁(yè)制作完成，最終效果如下圖：任務(wù)2：校園網(wǎng)制作學(xué)習(xí)目標(biāo)任務(wù)分析任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)2：校園網(wǎng)制作學(xué)習(xí)目標(biāo)通過(guò)本書(shū)所學(xué)知識(shí)設(shè)計(jì)導(dǎo)航菜單、banner、網(wǎng)頁(yè)主體部分等內(nèi)容，最后再通過(guò)切片工具對(duì)平面圖進(jìn)行切割，存儲(chǔ)為網(wǎng)頁(yè)所使用的格式。任

務(wù)分析02任務(wù)2：校園網(wǎng)制作

校園網(wǎng)是為學(xué)校師生提供教學(xué)、科研和綜合信息服務(wù)的寬帶多媒體網(wǎng)絡(luò)。首先，校園網(wǎng)應(yīng)為學(xué)校教學(xué)、科研提供先進(jìn)的信息化教學(xué)環(huán)境。校園網(wǎng)內(nèi)容涉及范圍較廣，為廣大師生們提供在校的學(xué)習(xí)生活所需，同時(shí)又涉及步入社會(huì)所必需的常識(shí)，致力于為學(xué)生提供更好的學(xué)習(xí)、生活、成長(zhǎng)、就業(yè)的綜合性服務(wù)平臺(tái)。學(xué)校校園網(wǎng)正在積極與各類信息網(wǎng)站、商家聯(lián)系，以求更好的服務(wù)校園學(xué)生。

最終效果如圖11-2-1所示。任務(wù)分析圖11-2-1校園網(wǎng)最終效果任

務(wù)

實(shí)

施03任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作一、新建文檔啟動(dòng)Photoshop2022，選擇“文件”/“新建”命令，打開(kāi)“新建”對(duì)話框，在“名稱”文本框中輸入文件名為“校園網(wǎng)主頁(yè)”，在“寬度”和“高度”文本框中分別輸入1000和1550，單擊“創(chuàng)建”，完成文檔建立，如圖11-2-2所示。圖11-2-2新建文檔任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作二、新建參考線選擇“視圖”/“標(biāo)尺”命令或按組合鍵“Ctrl+R”顯示出標(biāo)尺，使用鼠標(biāo)的水平和垂直標(biāo)尺上拖動(dòng)，繪制參考線，以確定網(wǎng)頁(yè)每部分區(qū)域的劃分，如圖11-2-3所示。圖11-2-3新建參考線任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作三、制作網(wǎng)頁(yè)banner和導(dǎo)航1.在“圖層”面板中單擊“創(chuàng)建新組”按鈕，新建一個(gè)圖層組，并將其命名為“banner”，將banner素材置入該組中，如圖11-2-4所示。2.打開(kāi)素材文件夾“圖片”直接將“banner.jpg”拖入到“校園網(wǎng)制作.psd”圖像文件中，按Enter鍵，在打開(kāi)的對(duì)話框中單擊“確定”置入圖片。然后再“圖層”面板上“banner”圖層上右擊，在彈出的快捷菜單中選擇“柵格化圖層”命令，將其轉(zhuǎn)換為普通圖層，如圖11-2-5所示。圖11-2-4新建圖層組圖11-2-5柵格化圖層任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作3.創(chuàng)建“導(dǎo)航”新組，將導(dǎo)航素材置入該組中。置入“導(dǎo)航背景.png”素材文件,將其放置在banner的右上側(cè),并在導(dǎo)航背景上輸入導(dǎo)航文本和分割線，效果如圖11-2-6所示。圖11-2-6制作導(dǎo)航任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作4.創(chuàng)建“藝術(shù)字”新組，將素材“藝術(shù)字配圖”導(dǎo)入該組中。在banner中輸入文本“青春不散場(chǎng)”，字體為“葉根友行書(shū)繁”，字號(hào)“70點(diǎn)”，適當(dāng)調(diào)整文本的位置。將“藝術(shù)字配圖”圖層移至“青春不散場(chǎng)”圖層上方，按住Alt鍵，將光標(biāo)放在兩個(gè)圖層之間“創(chuàng)建剪貼蒙版”，適當(dāng)移動(dòng)調(diào)整“藝術(shù)字配圖”的大小與位置，效果如圖11-2-7所示。5.在圖層面板中雙擊“青春不散場(chǎng)”，打開(kāi)“圖層樣式”對(duì)話框,選擇“描邊”選項(xiàng),設(shè)置其大小為“3”，顏色為“白色”；選擇“投影”選項(xiàng),設(shè)置其顏色為“黑色”，不透明度“50%”，距離7、擴(kuò)展2、大小2，如圖11-2-8所示。圖11-2-7創(chuàng)建剪貼蒙版圖11-2-8設(shè)置圖層樣式任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作四、制作網(wǎng)頁(yè)內(nèi)容區(qū)域1.制作內(nèi)容區(qū)域前，在banner背景圖像之上，利用圓角矩形工具繪制“內(nèi)容區(qū)域”左側(cè)背景。將圓角矩形的半徑設(shè)置為“40像素”，顏色為白色，繪制到頁(yè)面的最底部，并適當(dāng)調(diào)整大小。2.創(chuàng)建“重要公告”新組，在頁(yè)面左側(cè)制作“重要公告”區(qū)域。繪制圓角矩形，將圓角矩形的半徑設(shè)置為“90”像素，添加“斜面和浮雕”效果，參數(shù)如圖11-2-9所示。在圓角矩形上添加文本“重要公告”和“Information”字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn)和15點(diǎn)，顏色為“#695044”，效果如圖11-2-10所示。圖11-2-9設(shè)置圖層樣式圖11-2-10重要公告效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作3.創(chuàng)建“畢業(yè)專欄”新組，在頁(yè)面左側(cè)制作“畢業(yè)專欄”區(qū)域。用矩形工具繪制矩形，將填充顏色設(shè)置為“#f6b693”,描邊無(wú)色，在矩形上輸入文本“畢業(yè)專欄”，字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn),顏色為“#ffffff”。4.在“畢業(yè)專欄”區(qū)域制作5條虛線下劃線。選擇直線工具設(shè)置線條為“虛線”如圖11-2-11所示。填充顏色為無(wú)色，描邊為“#766157”，3像素，粗細(xì)1像素。分別在5條虛線上輸入文本內(nèi)容和瀏覽更多“>>”，文本字體為“華文新魏”，字號(hào)為20點(diǎn),顏色為“#766157”。圖11-2-11設(shè)置線型任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作5.創(chuàng)建“站內(nèi)搜索”新組，在頁(yè)面左側(cè)制作“站內(nèi)搜索”區(qū)域。選擇“圓角矩形”，填充顏色為“#faf8f8”，描邊顏色為“#766157”，線型為實(shí)線，半徑為“10像素”。6.在“站內(nèi)搜索”內(nèi)制作搜索圖標(biāo)。選擇自定義形狀工具，在形狀庫(kù)里找到“搜索”形狀，按住shift鍵，繪制“搜素”圖標(biāo)，將填充顏色設(shè)置為“#766157”，描邊顏色為“#a0a0a0”。在其后輸入文本“站內(nèi)搜索”，本文字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn),顏色為“#000000”。7.繪制搜索框，選擇矩形工具，設(shè)置填充顏色為“#ffffff”，描邊顏色為“#000000”。在其后制作搜索按鈕，選擇圓角矩形工具，填充顏色為“#ffffff”，描邊顏色為“#000000”，線型為實(shí)線，半徑為“10像素”，輸入文本“搜索”本文字體為“方正行楷簡(jiǎn)體”，字號(hào)為20點(diǎn),顏色為“#000000”。最后在其后繪制黑色三角形，效果如圖11-2-12所示。圖11-2-12站內(nèi)搜索效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作8.創(chuàng)建“圖像”新組，在頁(yè)面中間制作“30周年校慶”區(qū)域。導(dǎo)入素材圖片“30周年”，適當(dāng)調(diào)整圖像大小及位置。并利用圓角矩形在圖像上繪制白邊，選擇圓角矩形，設(shè)置填充色為“無(wú)色”，描邊色為“ffffff”，半徑為“10像素”。9.創(chuàng)建“快捷通道”新組，在頁(yè)面左側(cè)制作“快捷通道”區(qū)域。選擇圓角矩形工具，將填充顏色設(shè)置為“#f6b693”,描邊為“#766157”，1像素，半徑為“10像素”繪制圓角矩形，將本圖層命名為“快捷通道1”，復(fù)制本圖層，并命名為“快捷通道2”。選中圖層“快捷通道2”，選擇“矩形工具”，在“路徑操作”中選擇“減去頂層形狀”如圖11-2-13所示。圖11-2-13減去頂層形狀任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作10.利用矩形工具掏空“快捷通道2”四分之三空間，選擇“快捷通道1”，設(shè)置圓角矩形填充色為白色，效果如圖11-2-14所示。最后將“快捷通道1”和“快捷通道2”合并，并重命名圖層為“快捷通道”。11.選擇“矩形工具”，設(shè)置填充色為“#fad3be”，描邊色為“#bfbfbf”，1像素，在快捷通道繪制6個(gè)矩形模塊，并輸入相應(yīng)的文本。字體為“方正行楷簡(jiǎn)體”?！翱旖萃ǖ馈蔽谋绢伾珵榘咨?ffffff”,字號(hào)為25點(diǎn)。其余文本顏色為咖色“#695044”，字號(hào)為18點(diǎn)，效果如圖11-2-15所示。圖11-2-14快捷通道框架圖11-2-15快捷通道效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作12.打開(kāi)素材文件夾“圖片”，將“綠色間隔線.png”拖入到“快捷通道”下方，完成間隔效果的制作。13.創(chuàng)建“部門通道”新組，在頁(yè)面左側(cè)制作“部門通道”區(qū)域。重復(fù)以上第9、10、11、12的步驟，完成“部門通道”的制作，效果如圖11-2-16所示。圖11-2-16部門通道效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作14.創(chuàng)建“二級(jí)導(dǎo)航”新組，在頁(yè)面中上部制作“二級(jí)導(dǎo)航”區(qū)域。選擇直線工具，將填充顏色設(shè)置為“#9b8a82”,描邊為無(wú)色，1像素，粗細(xì)：2像素，繪制一條直線，將本圖層命名為“間隔線”。15.雙擊“間隔線”圖層，為其添加“斜面和浮雕”效果，參數(shù)設(shè)置如圖11-2-17所示。圖11-2-17間隔線設(shè)置任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作16.點(diǎn)擊“自定義形狀”，選擇“三角形”，將填充顏色設(shè)置為“#9b8a82”,在間隔線上繪制三角形，并輸入導(dǎo)航文本，字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn)，文本顏色為咖色“#695044”，效果如圖11-2-18所示。17.用同樣的方法制作右側(cè)“公共平臺(tái)”的間隔線。18.創(chuàng)建“學(xué)校要聞”新組，在頁(yè)面中間制作“學(xué)校要聞”區(qū)域。導(dǎo)入素材圖片“14廣告301”，適當(dāng)調(diào)整圖像大小及位置。并利用圓角矩形在圖像上繪制白邊，選擇圓角矩形，設(shè)置填充色為“無(wú)色”，描邊色為“#ffffff”，半徑為“10像素”。19.在圖像底部制作圖片輪播區(qū)域，選擇“圓角矩形”，設(shè)置填色顏色為黑色“#000000”，描邊無(wú)色，半徑為“10像素”，繪制圓角矩形，設(shè)置圓角矩形“不透明度：40%”。圖11-2-18二級(jí)導(dǎo)航效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作20.選擇直線工具，設(shè)置填充色為白色“#ffffff”,描邊為無(wú)色，1像素，粗細(xì)：1像素，繪制一條直線，將本圖層命名為“線條”。復(fù)制6條線條，并調(diào)整好線條位置。21.選擇矩形工具，設(shè)置填充色為紅色“#fe1125”,描邊為無(wú)色，在數(shù)字“2”上方繪制矩形和三角形，將不透明度設(shè)置為：60%，效果如圖11-2-19所示。22.選擇自定義形狀工具，選擇“前進(jìn)”工具，如圖11-2-20所示，將填充顏色設(shè)置為“#695044”，描邊為無(wú)色，繪制前進(jìn)形狀。圖11-2-19輪播區(qū)域效果圖11-2-20自定義”前進(jìn)“形狀任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作23.在“前進(jìn)”形狀下制作5條虛線下劃線。選擇直線工具設(shè)置線條為“虛線”。填充顏色為無(wú)色，描邊為“#766157”，3像素，粗細(xì)1像素。分別在5條虛線上輸入文本內(nèi)容，文本字體為“方正行楷簡(jiǎn)體”，字號(hào)為18點(diǎn),顏色為“#766157”，效果如圖11-2-20所示。圖11-2-21學(xué)校要聞文字區(qū)域效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作24.創(chuàng)建“公共平臺(tái)”新組，在頁(yè)面右側(cè)制作“公共平臺(tái)”區(qū)域。選擇圓角矩形，設(shè)置填充色為“#ddeada”，描邊色為“#a9aca8”，半徑為“10像素”，繪制“信息門戶”和“移動(dòng)APP”區(qū)域圓角矩形。25.導(dǎo)入素材圖片“電腦”“手機(jī)”和“綠色間隔線”適當(dāng)調(diào)整圖像大小及位置，輸入文本“信息門戶”和“移動(dòng)APP”，文本字體為“方正行楷簡(jiǎn)體”，字號(hào)為16點(diǎn),顏色為“#766157”。26.在綠色間隔線下方制作鏈接區(qū)域，選擇“矩形工具”，設(shè)置填色顏色為白色“#ffffff”，描邊“#a9aca8”，繪制矩形，在矩形中輸入文本，文本字體為“新宋體”，字號(hào)為12點(diǎn),顏色為“#000000”，并制作左右兩側(cè)小物件，效果如圖11-2-22所示。圖11-2-22公共平臺(tái)效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作27.制作“學(xué)院宣傳片”區(qū)域，輸入文本“學(xué)院宣傳片”文本字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn)，文本顏色為咖色“#695044”。28.制作間隔線，根據(jù)上述步驟第14、15、16步的方法制作間隔線，或者復(fù)制上面已完成的間隔線。將圖片“膠片播放”素材導(dǎo)入至“圖像”組里，適當(dāng)調(diào)整圖像大小及位置，效果如圖11-2-23所示。圖11-2-23學(xué)院宣傳片效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作29.按照“學(xué)院宣傳片”制作方式，完成“畢業(yè)影集”區(qū)域的制作，效果如圖11-2-24所示。30.制作“畢業(yè)語(yǔ)錄”區(qū)域，輸入文本“畢業(yè)語(yǔ)錄”文本字體為“方正行楷簡(jiǎn)體”，字號(hào)為25點(diǎn)，文本顏色為咖色“#695044”。復(fù)制以上間隔線，做間隔效果。31.選擇圓角矩形，設(shè)置填充色為白色“#ffffff”，描邊色為“#a9aca8”，半徑為“10像素”，繪制“畢業(yè)語(yǔ)錄”區(qū)域圓角矩形。圖11-2-24畢業(yè)影集效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作32.在圓角矩形中導(dǎo)入素材圖片“學(xué)士帽”適當(dāng)調(diào)整圖像大小及位置，并在圓角矩形中輸入文本，文本字體為“新宋體”，字號(hào)為15點(diǎn)，文本顏色為咖色“#695044”，效果如圖11-2-25所示。33.按照“畢業(yè)語(yǔ)錄”制作方式，完成“教師寄語(yǔ)”區(qū)域的制作，效果如圖11-2-26所示。圖11-2-25畢業(yè)語(yǔ)錄效果圖11-2-26教師寄語(yǔ)效果任務(wù)實(shí)施任務(wù)2：校園網(wǎng)制作34.將圖片“眾創(chuàng)杯”素材導(dǎo)入至“圖像”組里，適當(dāng)調(diào)整圖像大小及位置。并利用圓角矩形在圖像上繪制白邊，選擇圓角矩形，設(shè)置填充色為“無(wú)色”，描邊色為“ffffff”，半徑為“10像素”，效果如圖11-2-27所示。35.創(chuàng)建“版權(quán)”新組，在頁(yè)面底部制作“版權(quán)”區(qū)域。選擇圓角矩形，設(shè)置填充色為“#078d8e”，描邊色為“#f6b693”，半徑為“10像素”，繪制“版權(quán)”區(qū)域圓角矩形。36.在版權(quán)區(qū)域輸入文本，文本字體為“宋體”，字號(hào)為13點(diǎn)，文本顏色為白色“#ffffff”,效果如圖11-2-28所示。圖11-2-27眾創(chuàng)杯效果圖11-2-28版權(quán)效果任務(wù)3：用戶界面設(shè)計(jì)學(xué)習(xí)目標(biāo)任務(wù)分析任務(wù)實(shí)施學(xué)習(xí)目標(biāo)01任務(wù)3：用戶界面設(shè)計(jì)學(xué)習(xí)目標(biāo)通過(guò)本任務(wù)綜合運(yùn)用矩形工具、橢圓工具和圓角矩形工具等工具繪制圖形