第六期
UI圖標(biāo)初期教程
一枚籌碼小圖標(biāo)
|photoshop教程|
(以下界面演示以Photoshop CC2017為演示工具)
【圖形設(shè)計(jì)師? ID:tuxdesign】
先看看效果
有興趣的小盆友可以
著手練習(xí)練習(xí)
畢竟光看是看不會(huì)的
你說(shuō)捏
第一步:新建文件寥枝,給背景填充你喜歡的顏色(如圖)
第二步:選擇橢圓形工具宪塔,按Shift鍵,畫一個(gè)正圓脉顿,命名為【籌碼】填充顏色(如圖)
第三步:選擇【籌碼】圖層蝌麸,Ctrl+J復(fù)制一個(gè)圖層,命名為【籌碼1】接著按Ctrl+T變形艾疟,縮小它来吩,填充顏色(如圖)
第四步:把【籌碼1】圖層隱藏(關(guān)掉該圖層前面的眼睛小圖標(biāo))選擇鋼筆工具在【籌碼】圖層上畫一個(gè)梯形,命名為【條紋】填充顏色(如圖)
Ctrl+J復(fù)制一個(gè)【條紋】圖層蔽莱,Ctrl+T變形弟疆,鼠標(biāo)右鍵垂直翻轉(zhuǎn)
向下移動(dòng)
選中兩個(gè)【條紋】圖層,Ctrl+J復(fù)制一個(gè)盗冷,同時(shí)旋轉(zhuǎn)90度
選中四個(gè)【條紋】圖層怠苔,建立剪切蒙版,并顯示隱藏的【籌碼1】圖層
第五步:選擇【籌碼】圖層仪糖,添加圖層樣式(如圖)
斜面和浮雕
內(nèi)陰影
投影
第六步:選擇【籌碼1】圖層柑司,添加圖層樣式(如圖)
內(nèi)陰影
漸變疊加
投影
第七步:添加裝飾(如圖)
添加形狀
添加圖層樣式
內(nèi)發(fā)光
漸變疊加
投影
鋼筆描形狀迫肖,填充白色
建立剪切蒙版
調(diào)整圖層混合模式——疊加
調(diào)整填充為60%
添加高光
<完>
好了,本次教程到這里就結(jié)束了攒驰,
如果有興趣的朋友蟆湖,
可以練習(xí)一下
有不明白的地方
可以下載PSD原文件參考
歡迎添加公眾號(hào)【圖形設(shè)計(jì)師】
一起學(xué)習(xí)、一起探討
教程參考原文件下載獲取方式
可關(guān)注公眾號(hào):(圖形設(shè)計(jì)師)微信內(nèi)回復(fù)【UI06】
即可獲得下載地址
更多教程請(qǐng)查看