日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop繪制漂亮?xí)r尚的MP3播放器

Photoshop繪制漂亮?xí)r尚的MP3播放器

時(shí)間:2024-02-06 12:00作者:下載吧人氣:18

作者:活力盒子翻譯 出處:Tutsplus.com

本教程主要使用Photoshop繪制逼真時(shí)尚的MP3播放器,學(xué)習(xí)制作令人驚嘆的產(chǎn)品的最好方法之一就是在PS中涉及電子產(chǎn)品。


譯者:luycas


來(lái)自禮儀之邦的山東85男,忠實(shí)的photoshop愛(ài)好者,插畫(huà)愛(ài)好者,超級(jí)宅男,業(yè)余攝影愛(ài)好者,偉大的足球隊(duì)左后衛(wèi),哈哈。千里之行,始于足下。


Photoshop繪制漂亮?xí)r尚的MP3播放器

原教程來(lái)自:psd.tutsplus.com 如需轉(zhuǎn)載 請(qǐng)務(wù)必以超鏈接形式注明:來(lái)自活力盒 子網(wǎng)站以及原文出處。水平有限,翻譯難免有誤,請(qǐng)有心的朋友給予指出,以方便更多朋友閱讀。

學(xué)習(xí)制作令人驚嘆的產(chǎn)品的最好方法之一就是在PS中涉及電子產(chǎn)品?,F(xiàn)在,幾乎每個(gè)人都會(huì)有某種樣式的播放音樂(lè)的MP3。在這個(gè)教程中,我們將示范如何在ps中創(chuàng)建一個(gè)漂亮的,時(shí)尚的,簡(jiǎn)約的MP3,為您的Flash項(xiàng)目播放音頻文件。

教程細(xì)節(jié)

程序:Adobe Photoshop CS3
難度:初學(xué)者

預(yù)計(jì)完成時(shí) 間:1小時(shí)

最終創(chuàng)建的產(chǎn)品圖樣(如下)

第一步

第一步是我們創(chuàng)建一個(gè)黑色徑向漸變的背景。在任何顏色的油漆層,添加一個(gè)如下所示的漸變圖層樣式。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第二步

用圓角矩形工具(設(shè)置一個(gè)半徑為20像素)創(chuàng)建一個(gè)該設(shè)備的主要元素,表現(xiàn)設(shè)備的形狀圖層(點(diǎn)擊菜單上的第一選擇)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第三步

雙擊該圖層上的向量,顏色編輯器將打開(kāi)。我們可以選擇一個(gè)#E1E0E0的淺灰色的顏色,進(jìn)而可以增加表面的發(fā)光程度。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第四步

現(xiàn)在我們要?jiǎng)?chuàng)建一個(gè)該設(shè)備周邊的一個(gè)斜面。在此之前,我們需要用PS標(biāo)尺創(chuàng)建一個(gè)參考標(biāo)準(zhǔn)。點(diǎn)擊這兩個(gè)統(tǒng)治者收斂角,通過(guò)拖動(dòng)鼠標(biāo),我們?cè)诜胖霉鈽?biāo)的位置放置光標(biāo),這將使我們能夠創(chuàng)造一個(gè)外圍設(shè)備周圍等距離斜面。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第五步

我們把這個(gè)圖層的不透明度調(diào)為0,因?yàn)槲覀冎皇窍肟吹揭粋€(gè)表面上2像素的斜面。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第六步

套用一個(gè)1像素的描邊,在設(shè)備的內(nèi)部位置要使用比設(shè)備前面更暗的顏色。在這一步,我們要?jiǎng)?chuàng)建一個(gè)代表行之間的形狀和播放器的前聯(lián)合差距的線。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第七步

設(shè)置2像素值以下的內(nèi)發(fā)光。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第八步

給設(shè)備的前部添加軟梯度,讓設(shè)備更有凸出感。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第九步

現(xiàn)在,我們將突出這個(gè)MP3的優(yōu)勢(shì)。要做到這一點(diǎn),需要添加一條有擠壓感有三維效果的線。然后在MP3的外表面添加2像素灰度中風(fēng)效果。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第十步

利用錐與浮雕風(fēng)格,我們?cè)谶@條線的上部區(qū)域添加光效果。現(xiàn)在物品看上去像是從上面打光,下面變得更暗的擠壓效果。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十一步

現(xiàn)在在這個(gè)圖層上添加柔柔的,輕輕的內(nèi)陰影效果,讓播放器的前面更顯突出。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十二步

通過(guò)復(fù)制和編輯前面的斜面層,我們創(chuàng)造更多的代表不同的控制按鈕的斜面。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十三步

現(xiàn)在通過(guò)編輯形狀層來(lái)創(chuàng)建播放器的主播放/暫停按鈕。重復(fù)第一個(gè)斜面,在邊界以內(nèi)畫(huà)一個(gè)圓形物體。然后放大10%的水平,因?yàn)槲覀冎恍枰切┬泵妗?/p>


Photoshop繪制漂亮?xí)r尚的MP3播放器

第十四步

