Photoshop平面設(shè)計(jì)基礎(chǔ)（第二版）課件：設(shè)計(jì)音樂播放器界面

設(shè)計(jì)音樂播放器界面1任務(wù)目標(biāo)1.能使用“圖層樣式”命令。2.能使用通道進(jìn)行摳圖。3.能使用快速蒙版選取圖像。4.能使用“扭曲”命令編輯圖形。2任務(wù)描述本任務(wù)主要利用“圖層樣式”命令、“扭曲”命令和快速蒙版選取圖像進(jìn)行設(shè)計(jì)，并結(jié)合“橫排文字工具”

、“創(chuàng)建剪貼蒙版”命令、圖像調(diào)整命令、“橢圓工具”

、“矩形選框工具”

制作音樂播放器的界面，如圖所示。3音樂播放器界面一、圖層樣式“圖層樣式”命令可產(chǎn)生附加在圖層上的特殊效果，Photoshop中共有10種圖層樣式，分別是斜面和浮雕、描邊、內(nèi)陰影、內(nèi)發(fā)光、光澤、顏色疊加、漸變疊加、圖案疊加、外發(fā)光和投影。執(zhí)行“圖層”“圖層樣式”“混合選項(xiàng)”命令，打開“圖層樣式”對話框，如圖所示。4“圖層樣式”對話框1.斜面和浮雕：“樣式”下拉菜單將為圖層添加高亮顯示和陰影的各種組合效果。（1）外斜面：沿對象、文本或形狀的外邊緣創(chuàng)建三維斜面。（2）內(nèi)斜面：沿對象、文本或形狀的內(nèi)邊緣創(chuàng)建三維斜面。（3）浮雕效果：創(chuàng)建外斜面和內(nèi)斜面的組合效果。（4）枕狀浮雕：創(chuàng)建內(nèi)斜面的反相效果，其中對象、文本或形狀看起來下沉。（5）描邊浮雕：只適用于描邊對象，即在應(yīng)用描邊浮雕效果時(shí)才打開。52.描邊：使用顏色、漸變顏色或圖案描繪當(dāng)前圖層上的對象、文本或形狀的輪廓。3.內(nèi)陰影：在對象、文本或形狀的內(nèi)邊緣添加陰影，使圖層產(chǎn)生一種凹陷效果。4.內(nèi)發(fā)光：從圖層對象、文本或形狀的邊緣向內(nèi)添加發(fā)光效果。5.光澤：對圖層對象內(nèi)部應(yīng)用陰影，與對象的形狀互相作用，通常創(chuàng)建規(guī)則波浪形狀，產(chǎn)生光滑的磨光及金屬效果。6.顏色疊加：在圖層對象上疊加一種顏色。67.漸變疊加：在圖層對象上疊加一種漸變顏色。8.圖案疊加：在圖層對象上疊加圖案，即用一致的重復(fù)圖案填充對象。9.外發(fā)光：從圖層對象、文本或形狀的邊緣向外添加發(fā)光效果。10.投影：為圖層上的對象、文本或形狀后面添加陰影效果。投影參數(shù)由“混合模式”“不透明度”“角度”“距離”“擴(kuò)展”和“大小”等各種選項(xiàng)組成，設(shè)置這些選項(xiàng)可以得到需要的效果。7二、通道摳圖1.通道在Photoshop中比較常用的通道主要是顏色通道及Alpha通道，其中紅、綠、藍(lán)是顏色通道，Alpha通道是用于存儲(chǔ)選區(qū)的通道。選中選區(qū)，執(zhí)行“選擇”“存儲(chǔ)選區(qū)”命令，彈出“存儲(chǔ)選區(qū)”對話框，按“確定”按鈕后，會(huì)生成Alpha通道，如圖所示。89通道2.通道摳圖打開一個(gè)RGB顏色模式的圖像，在“通道”面板中的RGB、紅、綠、藍(lán)通道里選擇主體物與背景對比最強(qiáng)烈的通道。單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制通道”命令，創(chuàng)建出“拷貝”通道，如果對比不強(qiáng)烈，還可以通過色階調(diào)整拷貝圖層中的物體與背景的黑白對比，完成后單擊“通道”面板下方的“將通道作為選區(qū)載入”圖標(biāo)

