當前位置:首頁 >教程首頁 > illustrator >AI初級教程:製作一個簡單的裏程計

AI初級教程:製作一個簡單的裏程計

發布時間:2018-11-17 19:57:24
 
今天我們使用AI創建一個簡單的裏程計,會用到一些基本工具和混合技巧來達到效果,現在開始吧!
 
1、創建新文檔,添加一個簡單的背景
 
Step1
 
Ctrl+N創建新文檔,單位選擇像素,寬高600像素。點開高級選項,選擇RGB模式,分辨率72像素。使新建像素與網格對齊為未選擇狀態,點擊確定。
 
 
Step2
 
選擇矩形工具,設置前景色(34,32,44),在畫板上右擊彈出矩形設置框,寬高設置610px。接下來你需要將這個形狀居中對齊。打開“對齊麵板”(窗口>對齊),選擇對齊畫板(如果找不到對齊到畫板選項,在對齊麵板右上角點擊選擇顯示選項),然後垂直水平對齊。最後打開圖層麵板,打開現存的圖層,雙擊,修改名稱為“bg”。
 
 
2、創建裏程計的主要框架
 
Step1
 
選擇橢圓工具在畫板上單擊,打開橢圓窗口。創建直徑260px的橢圓,確保橢圓為選中狀態,打開漸變窗口,角度:90,右邊色值為(64,62,74),然後設置左側色值(123,160,117)設置此色值位置為15%。使用對其工具將此橢圓至於畫板中心,更改圖層名字為“mainBack”。
 
 
Step2
 
選中mainBakc圖層,打開“外觀”麵板,選中可見文件,打開“不透明度麵板”,設置不透明度為50%,回到外觀麵板,確認文件還是選中狀態。效果>路徑>位移路徑,輸入10Px的位移值,點擊確定。效果>模糊>高斯模糊。輸入15,點擊確定。
 
 
Step3
 
選擇“mainBack”,回到外觀文件添加新填色,如圖修改新填色的漸變。設置透明度15%,效果>路徑>位移路徑,10px位移,點擊確定。
 
 
Step4
 
使用橢圓工具創建一個260px的圓,顏色為(34,32,44),垂直水平居中,將圖層命名為“mainFont”。
 
 
Step5
 
選中mainFont圖層,在“外觀麵板”上選擇所有圖層,效果>風格化>內測光暈。輸入如下圖所示數值,點擊OK。效果>風格化>陰影,輸入如下圖所示數值。
 
 
Step6
 
選擇mainFont形狀,在“外觀麵板”中選擇“添加新填色”。選擇新填色,設置顏色為黑色,降低不透明度10% ,混合模式改為正片疊底,效果>路徑>位移路徑,輸入-1px的位移。效果>藝術化>膠片顆粒,輸入下圖所示數值。
 
 
3、製作細線指標
 
Step1
 
視圖>顯示網格,對齊到網格( 視圖>對齊到網格 ),作為一個初級者,你需要一個單位為5px的網格。編輯>首選項>參考線和網格,網格間距為5,則網格為1。
 
鋼筆工具,創建兩個垂直的10px的路徑,如圖所示放置。對齊到網格會簡化你的工作。為這兩個路徑添加2pt的描邊。設置顏色(1,212,68),選擇兩個路徑,Ctrl+G組合他們。
 
 
Step2
 
選中這個組合,效果>扭曲與變形>變相,輸入如下圖所示參數。
 
 
Step3
 
再次選擇這個組合,對象>擴展外觀,對象>路勁>描邊輪廓。確保最終結果組是選擇狀態,Shift+Ctrl+G取消組合,選擇如下圖所示的11個組,刪除它們。
 
 
Step4
 
選擇其中一組刻度線,選擇>相同>外觀,當所有刻度線都被選中,路徑查找器“麵板”,點擊“聯集”。然後Ctrl+8(或者對象>複合路徑>簡化)將這些刻度線轉化成簡單的複合路徑,更名此圖層為“thinLines”。
 
 
4、創建寬刻度線
 
Step1
 
使用鋼筆工具,創建兩個垂直線,15px的路徑,如圖所示放置。添加4pt的描邊,顏色(1,212,68),組合他們Ctrl+G。
 
 
Step2
 
選中剛才的組合,效果>扭曲變形>變形。輸入如下圖所示的數值。
 
 
Step3
 
重新選擇這個組合。對象>擴展>外觀,對象>路徑>外描邊,然後Shift+Ctrl+G兩次撤銷組合。使用選擇工具,如圖所示選擇高亮的三個形狀,刪除它們。
 
 
Step4
 
選擇剩下的十三個厚刻度,在路徑查找器“麵板”點擊“聯集”,Ctrl+8,更名此圖層為“thickLines”。
 
 
Step5
 