像下面這樣在步驟13中創(chuàng)建的形狀中應(yīng)用軟3像素面具。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十五步

為了使面具隱藏對(duì)象和它的圖層樣式,在圖層樣式窗口單擊選項(xiàng)“圖層蒙版隱藏效果”。如果我們不選擇此選項(xiàng),這個(gè)面具只能隱藏形狀,但是會(huì)把效果顯示出來(lái),而我們就是想要把它隱藏。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第十六步

相同的面具也將用于其他斜面,我們可以從之前的圖層屏蔽掉。用鼠標(biāo)右鍵點(diǎn)擊圖層里面的遮罩層的圖標(biāo),選擇“從選擇減去層面膜”。這將創(chuàng)建一個(gè)和以前相同的選擇。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十七步

在這一步,我們將重復(fù)選擇轉(zhuǎn)換圖層的步驟。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十八步

我們已經(jīng)有了設(shè)置主按鈕的斜面?,F(xiàn)在我們需要給播放器創(chuàng)建一個(gè)顯示器:黑色亞克力屏幕,在那里可以顯示歌曲名字和播放時(shí)間。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第十九步

首先,我們使用陰影來(lái)創(chuàng)建一個(gè)光從上面射向底部的斜面。使用圖片顯示配置的風(fēng)格,可以使圖片顯得銳利和清晰,而不是黑暗和模糊。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第二十步

現(xiàn)在,我們需要建立一個(gè)徑向漸變。把黑色和白色兩種顏色盡量靠近中心附近,那樣沒(méi)有這么多兩色的柔軟性。黑色占49%,白色占50%。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第二十一步

取消點(diǎn)選該選項(xiàng)與層對(duì)齊。如果我們不這樣做,梯度將只能從該對(duì)象的中心到邊緣,我們希望梯度更大和更廣泛。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第二十二步

他出示您的鏡面效果,使用兩個(gè)類似于我們創(chuàng)建按鈕那一步的斜面來(lái)做一個(gè)形狀。使用一個(gè)一致行程內(nèi)的黑色1像素中風(fēng)。使用內(nèi)部發(fā)光,2像素的大小設(shè)置為屏幕上的混合模式。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第二十三步

現(xiàn)在我們已經(jīng)完成了我們的MP3播放器的前面。現(xiàn)在我們需要添加一些顯示按鈕和文本的圖標(biāo)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第24步

現(xiàn)在,讓我們?cè)陲@示屏上模擬顯示滾動(dòng)文本。使用像素化的字體,我們需要添加將播放的翻譯名稱和歌曲名稱。你可以使用這個(gè)免費(fèi)的字體。記得把走樣移出菜單上的文字工具窗口,以保持文本尖銳。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第25步

我們用其他位圖字體創(chuàng)建計(jì)時(shí)器,指示時(shí)間的流逝。此字體也是免費(fèi)的,你可以在這里得到它。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第26步

使用通用的顯示圖標(biāo)和音頻或視頻播放器符號(hào)的字體。你可以使用這一個(gè)。一旦它被安裝用來(lái)創(chuàng)建播放器不同的按鈕,在這種情況下,播放/暫??刂疲S著播放器的發(fā)展,您將需要?jiǎng)?chuàng)建兩個(gè)國(guó)家的按鈕時(shí),當(dāng)按鈕被按下時(shí),播放按鈕變成暫停按鈕,反之亦然)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第27步

對(duì)于這個(gè)符號(hào),我們使用和前表面相同的顏色。用顏色選擇工具,我們可以繪制文本。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第28步

現(xiàn)在,我們可以包括各種不同的款式,讓播放器外觀看起來(lái)像淺浮雕標(biāo)一樣。使用內(nèi)陰影下的相應(yīng)值。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第29步

用這些操作可以減輕底部斜面。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第30步

使用柔軟的寬度和坡度小的表面,讓播放器看起來(lái)不是很枯燥。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第31步

現(xiàn)在創(chuàng)建音量控制按鈕。畫(huà)出一個(gè)小的金屬表面拋光旋鈕按鈕。啟動(dòng)一個(gè)圓形圖層。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第32步

使用陰影效果,制作一個(gè)大擠壓效果的錯(cuò)覺(jué)。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第33步

憑借在視角模式和一些灰色和白色條紋梯度,我們可以模擬這個(gè)按鈕的類圓形拋光。確保第一次在左側(cè)使用的灰色顏色和最后的右側(cè)的灰色時(shí)完全一樣的。
Photoshop繪制漂亮?xí)r尚的MP3播放器

第34步

最后,添加一個(gè)漸變填充中風(fēng)這將添加在斜面外圍。按照?qǐng)D片中的步驟細(xì)心操作。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第35步

現(xiàn)在我們已經(jīng)完成了音量控制按鈕,但還想添加一個(gè)靜音按鈕。你可以使用層樣式做到這一點(diǎn)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第36步

用2個(gè)像素陰影軟化圓形工具給播放器陰影處上色(見(jiàn)工具菜單上的價(jià)值)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第37步