，得到背景處的選區(qū)。單擊“RGB”復(fù)合通道，再回到“圖層”面板中，按Delete鍵刪除背景，完成摳圖，如圖所示。1011通道摳圖三、快速蒙版命令快速蒙版是一種臨時(shí)蒙版，它可以在臨時(shí)蒙版和選區(qū)之間快速轉(zhuǎn)換，使用快速蒙版將選區(qū)轉(zhuǎn)為臨時(shí)蒙版后，可以使用任何繪畫工具或?yàn)V鏡編輯進(jìn)行修改，但是快速蒙版不具備存儲(chǔ)功能。單擊工具箱底部的“以快速蒙版模式編輯”圖標(biāo)

或者按Q鍵，即進(jìn)入快速蒙版編輯模式。在這種模式下，可以使用“畫筆工具”和“橡皮擦工具”在畫面中進(jìn)行繪制。但是在快速蒙版模式下，只能使用黑色、白色和灰色畫筆進(jìn)行涂抹，繪制完成后再次單擊“以快速蒙版模式編輯”圖標(biāo)

或者按Q鍵，退出快速蒙版模式。此時(shí)得到涂抹了紅色區(qū)域以外的選區(qū)，如圖所示。1213快速蒙版建立選區(qū)四、“扭曲”命令在快速蒙版模式下，執(zhí)行“濾鏡”“扭曲”命令，在彈出的菜單中選擇一種合適的進(jìn)行操作，如圖所示。14“濾鏡”“扭曲”命令組1.波浪：可以使圖像產(chǎn)生波浪扭曲效果。2.波紋：可以使圖像產(chǎn)生類似水波紋的效果。3.極坐標(biāo)：可將圖像的坐標(biāo)從平面坐標(biāo)轉(zhuǎn)換為極坐標(biāo)或從極坐標(biāo)轉(zhuǎn)換為平面坐標(biāo)。4.擠壓：可以使圖像的中心產(chǎn)生凸起或凹下的效果。5.切變：可以控制指定的點(diǎn)來彎曲圖像。6.球面化：可以使選區(qū)中心的圖像產(chǎn)生凸出或凹陷的球體效果，類似擠壓的效果。7.水波：可以使圖像產(chǎn)生同心圓狀的波紋效果。8.旋轉(zhuǎn)扭曲：可以使圖像產(chǎn)生旋轉(zhuǎn)扭曲的效果。9.置換：可以使圖像產(chǎn)生彎曲、碎裂的效果。15一、新建文檔按“Ctrl+N”快捷鍵打開“新建文檔”對話框，設(shè)置寬度為“750像素”，高度為“1624像素”，分辨率為“72像素/英寸”，背景內(nèi)容為“白色”，單擊“創(chuàng)建”按鈕創(chuàng)建一個(gè)新文檔。16二、創(chuàng)建參考線單擊“視圖”下的“新建參考線”命令，創(chuàng)建新建參考線，設(shè)置播放器界面頂部的狀態(tài)欄參考線為“水平”40像素，導(dǎo)航欄的參考線為“水平”128像素，界面左右兩邊的安全距離為“垂直”30像素和720像素，如圖所示。17設(shè)置界面的參考線三、背景制作1.執(zhí)行“文件”“置入嵌入對象”命令，將“素材/素材/任務(wù)二”目錄下名為“背景.JPG”的文件置入圖像窗口中，調(diào)整大小及位置后，合并圖層并將圖層命名為“背景”，效果如圖所示。18置入背景素材2.執(zhí)行“文件”“置入嵌入對象”命令，分別將“素材/素材/任務(wù)二”目錄下名為“狀態(tài)欄.PNG”“返回和分享.PNG”和“功能區(qū).PNG”的文件置入圖像窗口中，并調(diào)整大小及位置，效果如圖所示。19添加素材四、制作光盤1.新建一個(gè)名為“光盤素材”的文件，設(shè)置寬度為“800像素”，高度為“800像素”，分辨率為“72像素/英寸”，背景內(nèi)容為“白色”，如圖所示。20創(chuàng)建并設(shè)置圖層參數(shù)面板2.選擇“橢圓工具”

