<button id="ptu4h"><acronym id="ptu4h"><input id="ptu4h"></input></acronym></button>

<tbody id="ptu4h"></tbody>

    <dd id="ptu4h"><center id="ptu4h"></center></dd><dd id="ptu4h"></dd><dd id="ptu4h"><track id="ptu4h"><video id="ptu4h"></video></track></dd>
  • 16素材
    您現在的位置:首頁 > 教程中心 > Illustrator教程

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    小編:儀表盤的重要性在現在的智能時代已經不可或缺了,作為UI設計師學會畫儀表盤是非常有必要的。今天的教程傳授的都是基礎工具及技巧,且有快捷鍵提示,新手可以很方便地熟練起來,每個步驟詳細的寫明了具體操作,拿來練手非常棒。

    創建新文檔,添加一個簡單的背景

    Step 1

    Ctrl+N創建新文檔,單位項選擇像素。寬高600像素。點開高級選項,選擇RGB模式,分辨率72像素。使新建像素與網格對齊為未選擇狀態。確定。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    選擇矩形工具,設置前景色(34,32,44),在畫板上右擊彈出矩形設置框。寬高設置610px。

    接下來你需要將這個形狀居中對齊。打開對其面板(窗口>對齊),選擇對齊到畫板(如果找不到對齊到畫板選項,在對齊面板右上角點擊選擇顯示選項)然后垂直水平對齊。

    最后打開圖層面板,打開現存的圖層,雙擊,修改名稱為”bg”。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    創建車程計的主要框架

    Step 1

    選擇橢圓工具在畫板上單擊,打開橢圓窗口。創建直徑260px的橢圓。

    確保橢圓為選中狀態,打開漸變窗口,角度:90.右邊色值為(64,62,74),然后設置左側色值(123,160,117)設置此色值位置為15%。

    使用對其工具將此橢圓至于畫板中心。更改圖層名字為“mainBack”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    選中mainBakc圖層,打開外觀面板,選中可見文件,打開不透明度面板設置不透明度為50%

    回到外觀面板,確認文件還是選中狀態。效果>路徑>位移路徑。輸入10Px的位移值,確定。效果>模糊>高斯模糊。輸入15,確定。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    選擇“mainBack”,回到外觀文件,添加新填色,如圖修改新填色的漸變。設置透明度15%,效果>路徑>位移路徑,10px位移,確定。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    使用橢圓工具創建一個260px的圓,顏色為(34,32,44)。垂直水平居中,將圖層呢個更名為”mainFont”。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 5

    選中mainFont圖層,外觀面板選擇所有圖層,效果>風格化>內測光暈。輸入如下圖所示數值。點擊OK。效果>風格化>陰影。輸入如下圖所示數值。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 6

    選擇mainFont形狀,外觀面板中,選擇添加新填色。選擇此新填色,設置顏色為黑色,降低不透明度10%,混合模式改為正片疊底,效果>路徑>位移路徑,輸入-1px的位移。效果>藝術化>膠片顆粒,輸入下圖所示數值。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    制作細線指標

    Step 1

    視圖>顯示網格,對齊到網格(視圖>對齊到網格),作為一個初級者,你需要一個單位為5px的網格。編輯>首選項>參考線和網格,網格間距為5,則網格為1。

    鋼筆工具,創建兩個垂直的10px的路徑,如圖所示放置。對齊到網格會簡化你的工作。為這兩個路徑添加2pt的描邊。設置顏色(1,212,68)。選擇兩個路徑,Ctrl+G組合他們。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    選中這個組合,效果>扭曲與變形>變相。輸入如下圖所示參數。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    再次選擇這個組合,對象>擴展外觀,對象>路勁>描邊輪廓。確保最終結果組是選擇狀態,shift+Ctrl+G取消組合。使用選擇供選擇如下圖所示的11個組,刪除它們。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    選擇其中一組刻度線,選擇>相同>外觀,當所有刻度線都被選中,路徑查找器面板,點擊聯集。然后Ctrl+8(或者對象>復合路徑>簡化)將這些刻度線轉化成簡單的復合路勁。更名此圖層為”thinLines”.

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    創建寬刻度線

    Step 1

    使用鋼筆工具,創建兩個垂直線,15px的路徑,如圖所示放置。添加4pt的描邊,顏色(1,212,68),組合他們Ctrl+G.

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    選中剛才的組合,效果>扭曲變形>變形。輸入如下圖所示的數值。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    重新選擇這個組合。對象>擴展>外觀,對象>路徑>外描邊,然后Shift+Ctrl+G兩次撤銷組合。使用選擇工具,如圖所示選擇高亮的三個形狀,刪除它們。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    選擇剩下的十三個厚刻度,在路徑查找器面板點擊聯集,Ctrl+8.更名此圖層為“thickLines”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 5

    選擇“thickLines”復合路勁,在外觀面板中,添加新填色。選中新填色,填充顏色(0,255,0)

    效果>路徑>偏移路徑,輸入-1px。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    在刻度線上添加一些路徑

    Step 1

    影藏網格,撤銷對齊到網格選項。使用橢圓工具,畫一個225px大小的圓,垂直水平居中。外觀面板,填充色為無,添加5pt的描邊,顏色為(1,212,68).效果>路徑>偏移路徑,輸入值-2.5px.對象>擴展>外觀。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    選擇在上一步制作的描邊,對象>路徑>添加錨點。使用直接選取工具,選擇如下圖中標出的錨點,刪除它們。對象>路徑>輪廓描邊

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    選擇”thickLines”復合路徑,對象>路徑>偏移路徑,輸入2px偏移。將這個路徑置于最前(Shift+Ctrl+]).然后跟之前創建的路徑一起選擇,路徑查找器>減去前面。

    將結果形狀轉化為復合路徑(Ctrl+8),然后將其更名為”intervals”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    選擇“intervals”復合路徑,外觀面板>添加新填色,設置顏色(24,22,34)。效果>路徑>偏移路勁。輸入-2px.

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    添加文字

    Step 1

    文字工具,打上”km/h”使用“MoolBoran”字體,大小20pt

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    添加如圖所示的文字。大小18pt.組合所有文字。命名為”text”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    制作車程計表盤支撐點

    Step 1

    使用橢圓工具創建一個30px的圓。為他添加一個如下圖所示的漸變。處置水平居中。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 2

    編輯>首選項>常規,設置鍵盤增量單位為1px。選擇30像素的橢圓狀,對象>路徑>偏移路徑。添加-1px.復制一份置于前面(Ctrl+C>Ctrl+F)

    選擇新的副本,下移1像素,選擇副本和原始本,路徑查找器>減去前面。給新得到的路勁填充漸變如下圖所示的設置?;旌夏J綖槿峁?/p>

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    再次選擇30像素圓,復制兩份(Ctrl+C>Ctrl+F>Ctrl+F).選擇最上一層,下移1像素.選擇兩個副本,路徑查找器>減去前面,填充結果路徑為白色降低不透明度25%,混合模式柔光。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    選擇30像素圓,外觀面板,選擇填充層,效果>風格化>內發光,輸入如下圖所示的參數。再次添加陰影。參數如下。再一次添加陰影。然后第三次添加。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 5

    選擇30px的圓。外觀>添加新填色。添加如圖所示的漸變。效果>路徑>偏移路徑。輸入-10px的偏移量。確定。效果>風格化>陰影,輸入如下參數。然后再一次添加陰影。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 6

    選中30px的圓。外觀添加1像素的描邊。設置顏色黑色。外部描邊?;旌夏J綖槿峁?,不透明度10%。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 7

    選擇30像素的圓和在途中高亮出的路徑組成組(Ctrl+G)。在圖層面板更名為”support”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    創建指針

    Step 1

    恢復顯示網格,對齊到網格,編輯>首選項>參考線&網格,輸入每個網格1像素大小。

    使用矩形工具創建一個10*105像素大小的形狀。填充顏色(39,170,225),如圖所示放置。使用直接選取工具。選擇左邊錨點往右移動3像素,右邊的錨點同樣往左移動3px.

    使用橢圓工具創建一個4像素的圓,填色(39,170,225)。如下圖所示放置。選擇所有在這一步創建的路徑點擊路徑查找器上的聯集。更名為”needle”。

    Step 2

    將”needle”移到”support”下面去,確認選中藍色圖層。外觀,填充顏色為(249,41,27)

    接下來,給這個路徑添加新填充色,如圖所示的漸變。效果>路徑>偏移路徑。輸入-3px,確認。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 3

    選擇”needle”路徑使用旋轉工具。抓住如圖所示標出來的點,然后旋轉到如第二張圖所示。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    Step 4

    選擇”needle”層,如圖所示給他添加四層陰影。

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    添加精致的陰影

    Step 1

    使用橢圓工具創建一個260像素的圓,使用如圖所示漸變填充,降低透明度35%.

    垂直水平居中,將該圖層命名為”shading”

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

    重新著色

    Step 1

    選擇”thinLines”,”thickLines”和”intervals”復合路徑,填色(1,212,68)和(144,195,221)和(0,255,0)和(0,255,255)

    利用AI教你繪制一個逼真的儀表盤教程(圖文)

     

    關鍵詞: AI教程

    相關素材

    聯系客服 加入QQ群
    素材中国