1文檔設(shè)置
新建一個文檔萄金，‘將單位設(shè)置為px查剖，在高和寬輸入600px.點開高級按鈕，將顏色模式設(shè)置為RGB眼五，柵格效果 screen 72 ppi。將新建對象與網(wǎng)格對齊取消勾選彤灶。點擊確定看幼。
接下來我們要設(shè)置網(wǎng)格，視圖->顯示網(wǎng)格幌陕，視圖->對齊網(wǎng)格诵姜。要設(shè)置網(wǎng)格的大小，編輯->首選項->參考線和網(wǎng)格搏熄，設(shè)置網(wǎng)格間隔線為5px棚唆，次分割線為1。首選項->單位心例，把所有單位設(shè)置為像素瑟俭。
2制作背景
步驟一
切換到矩形工具，在面板上將描邊設(shè)置為無契邀，填充設(shè)置為R=40,G=35,B=45。點擊畫板失暴，在彈窗里設(shè)置矩形高和寬為610px坯门。
為了讓背景居中到畫板，打開窗口->對齊逗扒。在面板右下角把對對齊式設(shè)置為對齊畫板古戴。點擊水平居中對齊，垂直居中對齊矩肩。
在圖層面板展開圖層现恼，設(shè)置路徑名字為background。
步驟二
繼續(xù)使用矩形工具黍檩，將顏色設(shè)置為R=30 G=61 B=81叉袍。繪制一個475px的正方形。將路徑名字設(shè)置為mian刽酱。
3制作網(wǎng)格
步驟一
切換到矩形網(wǎng)格工具（在直線條工具里面）喳逛。將填充設(shè)置為無，描邊設(shè)置為R=255 G=255 B=255棵里。點擊畫板润文，參數(shù)如圖姐呐。將網(wǎng)格移動到如圖所示的地方。
步驟二
確認(rèn)選中了這個表格后典蝌，按CTRL+shift+G解組圖形曙砂，用直接選擇工具選擇最外層的框，刪除骏掀。
步驟三
選中水平的10根橫線鸠澈，打開窗口->變換，將面板上約束寬高比例取消掉砖织。輸入寬度360px款侵。
步驟四
選中所有線段，打開外觀面板侧纯。點擊帶下劃線的描邊二字新锈，在彈出的框中輸入如圖設(shè)置。
步驟五
確保所有線段被選中眶熬，CTRL+G將線段編組妹笆。
為了使這些線段對齊網(wǎng)格，打開效果->扭曲和變換->變換娜氏，將移動里的水平和垂直設(shè)置為-0.5px拳缠。（使用視圖->像素預(yù)覽你就知道為什么要這么做了，看完后記得關(guān)掉）
步驟六
選中所有線條贸弥，在外觀面板將描邊的不透明度設(shè)置為25%窟坐，使用效果->風(fēng)格化->投影，輸入如圖參數(shù)绵疲，模式為柔光哲鸳。
4畫第一條線
步驟一
切換到鋼筆工具，在畫板上畫出線盔憨。在外觀面板上徙菠，去掉填充，將描邊設(shè)置為R=255 G=255 B=100郁岩。打開描邊婿奔，設(shè)置如圖。
步驟二
保持線 條的選中问慎，在外觀面板上選中描邊屬性萍摊，在面板右上角里點擊復(fù)制項目得到新的描邊。將新描邊顏色設(shè)置為R=255 G=222 B=23蝴乔，粗細(xì)設(shè)置為3px记餐。點擊新描邊將其選中，效果->扭曲與變換->變換薇正，輸入如圖設(shè)置片酝。（是對新描邊進(jìn)行變換囚衔，不是對整條線 變換)
步驟三
使用同樣的方法將新描邊復(fù)制一份，將顏色改為R=247 G=148 B=30雕沿，粗細(xì)1px练湿，將他的變幻效果設(shè)置為如同。
步驟四
將4px的描邊負(fù)責(zé)一份审轮，將顏色改為R=0 G=0 B=0肥哎，將粗細(xì)改為6px，將他拖到最底層疾渣。
步驟五
選中4px的描邊篡诽，效果->風(fēng)格化->投影，輸入左圖的設(shè)置榴捡，點擊確定杈女。連續(xù)按兩次Shift-Control-E重復(fù)效果。在點擊效果->風(fēng)格化->投影吊圾，輸入右圖的設(shè)置达椰。
步驟六
選中黃色線段，效果->風(fēng)格化->圓角輸入半斤為5px项乒。在線段依然選中的狀態(tài)下啰劲，打開窗口->圖層樣式，點擊新建按鈕保存這個樣式檀何。
5畫多幾條線
畫好線后使用剛才的圖層樣式蝇裤，修改顏色就好了。
6添加小圈
步驟一
用橢圓工具畫一個20px的圓频鉴，在外觀面板將填充設(shè)置為無猖辫，描邊設(shè)置為R=39 G=170 B=225，粗細(xì)4px砚殿，打開描邊面板，設(shè)置如圖芝囤。
選中這個圓似炎，對象->擴展外觀。
步驟二
視圖->取消對齊網(wǎng)格悯姊，編輯->首選項->常規(guī)羡藐，設(shè)置鍵盤增量為1px。
選中圓環(huán)悯许，CTRL+C復(fù)制仆嗦，CTRL+F兩次粘貼到前方。選中最上面的圓先壕，用方向鍵往下移動1px瘩扼。選中新復(fù)制出的兩個圓谆甜，在路徑查找器中選擇減去頂層。然后CTRL+8把他們轉(zhuǎn)換為復(fù)合路徑（是為了分離到新的一個層集绰，這樣才能改變顏色）
將新圖形的顏色設(shè)置為白规辱，點開不透明度，將模式設(shè)置為柔光栽燕。
步驟三
選擇藍(lán)色的圓環(huán)罕袋，Control-C > Control-F > Control-F，選中最上層的圓環(huán)碍岔，這一次向上移動1px浴讯，然后同樣的減去頂層，CTRL+8轉(zhuǎn)換為復(fù)合路徑蔼啦。將顏色設(shè)置為黑色榆纽，模式柔光。
步驟四
選擇藍(lán)色圓環(huán)询吴，在外觀面板將他的填充設(shè)置為白掠河，填充不透明度為10%。
步驟五
選擇圓環(huán)猛计，將描邊設(shè)置為黑色唠摹，1px，不透明度為20%奉瘤，點擊描邊二字打開描邊面板勾拉，設(shè)置描邊對齊為外對齊。
在外觀面板右上角的小三角點擊新建描邊盗温，設(shè)置顏色為白藕赞，不透明度10%，將對其方式設(shè)置為對齊卖局。
步驟六
選擇圓環(huán)斧蜕，添加三次效果->風(fēng)格化-〉投影，設(shè)置如圖砚偶。
