通過下面的步驟，你將學會用AI創建簡單的折線圖。

具體的制作步驟如下：

1.創建新文檔，設置網格

按 Control-N創建新文檔，具體設置如下。

打開網格（視圖>顯示網格），對齊到網格（視圖>對齊網格）

打開首選項>參考線和網格，網格間距線5px ，次分割線1。記下網格線的開啟/關閉的快捷鍵，方便關閉網格線觀察創作。

首選項>單位，全部設置為像素

打開信息面板（窗口>信息），動態預覽形狀的尺寸和位置。

2.創建背景和主體形狀

步驟1

選擇矩形工具(M)，去除描邊顏色，填充顏色設置R=40 G=35 B=45. 

點擊一下工作區，高寬均為610，然后點擊OK

打開對齊面板（窗口>對齊）。水平并垂直居中對齊。

打開圖層面板（窗口>圖層），雙擊形狀圖層，命名為"Background"圖層

步驟2

矩形工具 (M)，

顏色設置為R=30 G=61 B=81, 

創建475px寬高的正方形，

垂直水平居中對齊后，命名為"Main"圖層

3. 創建虛線網格

步驟  1

去除填充顏色，描邊顏色設置為 (R=255 G=255 B=255).。選擇矩形網格工具，打開矩形網格窗口，設置如下，然后點擊確定。

確保網格被選中，按Shift-Cmd-G取消編組。選擇外框矩形刪除，結果如下。

選擇所有白色路徑，外觀面板（窗口>外觀）中選擇描邊，在彈出的面板中，設置如下。

選擇所有白色路徑，Cmd+G編組他們。選擇該編組 效果>扭曲和變換>變換，設置如下。

選擇虛線編組，在外觀面板中，不透明度設置為25%。

然后效果>風格化>投影,設置如下。

4. 第一條線

步驟1

使用鋼筆工具，畫出如下圖這般的簡單形狀。外觀面板中取出填充，描邊顏色設置為R=255 G=255 B=100，在描邊彈出面板中，設置如下。

選擇黃色路徑，在外觀面板中，選擇已存在的描邊復制（如下圖）。

選擇新描邊，粗細是3px，顏色設置R=255 G=222 B=23 

效果>扭曲和變換>變換，屬性設置如下圖。

選擇路徑，選擇上面橙黃色的3px描邊，復制（參考上一步）。選擇新描邊，粗細1px，顏色設置R=247 G=148 B=30 

點擊變化效果，重新設置參數如下。

選擇路徑，外觀面板，選擇最下面的描邊，復制。選擇新描邊，粗細6px，顏色設置(R=0 G=0 B=0)，不透明度設置15%

選擇黃色路徑，外觀面板，選擇4px描邊，效果>風格化>投影，參數設置如下，然后按Shift+Cmd+E ，復制2次

然后再選擇4px描邊，效果>風格化>投影，設置如下。

選擇黃色路徑，外觀面板，確保整條路徑被選擇（在外觀面板的頂部選擇路徑

效果>風格化>圓角，半徑5px。

選擇黃色路徑，打開圖形樣式面板，點擊新建圖形樣式按鈕。

5. 第二條線

步驟1

鋼筆工具，如下圖創建路徑，選擇，然后應用之前保存的圖形樣式。選擇新路徑，外觀面板中，第一個描邊顏色R=239 G=65 B=54.第二個描邊顏色R=247 G=148 B=30. 4px描邊顏色 R=255 G=205 B=109.

鋼筆工具，如下圖繪制路徑，然后添加圖形樣式，顏色設置如下

6. 輪廓圓

步驟1

橢圓工具，畫一個20px的圓，如下圖放置。選擇新性狀，在外觀面板中，去掉填充，選擇描邊，顏色 R=39 G=170 B=225，在描邊彈出面板中，粗細4px。

對象>路徑>輪廓化描邊

關閉對齊網格，在首選項中，鍵盤增量1px。