選擇"thickLines"複合路徑,在外觀麵板中添加新填色。選中新填色,填充顏色(0,255,0),效果>路徑>偏移路徑,輸入-1px。
 
 
5、在刻度線上添加一些路徑
 
Step1
 
影藏網格,撤銷對齊到網格選項。使用橢圓工具,畫一個225px大小的圓,垂直水平居中。外觀麵板,填充色為無,添加5pt的描邊,顏色為(1,212,68),效果>路徑>偏移路徑,輸入值-2.5px,對象>擴展>外觀。
 
 
Step2
 
選擇在上一步製作的描邊,對象>路徑>添加錨點。使用直接選取工具,選擇如下圖中標出的錨點,刪除它們,對象>路徑>輪廓描邊。
 
 
Step3
 
選擇"thickLines"複合路徑,對象>路徑>偏移路徑,輸入2px偏移。將這個路徑置於最前(Shift+Ctrl+]),然後跟之前創建的路徑一起選擇,路徑查找器>減去前麵。將結果形狀轉化為複合路徑(Ctrl+8),然後將其更名為"intervals"。
 
 
Step4
 
選擇“intervals”複合路徑,外觀麵板>添加新填色,設置顏色(24,22,34)。效果>路徑>偏移路勁,輸入-2px。
 
 
6、添加文字
 
Step1
 
文字工具,打上“km/h”使用“MoolBoran”字體,大小20pt。
 
 
Step2
 
添加如圖所示的文字,大小18pt,組合所有文字,命名為"text"。
 
 
7、製作裏程計表盤支撐點
 
Step1
 
使用橢圓工具創建一個30px的圓,為他添加一個如下圖所示的漸變,處置水平居中。
 
 
Step2
 
編輯>首選項>常規,設置鍵盤增量單位為1px。選擇30像素的橢圓狀,對象>路徑>偏移路徑。添加-1px.複製一份置於前麵(Ctrl+C>Ctrl+F)。
 
選擇新的副本,下移1像素,選擇副本和原始本,路徑查找器>減去前麵。給新得到的路勁填充漸變如下圖所示的設置,混合模式為柔光。
 
 
Step3
 
再次選擇30像素圓,複製兩份(Ctrl+C>Ctrl+F>Ctrl+F),選擇最上一層,下移1像素,選擇兩個副本,路徑查找器>減去前麵,填充結果路徑為白色降低不透明度25%,混合模式柔光。
 
 
Step4
 
選擇30像素圓,外觀麵板選擇填充層,效果>風格化>內發光,輸入如下圖所示的參數。再次添加陰影,參數如下,再一次添加陰影,然後第三次添加。
 
 
Step5
 
選擇30px的圓。外觀>添加新填色,添加如圖所示的漸變,效果>路徑>偏移路徑,輸入-10px的偏移量,點擊確定。效果>風格化>陰影,輸入如下參數,然後再一次添加陰影。
 
 
Step6
 
選中30px的圓。外觀添加1像素的描邊。設置顏色黑色,外部描邊,混合模式為柔光,不透明度10%。
 
Step7
 
選擇30像素的圓和在途中高亮出的路徑組成組(Ctrl+G)。在圖層麵板更名為"support"。
 
 
8、創建指針
 
Step1
 
恢複顯示網格,對齊到網格,編輯>首選項>參考線&網格,輸入每個網格1像素大小。使用矩形工具創建一個10*105像素大小的形狀,填充顏色(39,170,225),如圖所示放置。使用直接選取工具,選擇左邊錨點往右移動3像素,右邊的錨點同樣往左移動3px。
 
使用橢圓工具創建一個4像素的圓,填色(39,170,225)。如下圖所示放置,選擇所有在這一步創建的路徑點擊“路徑查找器上的聯集”,更名為"needle"。
 
Step2
 
將“needle”移到“support”下麵去,確認選中藍色圖層。外觀填充顏色為(249,41,27)。接下來,給這個路徑添加新填充色,如圖所示的漸變,效果>路徑>偏移路徑,輸入-3px,確認。
 
 
Step3
 
選擇“needle”路徑使用旋轉工具。抓住如圖所示標出來的點,然後旋轉到如第二張圖所示。
 
 
Step4
 
選擇“needle”層,如圖所示給他添加四層陰影。
 
 
9、添加精致的陰影
 
使用橢圓工具創建一個260像素的圓,使用如圖所示漸變填充,降低透明度35%,垂直水平居中,將該圖層命名為“shading”。
 
 
10、重新著色
 
選擇"thinLines","thickLines"和"intervals"複合路徑,填色(1,212,68)和(144,195,221)和(0,255,0)和(0,255,255)。這樣就完成了!
 
 
11、最後的效果圖:
 

(免責聲明:本文整理自網絡,版權歸原作者所有,如涉及作品內容、版權或其他問題,請及時與我們聯係,我們將在第一時間予以刪除!感謝您的理解和包容。)
华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答
×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定