圖形（Graph）和圖像（Image）都是多媒體系統(tǒng)中的可視元素，雖然它們很難區(qū)分，但確實不是一回事。圖形是矢量圖（Vector Drawn），它是根據(jù)幾何特性來繪制的。圖形的元素是一些點、直線、弧線等。圖像是位圖（Bitmap），它所包含的信息是用像素來度量的。

本文將詳細介紹如何使用Photoshop制作MSN水晶圖標(biāo)。

最終效果

圖00

一、新建130x130文檔，72px。

二、新建畫一個圓制作頭部，填充顏色#78B00A;如下圖

圖01

三、復(fù)制第一部的層，ctrl+t 自由變換，高度和寬度設(shè)為95%;設(shè)置漸變顏色，如下圖：

圖02

再設(shè)置圖層樣式;如下圖：

圖03

拉個徑向漸變，如下圖：

圖04

四、新建一層，用鋼筆勾畫出如下圖：

圖05

設(shè)置漸變顏色，

圖06

漸變填充，如下圖;

圖07

五、新建一層，繼續(xù)用鋼筆勾畫輪廓，做出高光;如下圖：

圖08

設(shè)置漸變顏色，如下圖：

圖09

然后填充，

圖10

六、新建一層，用鋼筆勾畫，如下圖：

圖11

設(shè)置漸變顏色;

圖12

拉個如下圖的漸變;

圖13

七、新建一層，做反射光，做出如下圖效果;

圖14

圖15

八、制作體部，回到最底部新建一層，鋼筆勾畫輪廓;

圖16

填充顏色;(不要取消選區(qū))

圖17

九、新建一層，選擇-》收縮1px;然后填充如下圖顏色;

圖18

十、新建一層，按ctrl+g 與下層組合，用鋼筆畫出如下圖，ctrl+enter轉(zhuǎn)為選區(qū);然后羽化5px;再填充顏色，不要取消選區(qū)，

圖19

十一、新建一層，ctrl+g 與下層組合，選擇-》收縮2px;設(shè)置漸變顏色;

圖20

拉出如下圖：

圖21

十二、新建一層，用鋼筆勾畫出如下圖效果;

圖22

然后轉(zhuǎn)為選區(qū)，調(diào)整漸變顏色，拉出如下圖效果：

圖23

十三、新建一層，繼續(xù)用鋼筆勾畫如下圖，

圖24

轉(zhuǎn)為選區(qū)，拉出如下圖效果;

圖25

十四、做出如下頭部的反射光，稍微調(diào)整;如下圖：

圖26

十五、鋼筆勾畫出手部，如下圖：

圖27

轉(zhuǎn)為選區(qū)，填充顏色(不要取消選區(qū))，如下圖：

圖28

收縮1px，新建一層，再填充黃色，如下圖：

圖29

十六、用涂抹、減淡、模糊工具做出如下圖;

圖30

十七、新建一層，鋼筆勾畫如下圖：

圖31

轉(zhuǎn)為選區(qū)，做出如下圖漸變;

圖32

再新建一層，選擇-》收縮1px;徑向漸變填充如下圖顏色;

圖33

再新建一層，用勾畫并轉(zhuǎn)為選區(qū)做出如下圖的效果：

圖34

十八、新建一層到圖的最底層，用鋼筆勾畫如下圖;

圖35

轉(zhuǎn)為選區(qū)，填充#78B00A;如下圖：

圖36

新建一層，選擇-》收縮1px;填充#F0FC00;

圖37

新建一曾，在選擇-》收縮1px,設(shè)置漸變顏色，如下圖：

圖38

拉個徑向漸變，如下圖;

圖39

十九、陰影部分，畫個橢圓，羽化5px;

圖40

然后設(shè)置漸變，如下圖：

圖41

拉個徑向漸變;

圖42

二十、完成，最終效果圖如下：

圖43

矢量圖常用于框架結(jié)構(gòu)的圖形處理，應(yīng)用非常廣泛。圖形是人們根據(jù)客觀事物制作生成的，它不是客觀存在的；圖像是可以直接通過照相、掃描、攝像得到，也可以通過繪制得到。