，設(shè)置工具模式為“形狀”，填充為黑色，按住Shift鍵拖拽鼠標(biāo)繪制正圓形，如圖所示。3.創(chuàng)建“圖層1”，前景色設(shè)置為黑色，按“Alt+Delete”快捷鍵填充圖層，執(zhí)行“濾鏡”“雜色”“添加雜色”命令，在彈出的對話框中設(shè)置數(shù)量為“40”，如圖所示。21繪制正圓設(shè)置“添加雜色”對話框參數(shù)4.選擇“濾鏡”“模糊”“徑向模糊”命令，在彈出的對話框中設(shè)置數(shù)量為“100”，單擊“確定”按鈕，然后按“Alt+Ctrl+F”快捷鍵，重復(fù)一次“徑向模糊”命令，如圖所示。22“徑向模糊”命令5.在“圖層”面板中，用鼠標(biāo)右鍵單擊“圖層1”圖層，在彈出的菜單中選擇“創(chuàng)建剪貼蒙版”命令；然后單擊“圖層”面板下方的“添加圖層樣式”圖標(biāo)

，在彈出的菜單中選擇“漸變疊加”命令，彈出“圖層樣式”對話框；接著單擊“漸變”選項(xiàng)右側(cè)的“點(diǎn)按可編輯漸變”圖標(biāo)

，彈出“漸變編輯器”對話框，在漸變色塊下方分別單擊三次，添加三個(gè)色標(biāo)滑塊，這時(shí)共有五個(gè)色標(biāo)滑塊，然后分別設(shè)置這五個(gè)色標(biāo)滑塊“位置”和“顏色”為“0%（黑色）、25%（白色）、50%（黑色）、75%（白色）、100%（黑色）”，單擊“確定”按鈕。再設(shè)置混合模式為“柔光”，不透明度為“90%”，樣式為“角度”，角度為“90度”，縮放為“100%”，效果如圖所示。2324制作光盤的反光效果6.新建“圖層2”。選擇“矩形選框工具”，設(shè)置樣式為“固定比例”，寬度為“200”，高度為“2”，在頁面上方繪制矩形選框，并且填充黑色，按“Ctrl+Alt+T”快捷鍵，圖形周圍出現(xiàn)變換框，按住Shift鍵再連續(xù)按兩次向下鍵“▼”復(fù)制并向下方移動(dòng)圖形，按Enter鍵確定，然后按“Ctrl+Shift+Alt+T”快捷鍵多次，復(fù)制多個(gè)矩形條，效果如圖所示。25制作條紋7.選擇所有矩形條圖層，按“Ctrl+E”快捷鍵合并圖層并命名為“矩形條”。26制作光盤的紋理8.選中“矩形條”圖層。選擇“濾鏡”“模糊”“高斯模糊”命令，在彈出的對話框中設(shè)置半徑為“1.5像素”，單擊“確定”按鈕，效果如圖所示。27完成“高斯模糊”操作9.執(zhí)行“文件”“置入嵌入對象”命令，將“素材/素材/任務(wù)二音樂播放器界面”目錄下名為“風(fēng)景.JPG”的文件置入文檔中，圖層面板自動(dòng)生成“風(fēng)景”圖層。28為封面添加波紋10.選擇“橢圓工具”，按住Shift鍵拖拽鼠標(biāo)繪制出正圓形，然后將圖層移動(dòng)到“風(fēng)景”圖層下方。29完成光盤封面五、添加光盤的圖層樣式1.選擇“橢圓1”圖層，單擊“圖層”面板下方的“添加圖層樣式”圖標(biāo)

，在彈出的菜單中選擇“描邊”命令，設(shè)置描邊大小為“3像素”，顏色為黑色，再執(zhí)行“外發(fā)光”命令，設(shè)置外發(fā)光不透明度為“35%”、大小為“12”，如圖所示。30外發(fā)光參數(shù)設(shè)置2.選擇“橢圓2”圖層，單擊控制面板下方的“添加圖層樣式”圖標(biāo)

，在彈出的菜單中選擇“描邊”命令，顏色為黑色，并設(shè)置對話框大小為“8像素”，效果如圖所示。31完成圖層樣式3.把“光盤素材”文件中的所有圖層創(chuàng)建為圖層組，并命名為“光盤”圖層組，選中“光盤”圖層組并拖拽到“播放器界面”文檔中，調(diào)整好大小并放置在合適的位置，效果如圖所示。32將光盤移至音樂播放器中六、輸入文字選擇工具箱中“橫排文字工具”，在工具屬性欄中設(shè)置字體為“Arial”、字號(hào)為“24點(diǎn)”，文本顏色為白色，在畫面中單