按Ctrl + H隱藏這些操作,然后使用10%的流量的涂料100像素的畫(huà)筆,輕輕的給陰影上色。這將使播放器中心更鮮明。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第38步

現(xiàn)在在播放器的顯示屏邊緣添加一個(gè)小發(fā)光。首先,在中心的激烈亮區(qū)畫(huà)一個(gè)1個(gè)像素的矩形。然后,使用相同的刷子,但沒(méi)有任何選擇單擊幾次,以增加該中心的力度。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第39步

創(chuàng)建一個(gè)主鍵翻滾效果,當(dāng)鼠標(biāo)越過(guò)時(shí)使前表面彈出。我們首先在暫停后面創(chuàng)建一個(gè)圓形圖標(biāo)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第40步

這種抑郁的效果可以通過(guò)以下方式做到:陰影變暗和軟化對(duì)象的邊緣,還有模擬梯度,這抑郁效果在色調(diào)上有個(gè)區(qū)域,正如按鈕被按下。Photoshop繪制漂亮?xí)r尚的MP3播放器

第41步

我們還用面具隱藏了這個(gè)過(guò)渡,因?yàn)槲覀冇盟瓿闪酥骺匕粹o的斜面操作。同時(shí)還要記得隱藏圖層效果選項(xiàng)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第42步

重復(fù)前面掩蓋過(guò)渡的步驟。

Photoshop繪制漂亮?xí)r尚的MP3播放器


第43步

我們將添加兩個(gè)燈光效果,以加強(qiáng)過(guò)渡。通過(guò)二色(邊緣用#00CCFF,中心用白色)我們創(chuàng)建了一個(gè)點(diǎn)燃的我們將屏蔽的邊緣。復(fù)制圖層,并反映它垂直,使它看起來(lái)好像點(diǎn)亮在頂部和作為鼠標(biāo)經(jīng)過(guò)時(shí)的底部。這一層必須設(shè)置為“屏幕”,以便更好的發(fā)光。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第44步

最后,讓我們添加一個(gè)超薄線,這將給播放器增添更多的顯示色彩。要做到這一點(diǎn),使用鋼筆工具畫(huà)一個(gè)彎曲的形狀層。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第45步
調(diào)整為0%不透明度,并添加與播放器表面同樣的灰色調(diào)中風(fēng)。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第46步

從我們創(chuàng)建的形狀分隔,因?yàn)槲覀冃枰o線添加一些陰影。用鼠標(biāo)右鍵點(diǎn)擊圖標(biāo)旁邊的外匯層和選擇創(chuàng)建層。

Photoshop繪制漂亮?xí)r尚的MP3播放器

第47步

這一步在不破壞原來(lái)的形狀的基礎(chǔ)上在一個(gè)新層分離中風(fēng)。使用一種內(nèi)在的陰影,讓一個(gè)圓柱浮雕的想法放到這一行。

Photoshop繪制漂亮?xí)r尚的MP3播放器

結(jié)論

我們的MP3播放器現(xiàn)在可以導(dǎo)出為一個(gè)透明的PNG格式和Flash編碼可以在網(wǎng)站上使用。您可以查看下面的最終圖像或查看大版本。

Photoshop繪制漂亮?xí)r尚的MP3播放器



Photoshop繪制漂亮?xí)r尚的MP3播放器 Photoshop繪制漂亮?xí)r尚的MP3播放器 Photoshop繪制漂亮?xí)r尚的MP3播放器
標(biāo)簽MP3,播放器,時(shí)尚,漂亮,繪制,Photoshop

相關(guān)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

網(wǎng)友
您的評(píng)論需要經(jīng)過(guò)審核才能顯示

熱門(mén)閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 看一级特黄a大片国产 | 日韩性黄色一级 | 免费国产成人高清在线观看视频 | 久久久99视频 | 国产精品色午夜视频免费看 | 亚洲国产精久久久久久久 | 97视频在线观看免费播放 | 洋老外米糕国产一区二区 | 一本色道久久综合亚洲精品高清 | 国产精品正在播放 | 久久视奸 | 全黄性高视频 | 成人在线不卡 | 久草视频官网 | 国产一区二区在线不卡 | 特黄a大片免费视频 | 欧美视频一区在线观看 | 亚洲欧美精品一区二区 | 欧美激情成人网 | 男人天堂社区 | 欧美性色黄大片www 欧美性色黄大片一级毛片视频 | 成人性生片全套 | 亚洲精品国产高清不卡在线 | 国语自产精品视频 | 国产欧美精品综合一区 | 毛片一区二区三区 | 最新中文字幕乱码在线 | 欧美高清在线精品一区二区不卡 | 91网站网站网站在线 | 中文字幕一区视频一线 | 波多结衣一区二区三区 | 国产成人精品日本亚洲语音2 | 老头巨大粗长xxxxx | 中文字幕二区三区 | 九草在线 | 午夜黄色福利视频 | 精品一区视频 | 97视频在线视频 | 中日韩欧美一级毛片 | 97久久国语露脸精品对白 | 欧美不卡视频 |