選擇藍色形狀，復制兩份 (Control-C > Control-F > Control-F)選擇最上方的復制形狀，下移1px。

選擇2個副本，打開路徑查找器面板（窗口>路徑查找器），點擊減去頂層，

選擇結果編組，按Control-8變為符合路徑，顏色設置為白色，混合模式柔光。

選擇藍色形狀，然后再復制兩次(Control-C > Control-F > Control-F)。最上面的副本上移1px，接著選中2個副本，路徑查找器，減去頂層。然后按(Control-8),將副本轉化為復合路徑，填充顏色設置為黑色，混合模式柔光。

選擇藍色形狀，外觀面板，不透明度設置為10%，順便填充改為白色。

選擇白色環（中心的），外觀面板，選擇描邊，顏色黑色，粗細1px,不透明度20%，描邊彈出面板中使描邊外部對齊。

然后再添加第二個描邊，顏色設置白色，粗細1px，不透明度10%，描邊彈出面板中使描邊內部對齊。

(編者注，不知為何，用給出的方法按步驟來做，始終無法描邊對齊，因此我用路徑查找器減除圓環，就可以了。。。若有更好解決方法，請留言)

重新選擇白色圓環，選擇外觀面板，確保整個路徑被選中，然后 效果>風格化>投影，一共3次，如下圖。（混合模式：柔光）

開啟對齊網格，選擇白色圓環和高光&陰影，然后按Control - G編組，復制兩份（Control - C > Control - F)，然后放置在圖中的位置。

7. 添加文本

步驟1

現在需要網格線為間隔為1px,在首選項>參考線和網格中設置，

用字體工具，在畫布上點擊，如下圖添加文本，確保選擇字體后，顏色設置R=187 G=183 B=200 

打開字符面板（窗口>文字>字符)，選擇Calibri字體，粗體，尺寸12px

選擇所有文本圖層，添加5層長投影。(可利用圖形樣式,混合模式記得是柔光）

選擇文字工具，如下圖，加一行字，顏色，字體，樣式同上，尺寸15px，記得使用同樣的圖層樣式。（好吧，文字有點弱智，"本周我們吃的甜甜圈數量"）

8. 為主形狀（Main圖層）添加顏色，陰影和高光

步驟1

選擇Main形狀，外觀面板，再添加一個填充。不透明度50%，混合模式為疊加

打開漸變面板(窗口>漸變）,點擊漸變縮略圖，添加黑白線性漸變。注意漸變面板，選擇左滑塊，確保顏色為白色，右滑塊，確保顏色為R=30 G=61 B=81，不透明度設置為0%。

選擇這步所添加的填充。點擊漸變工具Gradient Tool (G), 在畫布上拉伸線性漸變，如下圖。

步驟2

重新選擇Main形狀，外觀面板，添加第三個填充，顏色設置為黑色，不透明度7%，混合模式為正片疊底 

效果>藝術效果>膠片顆粒，設置如下。

選擇Main形狀，外觀面板，設置描邊，顏色白色，不透明度50%，混合模式疊加

粗細2px，在描邊彈出面板中，選擇描邊內側對齊

選擇Main圖層，外觀面板，添加新描邊，顏色R=55 G=32 B=35 粗細1px，在描邊面板中選擇內側對齊。

再添加一個描邊，顏色R=35 G=31 B=32, 不透明度10%, 混合模式柔光，粗細1px，描邊面板中外側對齊

選擇Main形狀，外觀面板，選擇最底部的填充，添加4朵陰影，設置如下。

重選Main形狀，外觀面板，效果>風格化，圓角，10px，確定

下方提供小編做的源文件，AI源文件+QC動畫源文件（好吧，是Girls，小編打錯了。。。）

AI最終成果：

QC制作的簡易動畫：

教程結束，以上就是AI繪制一個高端的股市拆線圖表教程，大家學會了嗎？教程介紹的很詳細，有需要的朋友可以跟著教程一起來學習，希望能給大家帶來幫助！