Photoshop實例：鼠繪一個精美的播放器

1、Photoshop鼠繪一個精美的播放器日期：2010-06-22 不詳出處：活力盒子我來說兩句()學(xué)習(xí)制作令人驚嘆的產(chǎn)品的最好方法之一就是在PS中涉及電子產(chǎn)品?，F(xiàn)在，幾乎每個人都會有某種樣式的播放音樂的MP3。在這個教程中，我們將示范如何在ps中創(chuàng)立一個漂亮的，時尚的，簡約的MP3，為您的Flash工程播放音頻文件。教程細節(jié)第一步第一步是我們創(chuàng)立一個黑色徑向漸變的背景。在任何顏色的油漆層，添加一個如下所示的漸變圖層樣式。第二步用圓角矩形工具設(shè)置一個半徑為20像素創(chuàng)立一個該設(shè)備的主要元素，表現(xiàn)設(shè)備的形狀圖層點擊菜單上的第一選擇。第三步雙擊該圖層上的向量，顏色編輯器將翻開。我們可以選擇一個#E1E

2、0E0的淺灰色的顏色，進而可以增加外表的發(fā)光程度。第四步現(xiàn)在我們要創(chuàng)立一個該設(shè)備周邊的一個斜面。在此之前，我們需要用PS標(biāo)尺創(chuàng)立一個參考標(biāo)準(zhǔn)。點擊這兩個統(tǒng)治者收斂角，通過拖動鼠標(biāo)，我們在放置光標(biāo)的位置放置光標(biāo)，這將使我們能夠創(chuàng)造一個外圍設(shè)備周圍等距離斜面。第五步我們把這個圖層的不透明度調(diào)為0，因為我們只是想看到一個外表上2像素的斜面。第六步套用一個1像素的描邊，在設(shè)備的內(nèi)部位置要使用比設(shè)備前面更暗的顏色。在這一步，我們要創(chuàng)立一個代表行之間的形狀和播放器的前聯(lián)合差距的線。第七步設(shè)置2像素值以下的內(nèi)發(fā)光。第八步給設(shè)備的前部添加軟梯度，讓設(shè)備更有凸出感。第九步現(xiàn)在，我們將突出這個MP3的優(yōu)勢。要做到

3、這一點，需要添加一條有擠壓感有三維效果的線。然后在MP3的外外表添加2像素灰度中風(fēng)效果。第十步利用錐與浮雕風(fēng)格，我們在這條線的上部區(qū)域添加光效果?，F(xiàn)在物品看上去像是從上面打光，下面變得更暗的擠壓效果。第十一步現(xiàn)在在這個圖層上添加柔柔的，輕輕的內(nèi)陰影效果，讓播放器的前面更顯突出。第十二步通過復(fù)制和編輯前面的斜面層，我們創(chuàng)造更多的代表不同的控制按鈕的斜面。第十三步現(xiàn)在通過編輯形狀層來創(chuàng)立播放器的主播放/暫停按鈕。重復(fù)第一個斜面，在邊界以內(nèi)畫一個圓形物體。然后放大10的水平，因為我們只需要那些斜面。第十四步像下面這樣在步驟13中創(chuàng)立的形狀中應(yīng)用軟3像素面具。第十五步為了使面具隱藏對象和它的圖層樣式，

4、在圖層樣式窗口單擊選項“圖層蒙版隱藏效果。如果我們不選擇此選項，這個面具只能隱藏形狀，但是會把效果顯示出來，而我們就是想要把它隱藏。第十六步相同的面具也將用于其他斜面，我們可以從之前的圖層屏蔽掉。用鼠標(biāo)右鍵點擊圖層里面的遮罩層的圖標(biāo)，選擇“從選擇減去層面膜。這將創(chuàng)立一個和以前相同的選擇。第十七步在這一步，我們將重復(fù)選擇轉(zhuǎn)換圖層的步驟。第十八步我們已經(jīng)有了設(shè)置主按鈕的斜面?，F(xiàn)在我們需要給播放器創(chuàng)立一個顯示器：黑色亞克力屏幕，在那里可以顯示歌曲名字和播放時間。第十九步首先，我們使用陰影來創(chuàng)立一個光從上面射向底部的斜面。使用圖片顯示配置的風(fēng)格，可以使圖片顯得銳利和清晰，而不是黑暗和模糊。第二十步現(xiàn)在

