用Illustrator制作簡單的折線圖


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è)置如圖。

選中這個圓,對象->擴(kuò)展外觀。

步驟二

視圖->取消對齊網(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è)置如圖。

還有最后添加文字的部分就不翻譯了,有興趣的可以直接去原文看看

原文地址

AI文件下載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容