簡約磁帶圖標教程


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

用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和交互全面對比分析

分享到: 更多
足彩怎么才能稳赚不赔 重庆市重庆时时开奖结果记录 11选5必出四码三组 彩票怎么买稳赚不赔 双色球下期预测 天津时时和值三星走势图 安徽时时平台哪个好 即时足球比分手机 mg摆脱豪华版讲解 河南麻将规则 篮球 微信上炸金花怎才赢 11选5人工计划软件手机版 海南七星彩技巧规律图 500彩票计划软件北京PK拾 稳赚包六肖 3期包出1期