5、，我們需要建立一個徑向漸變。把黑色和白色兩種顏色盡量靠近中心附近，那樣沒有這么多兩色的柔軟性。黑色占49，白色占50。第二十一步取消點選該選項與層對齊。如果我們不這樣做，梯度將只能從該對象的中心到邊緣，我們希望梯度更大和更廣泛。第二十二步他出示您的鏡面效果，使用兩個類似于我們創(chuàng)立按鈕那一步的斜面來做一個形狀。使用一個一致行程內(nèi)的黑色1像素中風(fēng)。使用內(nèi)部發(fā)光，2像素的大小設(shè)置為屏幕上的混合模式。第二十三步現(xiàn)在我們已經(jīng)完成了我們的MP3播放器的前面?，F(xiàn)在我們需要添加一些顯示按鈕和文本的圖標(biāo)。第24步現(xiàn)在，讓我們在顯示屏上模擬顯示滾動文本。使用像素化的字體，我們需要添加將播放的翻譯名稱和歌曲名稱。你

6、可以使用這個免費的字體。記得把走樣移出菜單上的文字工具窗口，以保持文本鋒利。第25步我們用其他位圖字體創(chuàng)立計時器，指示時間的流逝。此字體也是免費的，你可以在這里得到它。第26步使用通用的顯示圖標(biāo)和音頻或視頻播放器符號的字體。你可以使用這一個。一旦它被安裝用來創(chuàng)立播放器不同的按鈕，在這種情況下，播放/暫?？刂齐S著播放器的開展，您將需要創(chuàng)立兩個國家的按鈕時，當(dāng)按鈕被按下時，播放按鈕變成暫停按鈕，反之亦然。第27步對于這個符號，我們使用和前外表相同的顏色。用顏色選擇工具，我們可以繪制文本。第28步現(xiàn)在，我們可以包括各種不同的款式，讓播放器外觀看起來像淺浮雕標(biāo)一樣。使用內(nèi)陰影下的相應(yīng)值。第29步用這些

7、操作可以減輕底部斜面。第30步使用柔軟的寬度和坡度小的外表，讓播放器看起來不是很枯燥。第31步現(xiàn)在創(chuàng)立音量控制按鈕。畫出一個小的金屬外表拋光旋鈕按鈕。啟動一個圓形圖層。第32步使用陰影效果，制作一個大擠壓效果的錯覺。第33步憑借在視角模式和一些灰色和白色條紋梯度，我們可以模擬這個按鈕的類圓形拋光。確保第一次在左側(cè)使用的灰色顏色和最后的右側(cè)的灰色時完全一樣的。第34步最后，添加一個漸變填充中風(fēng)這將添加在斜面外圍。按照圖片中的步驟細心操作。第35步現(xiàn)在我們已經(jīng)完成了音量控制按鈕，但還想添加一個靜音按鈕。你可以使用層樣式做到這一點。第36步用2個像素陰影軟化圓形工具給播放器陰影處上色見工具菜單上的價

8、值。第37步按Ctrl + H隱藏這些操作，然后使用10的流量的涂料100像素的畫筆，輕輕的給陰影上色。這將使播放器中心更鮮明。第38步現(xiàn)在在播放器的顯示屏邊緣添加一個小發(fā)光。首先，在中心的劇烈亮區(qū)畫一個1個像素的矩形。然后，使用相同的刷子，但沒有任何選擇單擊幾次，以增加該中心的力度。第39步創(chuàng)立一個主鍵翻滾效果，當(dāng)鼠標(biāo)越過時使前外表彈出。我們首先在暫停后面創(chuàng)立一個圓形圖標(biāo)。第40步這種抑郁的效果可以通過以下方式做到：陰影變暗和軟化對象的邊緣，還有模擬梯度，這抑郁效果在色調(diào)上有個區(qū)域，正如按鈕被按下。第41步我們還用面具隱藏了這個過渡，因為我們用它完成了主控按鈕的斜面操作。同時還要記得隱藏圖層效果選項。第42步重復(fù)前面掩蓋過渡的步驟。第43步我們將添加兩個燈光效果，以加強過渡。通過二色邊緣用00CCFF，中心用白色我們創(chuàng)立了一個點燃的我們將屏蔽的邊緣。復(fù)制圖層，并反映它垂直，使它看起來好似點亮在頂部和作為鼠標(biāo)經(jīng)過時的底部。這一層必須設(shè)置為“屏幕，以便更好的發(fā)光。第44步最后，讓我們添加一個超薄線，這將給播放器增添更多的顯示色彩。要做到這一點，使用鋼筆工具畫一個彎曲的形狀層。第45步調(diào)整為0不透明度，并添加與播放器外表同樣的灰色調(diào)中風(fēng)。第46步從我們創(chuàng)立的形狀分隔，因為我們需要給線添加一些陰影。用鼠標(biāo)