PS繪制液晶顯示屏效果-打造精美按鈕
在前面的文章中,我們分享了繪制液晶顯示屏的技巧。這次我們將繼續(xù)學(xué)習(xí)如何利用Photoshop繪制精美的按鈕。無論是網(wǎng)頁設(shè)計(jì)還是APP界面,按鈕都是不可或缺的元素。接下來,我們就一起來學(xué)習(xí)如何利用PS打
在前面的文章中,我們分享了繪制液晶顯示屏的技巧。這次我們將繼續(xù)學(xué)習(xí)如何利用Photoshop繪制精美的按鈕。無論是網(wǎng)頁設(shè)計(jì)還是APP界面,按鈕都是不可或缺的元素。接下來,我們就一起來學(xué)習(xí)如何利用PS打造出漂亮的液晶顯示屏按鈕。
1.打開液晶顯示屏和設(shè)置的文件,將設(shè)置按鈕拖動到液晶顯示屏
首先,我們要先打開液晶顯示屏和相關(guān)設(shè)置的文件。在圖層面板中,將設(shè)置按鈕拖動到液晶顯示屏上。
2.改變其主色與原圖一致,Ctrl t自由變換
通過調(diào)整顏色飽和度、色階等參數(shù),使得按鈕的顏色和原圖保持一致。然后可以使用自由變換功能Ctrl t,對按鈕進(jìn)行大小和位置的調(diào)整。
3.形狀工具和布爾運(yùn)算畫上一曲按鈕,Ctrl j復(fù)制,編輯---變換---水平翻轉(zhuǎn)得到下一曲按鈕
利用形狀工具可以方便地繪制各種形狀的按鈕。在液晶顯示屏上,我們可以使用形狀工具和布爾運(yùn)算功能繪制出一曲和下一曲按鈕。通過Ctrl j復(fù)制圖層,并使用編輯-變換-水平翻轉(zhuǎn)功能,就可以快速得到另一個按鈕。
4.矩形工具和減去頂層畫屏幕縮略圖
在液晶顯示屏上,添加一個層,用矩形工具繪制出屏幕縮略圖的形狀。然后使用減去頂層功能,將屏幕縮略圖從液晶顯示屏上減掉。
5.矩形工具和直接選擇工具,移動錨點(diǎn)得到音量圖標(biāo)
繼續(xù)添加一個新的層,使用矩形工具繪制出音量圖標(biāo)的形狀。接著使用直接選擇工具,移動錨點(diǎn),調(diào)整音量圖標(biāo)的位置和大小。
6.橢圓工具矩形工具畫播放暫停按鈕,并水平居中
利用橢圓工具和矩形工具可以輕松繪制出播放暫停按鈕。將按鈕調(diào)至水平居中位置。
7.畫一個選區(qū),使播放暫停按鈕居中,在上一曲下一曲中間
在播放暫停按鈕周圍畫一個選區(qū),并使用對齊功能,將它們居中對齊。
8.為播放按鈕添加圖層效果
選擇播放按鈕圖層,通過點(diǎn)擊圖層樣式,為按鈕添加需要的效果,如內(nèi)陰影、外發(fā)光等。
9.打開音量的psd文件,移動到畫布,調(diào)整大小
將音量的PSD文件拖動到液晶顯示屏上,進(jìn)行大小和位置的調(diào)整。
10.為音量和菜單添加圖層效果
同樣地,為音量和菜單添加圖層效果,使其更加立體感強(qiáng)烈。
11.最終效果
完成以上步驟后,我們就可以得到一個精美的液晶顯示屏按鈕組。通過不斷練習(xí)和探索,相信大家也能夠打造出更加出色的設(shè)計(jì)作品。
總結(jié):
本文介紹了液晶顯示屏中常見的按鈕的繪制方法。除了基礎(chǔ)的繪圖技巧,還介紹了Photoshop中的一些實(shí)用功能,如自由變換、布爾運(yùn)算、圖層樣式等。希望本文能夠?yàn)榇蠹姨峁┮恍┹^為全面的液晶顯示屏設(shè)計(jì)思路和技巧。