精品精品久久,中文字幕日本一区二区,亚洲色图美国十次

如何在PS中設計一個時髦的播放器界面

在這個教程中，你將會學到如何在adobe Photoshop中設計一個時髦的音頻播放器界面。
步驟一：
創建600×400像素大的新文檔。
步驟二：
利用徑向漸變工具，從#5e6c78#20282e，填充背景。

步驟三：
復制背景圖層，執行濾鏡/雜色/添加雜色。使用這些設置：數量（5）；均勻；單色。單擊確定。現在圖層不透明度降低至30。現在您的界面應該像這樣。

步驟四：
好了，現在我們開始做音頻播放器。用快捷鍵創建圖層，把它命名為"Base"。使用圓角矩形工具、半徑5px，繪制一個像嵌在圖片里的矩形，并使用這些混合選項。漸變中的顏色是：#3d4a59；#1c2329；#303a44。描邊顏色：#191919。

步驟五：
現在創建一個新文檔，600x600px。執行文件-填充-50%灰度。然后執行濾鏡——噪聲——添加雜色：80；高斯；單色。再執行濾鏡-模糊-徑向模糊：100；旋轉；最佳。按Ctrl鍵重復?，F在您的界面應該像這樣。

步驟六：
將之前做好的圖像復制到音頻播放器文檔，放在"base"之上。改變混合模式為柔光，不透明度為80%。我們把這個圖層稱為"紋理"。按住Ctrl鍵點擊"base"圖層縮略圖進行縮放，生成selesction。然后Ctrl+Shift+I鍵反選，刪除。

步驟七：
創建新圖層，命名為"高光"。使用鉛筆工具繪制兩條直線，其中一條在base頂部，一條在base用一個大的柔軟筆刷擦除直線邊緣，降低不透明度至80%。要使這些圖層組織結構分明，選擇之前做好的三個圖層：base,紋理和高光，然后按 Ctrl+G組合這些圖層。把組合圖層命名為“base”。

步驟八：
現在讓我們制作揚聲器的兩邊。創建新圖層，命名為"揚聲器"。按住Ctrl鍵點擊"base"圖層縮略圖進行縮放。然后利用矩形選框工具，按住Shift+Alt鍵創建圖片中的選區。選擇#3a3a3a進行填充。復制圖層，命名為"紋理"。選擇混合選項，添加這些設置：以 "蜘蛛人模式" 進行疊加，混合模式：重疊，范圍12%。

步驟九：
創建新圖層，命名為"高光"。再次利用鉛筆工具繪制一個1px的高光，像下圖中一樣。然后創建一個新圖層，命名為“陰影”。利用橢圓工具繪制一個選區，用黑色進行填充，執行濾鏡/模糊/高斯模糊，半徑5。擦除不需要的部分，可以得到圖片中的效果，降低不透明度至50%。

步驟十：
組合之前創建的四個圖層——播放器，紋理，高光和陰影，然后命名為“組合播放器—左”。復制組合圖層，將它進行水平翻轉，然后放在右邊，命名為“組合播放器—右”。

步驟十一：
讓我們來制作關閉、最小化、最大化按鈕。創建新圖層，命名為“按鈕”。利用圓角工具，半徑2px，繪制一個小按鈕，用白色進行填充。然后添加以下混合選項，漸變顏色#8799#485664-#8799。描邊顏色#384251。

步驟十二：

創建新圖層，命名為“X”。你可以使用你喜歡的字體或者像我一樣用鉛筆工具繪制。我使用的漸變疊加（深灰-淺灰）和1px繪制陰影來達到這個效果。

步驟十三：
組合之前創建的兩個圖層，命名為“X”。然后通過復制和改變“X”組合圖層創建另外2個按鈕。我再次利用鉛筆工具來繪制符號。

步驟十四：

現在讓我們來制作屏幕，創建新圖層，命名為“屏幕base”。繪制一個矩形，就像圖片中一樣，然后從 #303a44 到 #4a5968進行漸變填充。

步驟十五：

創建一個新圖層，命名為“光澤”。繪制一個小的矩形，用白色進行填充，形成透明漸變。降低不透明度至10%。

步驟十六：

再次使用1px白色鉛筆工具繪制周圍的一些重點。多試幾次，這樣可以得到你要的效果。

步驟十七：

讓我們在屏幕上填充一些內容。創新一個新組合，命名為“內容”。我將試著使這部分比較簡短，也易于理解。對于每個內容都要創建一個圖層。首先，使用柔軟圓筆刷添加突出計時器的位置。然后，利用數字的字體樣式輸入“03:59”或其它任何數字（我使用Digital-7字體，你可以在DaFont獲得這種樣式）。使用宋體，重復輸入和Shuffle。Shuffle模式開著，比重復獲得的光效果亮一些。然后，我利用之前描述過的技巧添加一些小的細節 ——1px鉛筆工具直線和一些圓形柔軟筆刷獲得光效果。

步驟十八：

創建一個新圖層，命名為“快進條”。利用圓角矩形工具，半徑5px，繪制一個細長的矩形。使用黑色進行填充，添加以下混合選項：漸變疊加#303a44#1c2329和1px，描邊顏色#afbbc6、不透明度16%。

步驟十九：

現在還有很多按鈕需要制作。因此再創建一個組合，命名為“按鈕”。首先，為播放、停止和其它按鈕創建一個base。創建新圖層，命名為“按鈕 base：，為了我利用5px的圓角矩形工具獲得圖形效果，然后用鉛筆工具繪制邊框。如果你愿意，你可以簡單地繪制一個圓角矩形。然后添加以下混合選項：投影-90度（取消“選中全局光”），距離-1，大小-0。內陰影：混合模式-正常，顏色-白，角度-90（再次不適用“全局光”），距離-1，大小 -0。漸變疊加：#4d5c6a-#1c2329-#303a43.

步驟二十：

現在，使用鉛筆工具1px和擦除直線的末端來添加一些細節?？纯磮D片思考一下。記住：你必須使用不透明度來獲得更好的效果。

步驟二十一：

為了制作播放、暫停、停止、向前和向后按鈕，我簡單地繪制了矩形和三角形，并合并成向前和向后按鈕。添加漸變疊加生成控制按鈕圖層：#b7d9ed-#458fb2-#b7d9ed.

步驟二十二：

現在，讓我們制作最后4個按鈕——重復、無序播放、播放列表和均衡器。她們都是一樣的設置，使用小的圓角矩形和以下混合選項：投影：不透明度 26%，擴展100%，大小1.。內陰影：混合模式-正常，顏色-白，不透明度-40%，角度-90，距離-1，choke-100%。漸變疊加：#3d4a59-#1c2329-#303a44。然后復制這些按鈕，放置在圖片中相應位置。