Mac圖標數碼測色計

                             

好久不見,是不是沒有什麼可以做瞭呢?嘻嘻。今天,像素妹兒帶你完成一個mac系統的數碼測色計,希望大傢能在學習的過程中得到提升。先看下效果圖呢:

Mac圖標數碼測色計

一,繪制地板和效果(由於實現非常簡單,並為一個步驟)

1.新建畫佈512×512px大小畫佈

2.繪制 406×406px正圓,填充線性漸變顏色# 添加圖層樣式描邊以及投影,狀態如下 :

Mac圖標數碼測色計

3.上方繪制374×374大小的正圓,填充線性漸變顏色#

Mac圖標數碼測色計

4.上方圖層繪制一個制作346px大小的正圓,用直徑242px的同心圓減去大圓。填充角度漸變(隻講述內容,顏色可根據自己喜好調節)

Mac圖標數碼測色計

Mac圖標數碼測色計

5.居中繪制一條8個像素寬長條。復制(ctrl+C)、粘貼(ctrl+V)、自由變換、旋轉22.5度、Enter、重復上一步操作(ctrl+shift+alt+T)。得到如下圖。

Mac圖標數碼測色計

合並圖層ctrl+E,用做出來的這些放射狀的長條,減去下面的環形。等到如圖所示

Mac圖標數碼測色計

二,繪制試管基本形體

1.上方皮質

Mac圖標數碼測色計

①繪制正圓,②小白拖拽錨點到下方 ③中間剪去放一個橢圓形 ④拖拽橢圓上方錨點到下面。如上圖所示。

2.繪制下方關節

Mac圖標數碼測色計

①繪制橢圓,②小黑(alt鍵)拖動復制到下方 ③中間加一個矩形。如上圖所示。

3.繪制玻璃基本形狀

Mac圖標數碼測色計

①繪制圓角矩形②佈爾運算加另外一個小的圓角矩形 ③中間加入一個圓形④

左右用兩個圓形剪掉。如上圖所示。

三,添加效果

Mac圖標數碼測色計

①用鋼筆工具繪制高光形狀,降低不透明度。

②繪制一個圓角矩形。在屬性面板裡面調整屬性-羽化。

③將2圖層剪貼蒙板到3.得到右側效果

同理可得 :

Mac圖標數碼測色計

制作玻璃質感效果 添加效果:描邊以及漸變。

Mac圖標數碼測色計

制作玻璃管中的水

Mac圖標數碼測色計

復制上方圖層,用形狀剪掉上方圖層,去掉描邊效果,添加漸變。如上圖

鋼筆工具繪制玻璃管上的高光區域。

將繪制好的內容拼合,得到整體試管的效果。整體拼合完畢轉化成智能對象。旋轉45度(ctrl+T)

Mac圖標數碼測色計

為滴管添加投影,將繪制好的色盤和滴管放置在合適的位置,就完成啦。


知識點總結:

1.圖形繪制需要斜放的時候,先繪制正直角度,再斜放。

2.盡量使用形狀工具繪制圖形。

3.角度變換的時候,圖形還有漸變的時候,將其轉化為職能對象。

4.要有耐心呢。

我們是:做良心教育UI設計培訓的新像素。