1.使用自定義形狀工具選擇環形創建一個環形。

2.復制該層，并按比例縮小復制層。按住Shift Alt可以同比例縮小。用不同的顏色填充該層。

3.同樣創建幾個需要的復制層，按比例縮小并填充上不同的顏色。

4.用PsCS2，按Shift 選擇全部圖層。從層調色板中選擇New Group from Layers，將這幾個圖層放到新組中。設置組名稱為ring001
如果用PS7.0操作， 將要組成為一組的所有圖層全部鏈接，點層調色板中的“新組自鏈接的…”一項，便將選中的圖層全部放到了創建新組ring001中

5.復制該組并重新命名為ring002.改變色環的順序。

6.現在我們擁有兩個環形而且在色彩上有不同的差別。

7.復制第一個組也就是ring001復制5份。并且一字排開。

8.復制第二個組就是ring002復制5份并一字排開放到第一組排開的空位上。

9.使用矩形選區工具創建一個綠色的長方形。這個長方形將做為主要按鈕的背影，目前我稱它為“主按鈕背景層”。

10.雙擊該主按鈕背景層打開圖層樣式表，選擇“漸變疊加”設置如下圖：

11.再創建一個長方矩形放到該“主按鈕背景層”下面，并填充高亮的綠色，這個地方我稱它為“過渡線條”。

12.在“過渡條”底部創建一個長矩形條填充為深綠色，它將放置其它的一些導航按鈕名稱，在這里我稱它為“次級按鈕背景層”。

13.在左側放置一個可愛的漫畫圖片。如圖：

14.插入公司logo.

15.在“主按鈕背景層”上插入主要的按鈕名稱，過渡條插入相關的說明性文字，“次按鈕背景層”插入相關網站信息的按鈕。