萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> PS設計漂亮時尚MP3

PS設計漂亮時尚MP3

  教程向飛特的朋友們介紹利用PS設計漂亮時尚MP3播放器,教程難度不大,適合初級PS學習者學習,現在,我們先來看看最終效果圖:

PS設計漂亮時尚MP3 三聯

 

  下面我們一起來學習制作過程:

  第一步在任何顏色的油漆層,添加一個如下所示的漸變圖層樣式。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二步用圓角矩形工具(設置一個半徑為20像素)創建一個該設備的主要元素,表現設備的形狀圖層(點擊菜單上的第一個選項)。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第三步雙擊該圖層上的向量,顏色編輯器將打開。我們可以選擇一個#E1E0E0的淺灰色,進而可以增加表面的發光程度。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第四步現在我們要創建一個該設備周邊的一個斜面。在此之前,我們需要用PS標尺創建一個參考標准。建立參考線,通過拖動鼠標,在放置光標的位置放置參考線,這將使我們能夠創造一個外圍設備周圍等距離斜面。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第五步把這個圖層的填充調為0,因為我們只是想看到一個表面上2像素的斜面。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第六步套用一個1像素的描邊,在設備的內部位置要使用比設備前面更暗的顏色。在這一步,我們要創建一個代表行之間的形狀和播放器的前聯合差距的線。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第七步設置2像素值以下的描邊。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第八步給設備的前部添加軟梯度,讓設備更有凸出感。

PS設計漂亮時尚MP3 飛特網 鼠繪教程
PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第九步現在,我們將突出這個MP3的優勢。要做到這一點,需要添加一條有擠壓感有三維效果的線。然後在MP3的外表面添加2像素灰度描邊效果。第十步利用錐與浮雕風格,我們在這條線的上部區域添加光效果。現在物品看上去像是從上面打光,下面是變得更暗的擠壓效果。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十一步現在在這個圖層上添加柔柔的,輕輕的內陰影效果,讓播放器的前面更顯突出。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十二步通過復制和編輯前面的斜面層,我們創造更多的代表不同的控制按鈕的斜面。

PS設計漂亮時尚MP3 飛特網 鼠繪教程
PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十三步現在通過編輯形狀層來創建播放器的主播放/暫停按鈕。重復第一個斜面,在邊界以內畫一個圓形物體。然後放大10%的水平,因為我們只需要那些斜面。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十四步給下面這樣在步驟十三中創建的形狀,添加蒙版,數值如下。第十五步為了使蒙版隱藏對象和它的圖層樣式,在圖層樣式窗口單擊選項“圖層蒙版隱藏效果”。如果我們不選擇此選項,這個蒙版只能隱藏形狀,但是會把效果顯示出來,而我們就是想要把它隱藏。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十六步相同的蒙版也將用於其他斜面,我們可以從之前的圖層屏蔽掉。點擊鼠標右鍵,選擇“從選區中減去圖層蒙版”。這將創建一個和以前相同的選擇。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十七步在這一步,我們將重復選擇轉換圖層的步驟。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十八步我們已經有了設置主按鈕的斜面。現在我們需要給播放器創建一個顯示器:黑色亞克力屏幕,在那裡可以顯示歌曲名字和播放時間。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第十九步首先,我們使用陰影來創建一個光從上面射向底部的斜面。使用圖片顯示配置的風格,可以使圖片顯得銳利和清晰,而不是黑暗和模糊。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十步現在,我們需要建立一個徑向漸變。把黑色和白色兩種顏色盡量靠近中心附近,那樣沒有這麼多兩色的柔軟性。黑色占49%,白色占50%。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十一步取消與圖層對其選項。如果不這樣做,梯度將只能從該對象的中心到邊緣,我們希望梯度更大和更廣泛。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十二步鏡面效果,使用兩個類似於我們創建按鈕那一步的斜面來做一個形狀。使用一個一致行程內的黑色1像素描邊。使用內部發光,2像素的大小設置為屏幕上的混合模式。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十三步現在我們已經完成了MP3播放器的前面。現在需要添加一些顯示按鈕和文本的圖標。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十四步現在,讓我們在顯示屏上模擬顯示滾動文本。使用像素化的字體,添加歌曲名稱。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十五步用其他位圖字體創建計時器,指示時間的流逝。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十六步使用通用的顯示圖標和音頻或視頻播放器符號的字體。

PS設計漂亮時尚MP3 飛特網 鼠繪教程

  第二十七步對於這個符號,我們使用和前表面相同的顏色。用顏色選擇工具,我們可以繪制文本。

copyright © 萬盛學電腦網 all rights reserved