當前位置:
首頁 > 設計 > AI教程/繪製體重秤

AI教程/繪製體重秤

圖/文 Yulia Sokolova

註:此教程為英翻教程,軟體操作不嫻熟的小夥伴兒,謹慎嘗試哦。翻譯不足之處,自行腦補哦。

步驟1

讓我們從80 x 85 px的矩形開始縮放比例,從頂部淺灰色到底部深灰色填充徑向漸變。

步驟2

讓我們縮小形狀的底部。採取直接選擇工具(A)並選擇左下方的錨點。按下Enter鍵以打開「移動?選項」窗口,並將「水平」?值設置為5 px(「垂直」值應設置為0 px)。

對右下錨點重複相同的操作,但是這次將「水平」?值設置為-5 px,將點向左移動。

使用「活動角」功能可使角稍微變圓(使用直接選擇工具(A)拉動圓形標記),或出於相同目的使用「效果」>「樣式化」>「圓角」。

步驟3

現在,讓我們將機械刻度盤添加到秤中。在矩形頂部製作一個20 x 20像素的圓圈,並用從中間的白色到邊緣的灰色的徑向漸變填充。

步驟4

讓我們向錶盤添加一個平衡指針。在錶盤表面的中心製作一個小的藍色圓圈,然後使用多邊形工具製作一個狹窄的紅色三角形。使用「活動角」功能可使三角形更平滑,並將其縮小到3 x 13像素。

將三角形放到前面(Shift-Ctrl-]),?將其放在錶盤的頂部。

步驟5

採取線段工具(\)(或鋼筆工具(P)),並在頂部為刻度的漸變線作短的黑色筆劃。在底部添加另一行,將它們分組(按Ctrl-G),然後將它們水平對齊?到刻度盤的底部。

雙擊旋轉工具(R)並將角度?值設置為90度。單擊複製以創建另外兩行。

步驟6

複製第一對線(垂直線),並通過降低頂部控制面板(或「描邊」面板)中的「描邊權重」來使副本變薄。

現在,保持選中薄副本,再次打開「旋轉選項」窗口,並將「角度」值設置為360/60。Adobe Illustrator將為您計算所需的度數,因此只需單擊「確定」並按住Ctrl-D即可獲取所需數量的副本。

步驟7

現在,錶盤已近尾聲,讓我們複製圓錶盤基地,把?它所有的方式來陣線(按住Shift鍵控制- ])。使用鉛筆工具(N)在圓上繪製波浪線,然後在「路徑查找器」中劃分形狀。刪除下半部分。用從淺灰色到黑色的線性漸變填充上半部分,然後切換到「乘法」?模式。使其更小,形成光澤的高光。

您可以使錶盤邊緣更暗一些,使其更立體。

步驟8

現在,讓我們移至秤並對其進行整形。選擇我們製作的矩形,然後轉到「對象」>「路徑」>「偏移路徑」。將「偏移」值設置為-3 px,在底座頂部創建一個較小的形狀。

步驟9

用從淺藍色到深藍色的線性漸變填充創建的形狀。

複製錶盤的圓圈底部,使副本變大,擴大錶盤周圍的圓圈。使用矩形工具(M)創建一條細條紋,將其放置在藍色形狀的中心。

最後,選擇這兩個大圓圈,條紋和團結在他們探路者,把它們合併成一個單一的棒棒糖形輪廓。

步驟10

讓我們把它剪掉。選擇棒棒糖形狀和藍色形狀,然後使用探路者的?減負功能??將藍色形狀切成兩個相等的部分。按Ctrl-8將片段變成一條複合路徑。使用「活動角」功能可使形狀變圓和光滑。

步驟11

讓我們使秤 的表面更具紋理感。複製藍色形狀,然後轉到「色板」面板。在「色板庫」菜單中,轉到「圖案」>「基本圖形」>「基本圖形_圖案」,然後找到帶有襯砌的圖案USGS 8污水處理。

步驟12

在「色板」面板中雙擊選定的圖案,現在就可以對其進行編輯!用明亮的藍色填充筆劃,然後在「平鋪」方塊之外的任何地方雙擊以退出「隔離」模式。將混合模式設置為正片疊底並使用「不透明度」?值進行播放,以使圖案合適並看起來栩栩如生。

步驟13

讓我們添加更多細節,使比例尺具有三維光澤度!

選擇藍色形狀,然後轉到「對象」>「路徑」>「偏移路徑」。應用?0.5 px的Offset,在藍色形狀周圍創建一個細輪廓,並用較深的漸變填充它,使其看起來像一個邊緣。

設置另一個「偏移路徑」,但這一次將「偏移」值設置為-2 px,從而在內部創建一個較小的形狀。用從深藍色到黑色的深色線性漸變填充它。切換到屏幕?模式,將形狀變成光澤的高光。

步驟14

使用矩形工具(M)製作三個條紋,然後按Ctrl-8將其變成複合路徑。用從深藍色到黑色的線性漸變填充條紋,然後切換到「屏幕」模式。

將條紋旋轉 45度,然後將它們放在體重秤上,在光滑的表面上突出顯示。使用探路者的減負功能?剪切高光,使其適合藍色形狀。

步驟15

最後,讓我們也使體重秤的銀色底座更真實。複製?基礎和粘貼到背面兩次(Ctrl-C> Ctrl-B> Ctrl-B),使下部的副本更大,更暗。選擇兩個副本,然後轉到「對象」>「混合」>「製作」。如果混合的形狀不夠平滑,請轉到「對象」>「混合」>「混合選項」,?然後將「間距」設置為「平滑顏色」。

選擇第三個形狀(在頂部),然後用從白色到黑色的線性漸變填充它,然後切換到「屏幕」模式,以使該形狀生動明亮。

步驟16

加個自己喜歡的背景就完成啦!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

色彩搭配束手束腳?按邏輯關係來