ai-cartoon-style-bicycle-1

@大俠阿蒼?:這篇教程初看覺得挺簡單(都是圖形嘛),做起來發現沒那么簡單(各種細節),做完了回想起來也沒那么難(就還是圖形嘛),但是學到了很多,也鍛煉了基本工具的操作。感覺還是挺好噠。

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

1. 車輪兒

STEP?1:

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

2dc20150907

1dc20150907

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

4dc20150907

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

5dc20150907

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

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

3dc20150907

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

7dc20150907

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

6dc20150907

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

8dc20150907

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

9dc20150907

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

10dc20150907

12dc20150907

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

11dc20150907

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

13dc20150907

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

14dc20150907

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

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

15dc20150907

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

16dc20150907

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

18dc20150907

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

17dc20150907

我的方法如下:

19dc20150907

21dc20150907

20dc20150907

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

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

23dc20150907

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

24dc20150907

26dc20150907

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

25dc20150907

27dc20150907

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

29dc20150907

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

28dc20150907

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

30dc20150907

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

31dc20150907

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

32dc20150907

34dc20150907

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

33dc20150907

36dc20150907

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

35dc20150907

37dc20150907

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

38dc20150907

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

39dc20150907

最終成果如下:

40dc20150907

Great job!

希望大家喜歡這次分享。

里面的圖形、配色神馬的,大家都可以根據喜好隨便調哦。

找個天氣好的日子,關掉電腦,去騎騎車、吹吹風吧!

【優設八月PS人像教程合集】

廣告最愛的牛奶潑濺效果人像!
《PS新手教程!手把手教你打造廣告級的牛奶噴濺美女人像效果》

超酷炫的文字人像效果!
《PS教程!手把手教你繪制酷炫的文字人像效果》

手繪人像效果!
《PS人氣教程!手把手教你將照片做成手繪作品(附方法大全)》

譯者:@大俠阿蒼

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量100萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