如何使用PS繪制扁平UI按鈕圖標(biāo)
在現(xiàn)代的web和移動(dòng)應(yīng)用設(shè)計(jì)中,扁平化設(shè)計(jì)風(fēng)格已經(jīng)成為一種流行趨勢(shì)。設(shè)計(jì)一個(gè)扁平化的UI按鈕圖標(biāo)可以使你的界面看起來(lái)更加簡(jiǎn)潔和現(xiàn)代。以下是使用Photoshop(PS)繪制扁平UI按鈕圖標(biāo)的步驟:1.
在現(xiàn)代的web和移動(dòng)應(yīng)用設(shè)計(jì)中,扁平化設(shè)計(jì)風(fēng)格已經(jīng)成為一種流行趨勢(shì)。設(shè)計(jì)一個(gè)扁平化的UI按鈕圖標(biāo)可以使你的界面看起來(lái)更加簡(jiǎn)潔和現(xiàn)代。以下是使用Photoshop(PS)繪制扁平UI按鈕圖標(biāo)的步驟:
1. 打開(kāi)PS并創(chuàng)建新頁(yè)面
首先打開(kāi)Photoshop,然后新建一個(gè)6x6像素大小的頁(yè)面。在新建頁(yè)面時(shí),確保其他參數(shù)保持默認(rèn)設(shè)置。
2. 新建圖層并繪制按鈕
在新建的頁(yè)面上新建一個(gè)圖層,點(diǎn)擊工具欄中的鉛筆工具。將鉛筆大小設(shè)置為1像素,前景色選擇黑色(默認(rèn)顏色即可)。在頁(yè)面的左上角點(diǎn)擊四下開(kāi)始繪制按鈕圖標(biāo),你可以使用拖拉輔助線來(lái)繪制圖標(biāo)。
3. 去掉背景
完成按鈕圖標(biāo)的繪制后,去掉背景以便后續(xù)處理??梢酝ㄟ^(guò)選擇圖標(biāo)周圍的空白部分并刪除來(lái)實(shí)現(xiàn)去除背景。
4. 定義圖案
點(diǎn)擊菜單欄中的“編輯”,選擇“定義圖案”來(lái)定義你所繪制的按鈕圖標(biāo)為一個(gè)圖案。確認(rèn)定義完成后。
5. 創(chuàng)建新文檔
按下Ctrl N組合鍵新建一個(gè)文檔,設(shè)置文檔大小為600x600像素,背景顏色選擇5f484e,前景色選擇c8b3b8。
6. 復(fù)制圖層并設(shè)置樣式
按下Ctrl J組合鍵復(fù)制剛才繪制的按鈕圖層,并在圖層樣式中選擇該圖形。設(shè)置混合模式為疊加,不透明度為10%。確認(rèn)設(shè)置后即可完成扁平UI按鈕圖標(biāo)的設(shè)計(jì)。
通過(guò)以上步驟,你可以輕松地在Photoshop中繪制出一個(gè)簡(jiǎn)單而具有現(xiàn)代感的扁平化UI按鈕圖標(biāo),適用于各種web和移動(dòng)應(yīng)用界面設(shè)計(jì)中。愿這篇文章對(duì)你有所幫助,讓你的設(shè)計(jì)更上一層樓。