首頁>軟件教程>AI教程>    教程內(nèi)容

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車

這篇教程初看覺得挺簡單(都是圖形嘛),做起來發(fā)現(xiàn)沒那么簡單(各種細節(jié)),做完了回想起來也沒那么難(就還是圖形嘛),但是學(xué)到了很多,也鍛煉了基本工具的操作。感覺還是挺好噠。

夏天是騎自行車的好季節(jié),今天我們來試著在AI里畫一輛卡通風(fēng)格的自行車吧。

1. 車輪兒

STEP 1:

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

選中這個矩形,選擇效果-風(fēng)格化-圓角,選擇適當(dāng)?shù)陌霃,達到如下的效果。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 2:選中粉色的圓,復(fù)制并移動到矩形的右側(cè),稍稍放大。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

我的方法如下:

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 5:選擇整個車輪,復(fù)制并平移到右邊,前輪就出現(xiàn)了。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

然后我們把前輪擋泥板的角度調(diào)一下。選擇旋轉(zhuǎn)工具(R),按住Alt的同時點擊車輪的中心點,在彈出的面板里按下圖調(diào)節(jié),點確定。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

復(fù)制支撐車座的斜線段,并平移到前輪的位置。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 6:接下來就是把手了。先用鋼筆工具(P)畫一個折線,然后選中轉(zhuǎn)角的錨點,將它轉(zhuǎn)為平滑。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

然后復(fù)制把手,貼在上面,填充為粉色,只留下一小段把手部分,其他的刪掉。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 7:增加兩個橫梁。用鋼筆工具給上面的線段加點弧度。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 8:接著就是加點細節(jié)的時間。選擇后軸,點擊對象-路徑-偏移路徑,進行如圖所示的設(shè)置,這樣就得到一個新的路徑。把這個新的路徑調(diào)的深一點,還可以根據(jù)自己的喜好添加其他的元素。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

為了整個畫面有更好的效果,可以加個淡米黃色的背景,再加一些陰影在輪子和車的周圍。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

STEP 9:最后,我們可以加點云朵。用橢圓工具(L)畫幾個圓,相互重疊,然后使用橡皮擦工具(E),去掉下方多余的部分,就大功告成啦。

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

最終成果如下:

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車_m.tgudhdp.cn

Great job!

希望大家喜歡這次分享。

里面的圖形、配色神馬的,大家都可以根據(jù)喜好隨便調(diào)哦。

找個天氣好的日子,關(guān)掉電腦,去騎騎車、吹吹風(fēng)吧!

學(xué)習(xí) · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以關(guān)注我們小程序,每天都有新教程:點我用微信掃一下
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

最新評論
游客

點贊

18-11-38 10:31回復(fù)
331534***@

很不錯

18-11-01 09:57回復(fù)
態(tài)度決定一切

學(xué)習(xí)了

18-03-39 12:25回復(fù)
盛夏光年

很有用 支持樓主  謝謝了

17-06-43 07:57回復(fù)
優(yōu)雅地苦笑

謝謝分享

17-06-30 05:14回復(fù)
憋著氣呼吸

haio,給長力,很好

17-06-11 03:45回復(fù)
Gala

謝謝樓主分享

17-06-28 01:30回復(fù)
默兒惜

操你媽

17-06-53 05:40回復(fù)
泥嘴滴

學(xué)習(xí)了

17-06-09 05:02回復(fù)
易水寒0803

打卡

17-06-03 10:50回復(fù)

  網(wǎng)友求助,請回答!