簡約磁帶圖標教程


老規矩,我們先來看最終效果!

用PS就可以搞定,是不是炒雞簡單?抓緊時間搓搓手!呸~  掄起鼠標開始吧。

 

 

1. 新建畫布,尺寸800*600px,填充色#e75030。

2. 繪制尺寸302*302px,圓角33的圓角矩形,顏色#112d4a,給圓角矩形加圖層樣式-描邊(2px內部描邊,顏色#162237); 垂直居中對齊,水平位置放在稍稍靠上位置。效果如下圖:

 

3. 繪制252*180px圓角14的圓角矩形,垂直居中對齊,加上圖層樣式-描邊(2px外部描邊,顏色#0f233b); 放在合適位置。再繪制252*22px的矩形條,并復制一層分別填充顏色#e75131;#151515得到如下效果圖:

 

4. 繪制224*86px圓角為16的圓角矩形,填充色#112d4a,添加圖層樣式-描邊(2px內部描邊,顏色#0f233b),相對于白色矩形水平垂直居中對齊。復制一層做陰影,底層20%不透明度

 

5. 接下來繪制磁帶中會旋轉的小齒輪和中間的小鏡子。

① 小齒輪。步驟:繪制52*52px的圓,填充色#171717(如圖紅色箭頭所指)

 

② 繪制短紅色箭頭所指部分。這一步使用熟知的布爾運算,繪制32*32px的圓,填充色#d1d1d2,在選中矩形工具的情況下摁住Alt在本圖層內畫矩形即可減去頂層形狀。然后在本圖層內選中矩形所有錨點摁住Alt復制三個放在合適位置。復制一份:

 

③ 繪制中間的小鏡子。我們先來繪制一個56*52px的矩形,填充色#19191a,復制一層作為形狀層來做反光,透明度設置為8%然后用鋼筆工具勾兩個純白色塊,放到復制的那一層矩形之上,摁住Alt在兩個圖層之間單擊-剪切蒙版:

 

④ 再復制一層上步的矩形放置頂層,填充色#b4b5b5,布爾運算:

 

6. 繪制磁帶的下端凹處,這里的基本思路是,先繪制一個矩形尺寸216*74px,填充色#163d5b。選中上方錨點各向內收縮18px做為底層,復制兩層分別填充顏色#112d4a;#0f2037分別為最上層和中間層,調整圖層上下位置,調整錨點得到效果:

 

 

1. 繪制小螺絲和小白點

① 繪制16*16px的圓,添加圖層樣式描邊和漸變疊加

 

② 繪制10*11px圓,添加內陰影,內陰影距離2px,顏色#a1a1a1,至于1px投影可以使用圖層樣式-投影來做,也可以用其他方法。

 

2. 添加文字以及修飾

 

3. 添加長投影,內部白底上的投影如綠色箭頭所指,填充顏色#322f2f ,16%透明度,旋轉45°添加圖層蒙版適當擦拭。最外層投影如紅色箭頭,填充顏色#00000, 16%不透明度,旋轉45°

最終效果

來源:學UI網


上一篇: 中國首屆原型設計大賽在成都舉辦

下一篇: iOS 11 vs 10: UI和交互全面對比分析

分享到: 更多
帮别人投注彩票赚佣金 香港精选资料六肖中特 吉林快三追号计划软件手机版 神手麻将下载 重庆时时开奖结果记录 pk10预测软件破解 澳门手机投注官网 斗牛配牌口诀 重庆时时彩国家不管吗 全天pk10最稳计划 118宝马平码论坛 欢乐斗地主二人斗地主 pk10最牛稳赚5码公式王 200元回血1万 二人麻将棋牌官方网站 江苏时时代理公司