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

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

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

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

1. 車輪兒

STEP 1:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我的方法如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

STEP 7:增加兩個(gè)橫梁。用鋼筆工具給上面的線段加點(diǎn)弧度。

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

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

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

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

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

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

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

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

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

最終成果如下:

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

Great job!

希望大家喜歡這次分享。

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

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

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

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

最新評(píng)論
游客

點(diǎn)贊

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

很不錯(cuò)

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,給長(zhǎng)力,很好

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)友求助,請(qǐng)回答!