注：此教程為英翻教程，軟體操作不娴熟的小夥伴兒，謹慎嘗試哦。翻譯不足之處或者有錯别字，自行腦補一下哦。
1.建立新文檔并設定網格
Ctrl-N來建立一個新文檔，如圖設定。
2.建立主要形狀
步驟1
選擇矩形工具（M），然後将焦點放在工具欄上。從筆劃中删除顔色，然後選擇填充并将其顔色設定為 R = 84 G = 100 B = 144。移動到畫闆上，簡單地建立一個450 x 460 px的矩形-使用“對齊網格”可以使您的工作更輕松。
步驟2
傳回到工具欄，然後将現有的填充色替換為R = 244 G = 215 B = 255。使用相同的矩形工具（M）建立450 x 50 px的形狀，并将其放置在現有形狀的正下方，如下圖所示。
步驟3
禁用對齊網格（Shift-Ctrl-“），然後轉到“編輯”>“首選項”>“正常”，并確定将“鍵盤增量”設定為 1 px。
確定仍選擇較小的矩形，并在前面制作兩個副本。選擇頂部副本，然後使用鍵盤上的向上箭頭按鈕将其向上移動1像素。重新選擇在此步驟中制作的兩個形狀，打開“路徑查找器”面闆（“視窗”>“路徑查找器”），然後單擊“減号前”按鈕。確定結果形狀保持選中狀态，并用簡單的白色（R = 255 G = 255 B = 255）替換現有的填充色。
步驟4
重新選擇該較小的矩形，然後轉到“效果”>“風格化”>“陰影”。輸入下圖所示的屬性，然後單擊“确定”按鈕。
步驟5
對于此步驟，您需要每5像素有一個網格，是以請轉到“編輯”>“首選項”>“參考線和網格”，然後在“每個網格線”中輸入5。
使用矩形工具（M）建立450 x 10 px的形狀，随機選擇橙色作為填充顔色，然後将其放置在第一個圖像中。專注于此新形狀的底部，然後切換到直接選擇工具（A）。選擇左錨點并将其向右拖動45 px，然後選擇右錨點并将其向左拖動45 px。最後，您的橙色矩形應變成梯形，如第二幅圖所示。
步驟6
確定仍選擇梯形，并簡單地将現有的填充顔色替換為下圖所示的線性漸變。
3.細微的分隔線
步驟1
傳回每10像素一次的網格線，是以隻需轉到“編輯”>“首選項”>“參考線和網格線”，然後在“每個網格線”框中輸入10。
使用鋼筆工具（P），建立一個50像素的 垂直路徑并将其放置，如下圖所示。確定此路徑保持選中狀态，并集中在“外觀”面闆（“視窗”>“外觀”）上。從填充中删除顔色，然後添加1 px筆觸，并将其顔色設定為R = 247 G = 148 B = 30。每隔1 px切換到網格線，是以請轉到“編輯”>“首選項”>“參考線和網格”， 然後在“每個網格線”框中輸入1。專注于此橙色路徑的底部，抓住直接選擇工具（A）。選擇該底部錨點，然後将其拖動1像素 以上。
步驟2
確定您的垂直路徑保持選中狀态，并将焦點放在外觀面闆上。選擇筆劃，将現有顔色替換為簡單的白色，然後轉到“效果”>“扭曲和變形”>“變形”。将“水準移動”滑塊拖動到 -0.5像素，然後單擊“确定”。
步驟3
確定您的垂直路徑保持選中狀态，繼續關注外觀面闆，然後使用“添加新描邊”按鈕添加第二個描邊。選擇此新筆觸，用下圖所示的線性漸變替換現有顔色，然後轉到“效果”>“扭曲和變形”>“變形”。将“水準移動”滑塊拖動到 0.5像素，然後單擊“确定”。
步驟4
重新選擇垂直路徑，将焦點放在“外觀”面闆上，確定選擇了整個路徑（隻需從面闆頂部單擊“路徑”文本），然後轉到“效果”>“扭曲和變形”>“變形”。在份數框中輸入7，将“水準移動”滑塊拖動到 50像素，然後單擊“确定”按鈕。
步驟5
使用矩形工具（M）建立一個50像素的正方形，将填充顔色設定為R = 234 G = 241 B = 255并将其放置，如下圖所示。
4.添加欄
步驟1
使用矩形工具（M）建立六個矩形，并使用下圖所示的顔色，大小和位置屬性。
步驟2
確定所有黃色和橙色矩形均已選中，然後轉到效果>扭曲和變形>變形。将“縮放水準”滑塊拖動到 96％，然後單擊“确定”按鈕。
5.添加細線
步驟1
使用鋼筆工具（P），建立一個350像素的 水準路徑并将其放置，如下圖所示。確定它保持選中狀态，然後将焦點放在外觀面闆上。從填充中删除顔色，然後添加1 px的 白色筆觸。
步驟2
重新選擇您的水準路徑，将焦點放在“外觀”面闆上，確定選擇了整個路徑，然後轉到“效果”>“扭曲和變形”>“變形”。将“垂直移動”滑塊拖動到0.5像素，單擊“确定”，然後再次轉到“效果”>“扭曲和變形”>“變形”。在份數框中輸入9，将垂直移動滑塊拖動到 40像素，然後單擊确定按鈕。
步驟3
重新選擇您的水準路徑，然後轉到“效果”>“風格化”>“陰影”。輸入左視窗中顯示的屬性（如下圖所示），單擊“确定”，然後再次轉到“效果”>“風格化”>“陰影”。輸入右側視窗中顯示的屬性，然後單擊“确定”按鈕。
步驟4
確定選擇了您的水準通道停留，繼續關注上外觀面闆，隻需點選“不透明度”一段文字，打開透明度飛出面闆。将混合模式更改為柔光，并将不透明度降低到40％。
步驟5
對于此步驟，您需要每5像素有一個網格，是以請轉到“編輯”>“首選項”>“參考線和網格”，然後在“每個網格線”中輸入5。
使用鋼筆工具（P），建立5 px的 水準路徑并将其放置，如下圖所示。確定它保持選中狀态，然後将焦點放在外觀面闆上。從填充中删除顔色，然後添加1 px筆觸，并将其顔色設定為 R = 184 G = 191 B = 209。
第6步
重新選擇您的微小水準路徑，将焦點放在“外觀”面闆上，確定選擇了整個路徑，然後轉到“效果”>“扭曲和變形”>“變形”。将“垂直移動”滑塊拖動到0.5像素，單擊“确定”，然後再次轉到“效果”>“扭曲和變形”>“變形”。在份數框中輸入9，将“垂直移動”滑塊拖動到 40 px，然後單擊“确定”按鈕。
步驟7
重新選擇您的微小水準路徑，然後轉到“效果”>“風格化”>“陰影”。輸入左視窗中顯示的屬性（如下圖所示），單擊“确定”，然後再次轉到“效果”>“風格化”>“陰影”。輸入右側視窗中顯示的屬性，然後單擊“确定”按鈕。
6.添加文字
步驟1
禁用“對齊網格”（Ctrl-'）。
使用文字工具（T），添加下圖所示的文本和箭頭。将文本顔色設定為R = 84 G = 100 B = 144，然後打開“字元”面闆（“視窗”>“類型”>“字元”），并使用下圖所示的屬性。確定選中所有文本，然後轉到“效果”>“風格化”>“陰影”。輸入下圖所示的屬性，然後單擊“确定”按鈕。
步驟2
使用相同的文字工具（T），添加下圖所示的文本和箭頭。将文本顔色設定為R = 184 G = 191 B = 144，然後将焦點放在“字元”面闆上，并使用下圖所示的屬性。確定選中所有文本，然後轉到“效果”>“風格化”>“陰影”。輸入下圖所示的屬性，然後單擊“确定”按鈕。
7.添加一個簡單的陰影和背景
步驟1
啟用“對齊網格”（Ctrl-'）。傳回每10像素一次的網格線，是以隻需轉到“編輯”>“首選項”>“參考線和網格線”，然後在“每個網格線”框中輸入10。
使用矩形工具（M）建立400 x 65 px的形狀，将填充顔色設定為R = 84 G = 100 B = 144并将其放置在第一張圖像中。確定此新矩形保持選中狀态，将其發送回（Shift-Ctrl- [），然後轉到效果>模糊>高斯模糊。輸入15 px半徑，然後單擊“确定”。
步驟2
專注于“圖層”面闆，隻需鎖定到目前為止制作的所有形狀。使用矩形工具（M）建立700 x 740像素的形狀，将其發送回（Shift-Ctrl- [），将填充顔色設定為R = 203 G = 211 B = 208并確定此新矩形覆寫您的整個畫闆。
步驟3
選擇“網格工具”（U），将焦點放在覆寫整個畫闆的矩形上，并添加一堆網格點，如下圖所示。
步驟4
繼續關注您的網格并使用直接選擇工具（A）選擇每個網格點，并添加下圖所示的顔色。
8.嘗試不同的顔色
最後，請随意為您的彩色條嘗試不同的顔色。
至此就完成了。