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

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

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

1. 車(chē)輪兒

STEP 1:

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

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

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

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

AI鼠繪教程,鼠繪卡通風(fēng)格的自行車(chē)_m.tgudhdp.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)格的自行車(chē)_m.tgudhdp.cn

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我的方法如下:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

為了整個(gè)畫(huà)面有更好的效果,可以加個(gè)淡米黃色的背景,再加一些陰影在輪子和車(chē)的周?chē)?/p>

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

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

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

最終成果如下:

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

Great job!

希望大家喜歡這次分享。

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

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

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。

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

  • 打開(kāi)ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    易水寒0803 說(shuō): 打卡
    泥嘴滴 說(shuō): 學(xué)習(xí)了
    默兒惜 說(shuō): 操你媽
    Gala 說(shuō): 謝謝樓主分享
    憋著氣呼吸 說(shuō): haio,給長(zhǎng)力,很好
    優(yōu)雅地苦笑 說(shuō): 謝謝分享
    盛夏光年 說(shuō): 很有用 支持樓主  謝謝了

網(wǎng)站地圖

ps基礎(chǔ)教程 新手教程 技巧教程 工具教程 通道教程 其它教程 設(shè)計(jì)知識(shí) 設(shè)計(jì)趣事
ps美化教程 磨皮教程 人像精修 美白教程 化妝美容 上色教程
ps調(diào)色教程 人物調(diào)色 風(fēng)景調(diào)色 影樓調(diào)色 調(diào)色效果 Lightroom教程
ps照片處理 效果教程 轉(zhuǎn)手繪 藝術(shù)畫(huà)效 元素效果 懷舊風(fēng)格
ps修復(fù)教程 雜質(zhì)曝光 校正偏色 舊照翻新 ps去水印 清除網(wǎng)紋 模糊銳化
ps摳圖教程 ps換背景 通道摳圖 濾鏡摳圖 其它摳圖 摳透明物 摳頭發(fā)
ps合成教程 照片合成 換臉教程 惡搞圖片 明星合成
ps簽名教程 動(dòng)漫簽 真人簽 風(fēng)景簽 古典簽 頹廢簽 歐美簽 日韓簽 音畫(huà)教程
ps文字教程 普通字效 3D立體字 火焰字 冰雪字 金屬字 可愛(ài)字
ps制作實(shí)例 制作實(shí)例 背景壁紙 海報(bào)設(shè)計(jì) 賀卡設(shè)計(jì) 廣告包裝
ps繪畫(huà)教程 鼠繪教程 手繪教程 五官繪畫(huà) 插畫(huà)教程 數(shù)位板繪畫(huà)教程
ps網(wǎng)頁(yè)設(shè)計(jì) logo教程 按鈕圖標(biāo) 網(wǎng)頁(yè)圖片 UI設(shè)計(jì)教程 網(wǎng)頁(yè)模板 淘寶美工
ps濾鏡特效 濾鏡做圖 濾鏡使用 邊框教程 動(dòng)畫(huà)閃字 動(dòng)畫(huà)教程 閃圖閃字
ps教程版本 cc2015 cc教程 cs6教程 cs5教程