下面是效果圖

1.創建一個新文件并建立一個網格

點擊Ctrl+N去創建一個新文件。寬度600，高度360，然后點擊高級按鈕。選擇RGB模式, 分辨率(72dpi)。

啟用網格(視圖>顯示網格)和對齊網格(視圖> 對齊到網格)。每1px需要一個網格，所以進入編輯>首選項>導架>網格，在網格線欄里輸入1，在分區欄里輸入1。

你也應該打開信息面板(窗口>信息)，給你的形狀的尺寸和位置一個生動的預覽。不要忘記設置測量單位像素 編輯>首選項> 單位 給像素設置計量單位。所有這些的選項都會加速你的工作。

2.創建一套圖形風格。

步驟1

使用橢圓工具(L)，創建一個6px圓圈，填充為R=39, G=170, B=225，線條為無填充。選擇這個藍色形狀，進入到效果>扭曲&變換>變換。如下圖輸入屬性設置，點擊OK，進入對象>擴展。保證形狀的結果組被選中，點擊Shift-Ctrl-G兩次去解散它們。

步驟2

側重于你的藍圈圈們。選擇左邊的一個，打開外觀面板(窗口>外觀)，選擇現在的填充，進入效果>路徑>偏移路徑。輸入一個-1.5px的偏移，點擊OK.選擇外觀面板，使用添加新填充按鈕給這個圓圈添加第二個填充(下圖里是小藍箭頭指著的)。

選擇這個新填充，將它拖到外觀面板的底部，設置顏色R=21, G=62, B=110。確保你的圓圈保持被選中，打開圖形樣式面板(窗口>圖形樣式>)，點擊新建圖形樣式按鈕(下圖中小藍箭頭所指)。

步驟3

選擇下一個藍色圓圈，在外觀面板，添加第二個填充。選擇這個新填充，設置顏色為白色，進入效果>路徑>偏移路徑。輸入-2px偏移，點擊OK。進入效果>扭曲&轉換>轉換。如下圖那樣輸入屬性設置，點擊OK。確保第二個圓圈仍被選中，移動到圖形樣式面板，添加一個新的圖形樣式。

步驟4

選擇下一個藍色圈，在外觀面板，點擊Shift-X。這將轉化顏色屬性從填充到線條。移動到外觀面板，選擇藍色線條，將它向內排列，進入效果>風格化>陰影。選擇左邊的一個圓圈，打開“窗口-外觀”選擇現在的填充，選擇效果 > 路徑> 偏移路徑。輸入1.5px偏移，(如下圖所示)點擊OK。確保第三個圈仍被選中，到圖形樣式面板，并且添加一個新的圖形樣式。

步驟5

選擇下一個藍色圈圈，在外觀面板，點擊shift-x。如下圖所示，設置為1.5px寬，然后進入效果>風格化>陰影。照下圖輸入屬性，點擊OK。確保第四個圈圈被選中，到圖形樣式面板，并且添加一個新的圖形樣式。

步驟6

選擇下一個藍色圈圈，在外觀面板，點擊shift-x。選擇線條，設置顏色為白色，排列到內部，然后進入效果>風格化>陰影。如下圖所示輸入屬性，點擊OK。確保第五個圈圈被選中，到圖形樣式面板，添加一個新的圖形樣式。

步驟7

選擇最后一個藍色圈圈，在外觀面板，點擊shift-x。選擇線條，設置1.5的寬度，顏色為白色，排列到內部，然后進入效果>風格化>陰影。如下圖所示輸入屬性，點擊OK。確保第五個圈圈被選中，到圖形樣式面板，添加一個新的圖形樣式。

步驟8

這六個圈圈，替換R=39, G=170, B=225為R=250, G=109, B=143 和替換R=21，G=62, B=110為R=147, G=66, B=67。一一選擇這些形狀，照下圖保存圖形樣式。

步驟9

這六個圈圈，替換R=250, G=109, B=143為R=255, G=205, B=5 和替換R=147，G=66, B=67為R=241G =90, B=41。一一選擇這些形狀，照下圖保存圖形樣式。

步驟10

這六個圈圈，替換R=255, G=205, B=5為R=85, G=185, B=72 和替換R=241, G=90, B=41為 R=0 G =105, B=55。一一選擇這些形狀，照下圖保存圖像類別。選中所有六個圈圈，刪除它們。