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

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

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

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

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

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

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

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

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

四，選擇bg1圖層，調(diào)出圖層樣式，參數(shù)如上

繼續(xù)調(diào)投影，注意等高線

最后調(diào)內(nèi)陰影

-大概這樣子，完成一半了

五，新建一個(gè)圖層，按快捷鍵“T”選擇文字工具

在紅色圈圈范圍內(nèi)點(diǎn)擊一個(gè)，輸入“PS”兩個(gè)字母

輸入“PS‘兩個(gè)字母

我用的是漢儀粗園簡體，大家可以去86ps素材網(wǎng)下載這個(gè)字體

六，調(diào)出字體的圖層樣式，內(nèi)陰影

投影

描邊，注意：位置是內(nèi)部

90%，差不多了-

七，再選擇文字工具，輸入文字，注意對齊

文字參數(shù)

完成，覺得好的話記得頂一下額，過兩天再出個(gè)深入的教程