Photoshop平面設計基礎(第二版)課件:設計音樂播放器界面_第1頁
Photoshop平面設計基礎(第二版)課件:設計音樂播放器界面_第2頁
Photoshop平面設計基礎(第二版)課件:設計音樂播放器界面_第3頁
Photoshop平面設計基礎(第二版)課件:設計音樂播放器界面_第4頁
Photoshop平面設計基礎(第二版)課件:設計音樂播放器界面_第5頁
已閱讀5頁,還剩29頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

、“創建剪貼蒙版”命令、圖像調整命令、“橢圓工具”

、“矩形選框工具”

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

,得到背景處的選區。單擊“RGB”復合通道,再回到“圖層”面板中,按Delete鍵刪除背景,完成摳圖,如圖所示。1011通道摳圖三、快速蒙版命令快速蒙版是一種臨時蒙版,它可以在臨時蒙版和選區之間快速轉換,使用快速蒙版將選區轉為臨時蒙版后,可以使用任何繪畫工具或濾鏡編輯進行修改,但是快速蒙版不具備存儲功能。單擊工具箱底部的“以快速蒙版模式編輯”圖標

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

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

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

,在彈出的菜單中選擇“漸變疊加”命令,彈出“圖層樣式”對話框;接著單擊“漸變”選項右側的“點按可編輯漸變”圖標

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論