Photoshop 超酷的金屬質(zhì)感播放器
新勺網(wǎng) 發(fā)布時(shí)間：2010-01-16 18:19:03 作者：KELA翻譯 
我要評(píng)論
我要評(píng)論播放器的都是由一些細(xì)小的元素構(gòu)成，而且每個(gè)元素又有水晶及金屬質(zhì)感，制作的時(shí)候需要細(xì)心。除了這些顏色的搭配也很重要，制作的每個(gè)元素都要融入到主體里面，這樣整體效果就美觀很多。
19、接下來(lái)要制作好多按鈕。創(chuàng)建一個(gè)新組，命名為“Buttons”。首先制作播放器基本按鈕，如暫停鍵等。建一個(gè)新圖層，命名“Button base”。用半徑為5px的圓角矩形工具畫出外框，然后描邊（弧線可重復(fù)使用圓角工具完成）。選擇圖層樣式-投影：角度90（使用全局光），距離1，大小0；再勾選內(nèi)陰影：混合模式為正常，顏色白色，角度90（不使用全局光），距離1，大小0；選擇漸變疊加：#4d5c6a-#1c2329-#303a43.
20、用1px鉛筆畫四條直線，擦去直線的末端，注意透明度變化?？唇貓D自己想象該怎么細(xì)致就怎么整。
21、制作播放、暫停、停止、前進(jìn)和后退按鈕。用矩形和三角形工具簡(jiǎn)單的畫出，在這個(gè)圖層添加漸變疊加效果，顏色分別為#b7d9ed-#458fb2-#b7d9ed。
22、現(xiàn)在做最后四個(gè)按鈕：重復(fù)、隨機(jī)、播放單和均衡器。制作每一個(gè)按鈕的步驟都差不多，用圓角工具畫出大致形狀，添加圖層樣式：投影-透明度26%，擴(kuò)展100%，大小1；內(nèi)陰影-模式選正常，顏色白色，透明度40%，角度90，距離1，阻塞100%，大小0；漸變疊加-#3d4a59-#1c2329-#303a44。復(fù)制按鈕并如圖放置。
23、現(xiàn)在添加文字。選擇Arial字體，再進(jìn)行圖層樣式處理：投影-透明度42%，角度90，距離1，大小0.漸變疊加- #4c5a69-#8495a7。
24、再用鉛筆工具進(jìn)行一些細(xì)節(jié)處理，主要是高光處理。
25、最后就是音量控制了。用1px鉛筆畫出喇叭圖標(biāo)，接著進(jìn)行漸變處理，顏色設(shè)置為#b7d9ed-#458fb2-#b7d9ed。
26、用半徑5px的圓角矩形工具畫音量條，用漸變工具填充顏色，設(shè)置與進(jìn)度條一致。
27、畫10個(gè)小圓圈。激活的小圓用與喇叭一樣的漸變填充，其他的填充簡(jiǎn)單的黑灰漸變。
28、現(xiàn)在音頻播放器的制作基本完成。合并所有圖層（除了背景層），復(fù)制這個(gè)合并層進(jìn)行2px高斯模糊，選擇垂直翻轉(zhuǎn)，再用橡皮擦輕輕擦去底部（注意畫筆，不透明度和流量的使用）。這樣一步一步地，漂亮的音頻播放器在你的手中誕生了。
20、用1px鉛筆畫四條直線，擦去直線的末端，注意透明度變化?？唇貓D自己想象該怎么細(xì)致就怎么整。 21、制作播放、暫停、停止、前進(jìn)和后退按鈕。用矩形和三角形工具簡(jiǎn)單的畫出，在這個(gè)圖層添加漸變疊加效果，顏色分別為#b7d9ed-#458fb2-#b7d9ed。
22、現(xiàn)在做最后四個(gè)按鈕：重復(fù)、隨機(jī)、播放單和均衡器。制作每一個(gè)按鈕的步驟都差不多，用圓角工具畫出大致形狀，添加圖層樣式：投影-透明度26%，擴(kuò)展100%，大小1；內(nèi)陰影-模式選正常，顏色白色，透明度40%，角度90，距離1，阻塞100%，大小0；漸變疊加-#3d4a59-#1c2329-#303a44。復(fù)制按鈕并如圖放置。
23、現(xiàn)在添加文字。選擇Arial字體，再進(jìn)行圖層樣式處理：投影-透明度42%，角度90，距離1，大小0.漸變疊加- #4c5a69-#8495a7。
24、再用鉛筆工具進(jìn)行一些細(xì)節(jié)處理，主要是高光處理。
25、最后就是音量控制了。用1px鉛筆畫出喇叭圖標(biāo)，接著進(jìn)行漸變處理，顏色設(shè)置為#b7d9ed-#458fb2-#b7d9ed。 26、用半徑5px的圓角矩形工具畫音量條，用漸變工具填充顏色，設(shè)置與進(jìn)度條一致。
27、畫10個(gè)小圓圈。激活的小圓用與喇叭一樣的漸變填充，其他的填充簡(jiǎn)單的黑灰漸變。
28、現(xiàn)在音頻播放器的制作基本完成。合并所有圖層（除了背景層），復(fù)制這個(gè)合并層進(jìn)行2px高斯模糊，選擇垂直翻轉(zhuǎn)，再用橡皮擦輕輕擦去底部（注意畫筆，不透明度和流量的使用）。這樣一步一步地，漂亮的音頻播放器在你的手中誕生了。
相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來(lái)介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個(gè)工具在修圖的時(shí)候是比較常用的，下面我們就來(lái)看看基礎(chǔ)教程2024-12-23
photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡(jiǎn)單來(lái)說(shuō)，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個(gè)部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨(dú)立的，下面我們就來(lái)看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時(shí)候，我們經(jīng)常會(huì)在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時(shí)可以拿出來(lái)使用，該怎么操作呢？詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?；A(chǔ)的操作，但也是非常實(shí)用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小，使用起來(lái)非常的不方便，因此有不少用戶想將其大小進(jìn)行調(diào)節(jié)，具體該如何操作呢？詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來(lái)看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過(guò)程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來(lái)看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見(jiàn)了，該怎么辦呢？下面我們就來(lái)看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來(lái)看看ps2024安裝圖文教程2023-11-30
