photoshop教程|UI教程|一枚籌碼小圖標

第六期

UI圖標初期教程

一枚籌碼小圖標

|photoshop教程|

(以下界面演示以Photoshop CC2017為演示工具)

【圖形設計師? ID:tuxdesign】

先看看效果

有興趣的小盆友可以

著手練習練習

畢竟光看是看不會的

你說捏

第一步:新建文件,給背景填充你喜歡的顏色(如圖)

第二步:選擇橢圓形工具,按Shift鍵,畫一個正圓,命名為【籌碼】填充顏色(如圖)

第三步:選擇【籌碼】圖層,Ctrl+J復制一個圖層,命名為【籌碼1】接著按Ctrl+T變形,縮小它,填充顏色(如圖)

第四步:把【籌碼1】圖層隱藏(關掉該圖層前面的眼睛小圖標)選擇鋼筆工具在【籌碼】圖層上畫一個梯形,命名為【條紋】填充顏色(如圖)

Ctrl+J復制一個【條紋】圖層,Ctrl+T變形,鼠標右鍵垂直翻轉

向下移動

選中兩個【條紋】圖層,Ctrl+J復制一個,同時旋轉90度

選中四個【條紋】圖層,建立剪切蒙版,并顯示隱藏的【籌碼1】圖層

第五步:選擇【籌碼】圖層,添加圖層樣式(如圖)

斜面和浮雕

內陰影

投影

第六步:選擇【籌碼1】圖層,添加圖層樣式(如圖)

內陰影

漸變疊加

投影

第七步:添加裝飾(如圖)

添加形狀

添加圖層樣式

內發光

漸變疊加

投影

鋼筆描形狀,填充白色

建立剪切蒙版

調整圖層混合模式——疊加

調整填充為60%

添加高光

<完>

好了,本次教程到這里就結束了,

如果有興趣的朋友,

可以練習一下

有不明白的地方

可以下載PSD原文件參考

歡迎添加公眾號【圖形設計師】

一起學習、一起探討

教程參考原文件下載獲取方式

可關注公眾號:(圖形設計師)微信內回復【UI06】

即可獲得下載地址

更多教程請查看

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容