企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年06月04日 信息來源:互聯網

AI教程!教你繪制一輛扁平卡通風格自行車

夏天是騎自行車的好季節(雖然夏季已經過去了,但是騎車總是能鍛煉增強身體健康啦),今天跟著譯者@大俠阿蒼試著在AI里繪制一輛扁平卡通風格的自行車吧。歡迎各位童鞋在文末提交作業,不懂的可以問她或者直接底部留言,小編看到會及時回復解答的,大家相互學習成長啦。

1.車輪兒

STEP?1:我們先從自行車的基本部件開始:車輪兒。首先用橢圓工具(L)畫一個150px*150px的圓,填充色選無,描邊顏色是深紫羅蘭色,粗細是8pt。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?2:通過對象-擴展-描邊,把圓形轉成曲線,我們就有了一個環形的路徑。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

下面的步驟是為了給輪子加點陰影,這樣就顯得比較立體。復制這個圓環并“貼在上面”兩次(Control-C?>?Control-F?>?Control-F)。選擇最上層的圓環,用方向鍵向右平移,我移動了4px。(可以把這個圓環轉換成描邊填充,這樣比較容易看到平移的效果)。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

選擇剛才我們移動的圖層以及它下面的圖層,選擇路徑查找器-減去頂層,這樣我們就剩下了兩片月牙的形狀了,調整混合模式為正片疊底,并調整顏色,色值為H-320.8,S-24.02,B-80,從而得到淡淡的陰影。

之后的其他步驟中也會用到這種方法。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?3:復制這兩個圖層(即月牙形路徑和原始的圓環路徑),并“貼在后面”(Control-C?>?Control-B),縮小這兩個剛剛復制的路徑(我縮小到直徑145px)。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

然后調整這兩個路徑的顏色為米黃色,色值H:39.13,S:19.83,B:90.98。輪圈就做好了。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?4:接下來是加上輻條。使用直線工具(),按住Shift鍵,畫一條垂直的線,描邊3pt,顏色使用剛才的數值。需要注意的是,這條線段要相對之前的路徑居中對齊。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

接下來,選中這條線段,雙擊工具面板上的旋轉工具,在彈出的面板里進行如下圖的參數設置,并點擊復制,這樣就有了兩條相交的線段了。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

然后就是做更多的輻條。選中這兩條相交的線段,再次雙擊旋轉工具,按照下圖設置,點擊復制。在這里,360/20的意思是把360°分成20份,AI會自動計算合適的角度。重復這個操作幾次,就得到下圖。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?5:接下來是擋泥板。畫一個和車輪一樣大的黑色的圓,置于頂層,蓋住輪子。改填充模式為描邊(Shift-X),8pt,具體設置如下圖。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

點擊剪刀工具(C),在這個圓圈的左右兩個錨點上各點一下,這樣就把一個圓分為兩半了,刪掉下面那半。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?6:①選中這半個圓,選擇對象-擴展,填充一個比較粉嫩的顏色,我填的是#ef77a0;②+③然后通過之前做車輪陰影一樣的步驟,給擋泥板也加上點陰影。④畫一個25px*25px的圓,放在車輪中心的位置。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

2.給我們的自行車加上其他部件兒

STEP?1:這步是加后軸。用矩形工具(M)畫一個長方形,填個鮮亮的寶石綠色,#6ad6b6。然后用直接選擇工具(A)選中矩形右上角的錨點,垂直上移一點,右下角的錨點下移。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

選中這個矩形,選擇效果-風格化-圓角,選擇適當的半徑,達到如下的效果。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?2:選中粉色的圓,復制并移動到矩形的右側,稍稍放大。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

接下來的步驟需要實現如下圖的效果。在這需要說明一下,原教程作者用的應該是最新版AI,我的版本里沒有那個先進的功能,所以實在是沒看懂他說的啥,就只要用自己的笨方法實現了類似的效果。我的步驟是復制右側的圓,放大到與下面的矩形相交,通過路徑查找器-分割,然后刪掉多余的圓角部分。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

我的方法如下:

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

然后復制一個圓,貼在上面,我的色值是#ff8ab4。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?3:用直線或鋼筆工具畫一個斜線段,描邊5pt,色值#875474。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

再用矩形工具或者圓角矩形工具,加一個踏板。這里原作者給后軸和踏板加上了陰影,但是沒有過程,大家可以參考做輪子時的步驟。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?4:畫一個斜線段,描邊10pt,作為車座的支架。添加另一個較細的線段,與這個較粗的線段形成三角形。然后用圓角矩形工具在上方加上車座。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

Ai教程 AI教程實例 Ai圖文教程 AI設計教程

STEP?5:選擇整個車輪,復制并平移到右邊,前輪就出現了。

Ai教程 AI教程實例 Ai圖文教程 AI設計教程


(編輯:小酷)

 


上一篇:看看別人家APP產品網站設計上!給個大贊
下一篇:PS字體教程!在PHOTOSHOP中制作非常棒的金屬質感文字
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部