UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

2022-12-26 13:49:52 來源/作者: / 己有:24人學(xué)習(xí)過

本教程介紹了如何使用PhotoShop制作質(zhì)感PS標(biāo)識(shí)方形按鈕圖標(biāo)的過程,主要使用了ps的形狀工具和圖層樣式制作方形按鈕,然后使用漢儀超園簡體輸入ps,最后完成了整個(gè)效果的制作。
UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

隨手制作了一個(gè)圖標(biāo),簡單易學(xué)

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

一,先ctrl+N(新建文件),新建一個(gè)512x512的白色場景

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

二,按快捷鍵“U”,選擇圓角矩形工具,主要左上方的類型

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

在場景內(nèi)點(diǎn)一下,彈出選項(xiàng)參數(shù),如圖,創(chuàng)建一個(gè)圓角矩形

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

三,找到圖層框,雙擊紅色圈圈部分,彈出圖層樣式

 

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

顏色疊加,參數(shù)步驟如上

UI教程,設(shè)計(jì)簡單的ICON圖標(biāo)入門教程

再回到圖層框,選擇bg1圖層,按“ctrl+J”(復(fù)制圖層)命名為bg2,然后上移動(dòng)10像素