當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI鼠繪教程,鼠繪一輛矢量紅色巴車

來源:design.tutsplus 作者:Jersey Xie 學(xué)習(xí):4543人次

今天我們一起來學(xué)習(xí)一下怎么用AI鼠繪矢量風(fēng)格的巴士,效果十分漂亮,教程步驟也很詳細(xì),適合新老朋友學(xué)習(xí)練習(xí)。

先來看看最終效果:

m.tgudhdp.cn_052932C94-51.jpg
1. 創(chuàng)建一個(gè)新文檔并設(shè)置網(wǎng)格

點(diǎn)擊 Control-N創(chuàng)建一個(gè)新文檔。 從單位的下拉菜單中選擇像素,在寬度框中輸入600,在高度框中輸入440,然后點(diǎn)擊高級按鈕。 選擇RGB,屏幕(72ppi)并確保在點(diǎn)擊確定之前使新建對象與像素網(wǎng)格對齊框未被勾上。

啟用網(wǎng)格(視圖>顯示網(wǎng)格)并對齊網(wǎng)格(視圖>對齊網(wǎng)格)。 首先,你需要每一格為5px,所以只需要轉(zhuǎn)到編輯>首選項(xiàng)>參考>網(wǎng)格,在參考線間隔框中輸入5,在細(xì)分框中輸入1。 盡量不要試圖將所有網(wǎng)格阻礙——它將使你的工作變得更容易,并記住利用Control-"快捷鍵,這樣你將會(huì)很容易啟用或停用網(wǎng)格。

你也應(yīng)該打開信息面板(窗口>信息)得到你圖形的實(shí)時(shí)位置和大小。 不要忘了從編輯>首選項(xiàng)>單位>常規(guī)中設(shè)置單位量為像素。 這些全部的選項(xiàng)將增加你的工作速度。

m.tgudhdp.cn_052932C93-0.jpg
2.創(chuàng)建主要形狀

第1步

選擇矩形工具(M)并注意到你的工具欄上。 移除描邊的顏色,然后選擇填充并設(shè)置它的顏色為R=231 G=40 B=32。 移動(dòng)到你的畫板上并創(chuàng)建一個(gè) 370 x 175 px的矩形——啟用網(wǎng)格并對齊網(wǎng)格會(huì)使你的工作變得更容易。

回到你的工具欄上并用任意顏色替換現(xiàn)存的顏色。 確保你的矩形工具(M)一直是活動(dòng)的,創(chuàng)建一個(gè)15 x 35 px的形狀并將其準(zhǔn)確的放置在如第二張圖所示的位置。 選擇這一步的形狀,打開路徑查找器面板(窗口>路徑查找器)并點(diǎn)擊減去頂層按鈕。

著重于左邊生成的形狀,轉(zhuǎn)換到添加錨點(diǎn)工具(+)并如第三張圖所示添加一個(gè)新錨點(diǎn)。 再次啟用網(wǎng)格并對齊網(wǎng)格的特點(diǎn)將派上用場。

m.tgudhdp.cn_0529324U6-1.jpg

第二步

保持關(guān)注到你的形狀的左邊并選取直接選擇工具(A)。 首先,選擇頂部的錨點(diǎn)并將其向右拉動(dòng)15px,然后選擇其他高亮的錨點(diǎn)如下圖所示向下拉動(dòng)5px。 最終應(yīng)該看起來像第二張圖一樣。

m.tgudhdp.cn_0529324a0-2.jpg

第3步

使用矩形工具(M),創(chuàng)建一個(gè)5 x 95 px的形狀并將其準(zhǔn)確放置到如第一張圖所示的位置。 選擇紅色形狀旁邊的新矩形并從路徑查找器面板中點(diǎn)擊減去頂層按鈕。

m.tgudhdp.cn_05293231G-3.jpg

第4步

把目光投到你的紅色形狀并選取直接選擇工具(A)。 逐個(gè)選擇下面圖中被高亮的錨點(diǎn),移動(dòng)到頂欄,聚焦到圓角框并輸入下面圖所示的值。

這個(gè)特點(diǎn)僅可用于CC用戶,最好的解決替換這個(gè)效果的方法是圓化任意角的腳本(AI圓角工具,RoundAnyCorner), 將其保存到你的硬盤上,回到Illustrator并抓取直接選擇工具(A)。 再次逐個(gè)選擇下圖所示的高亮的錨點(diǎn),并轉(zhuǎn)到文件>腳本>其他腳本。 打開圓化任意角腳本,輸入如下圖所示的圓角框中的值,然后點(diǎn)擊確定。 尾部的結(jié)果可能在一些情況中看起來不同,這意味這你可以增加/減少圓角框中所提到的值。 你的紅色圖形的尾部應(yīng)該看起來像第二張圖一樣。

m.tgudhdp.cn_0529322007-4.jpg

第5步

利用矩形工具(M),創(chuàng)建2個(gè)55 x 65 px的形狀,選擇任意藍(lán)色作為填充色,然后將這些新形狀放置在如第一張圖所示的位置。 選擇2個(gè)矩形并轉(zhuǎn)到效果>風(fēng)格化>圓角。 輸入27px半徑,點(diǎn)擊確定按鈕,然后轉(zhuǎn)到對象>擴(kuò)展外觀。 確保生成的形狀被選中并使用Control-8快捷鍵(或轉(zhuǎn)到對象>復(fù)合路徑>建立)將它們轉(zhuǎn)化成一個(gè)簡單的復(fù)合路徑。 選擇它以及你的紅色圖形并從路徑查找器面板中點(diǎn)擊減去頂層按鈕。

m.tgudhdp.cn_052932FB-5.jpg

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
拉不拉2019-02-21 11:32
小路快跑2018-05-21 08:20
好好看啊
大斗2018-02-03 02:09
入門視頻
深愛不愛2017-06-22 10:12
回復(fù)一下
友情客串2017-06-22 10:00
好棒的教程
天沒年2017-06-22 08:17
好東西啊啊啊啊啊
寂寞花開旳時(shí)節(jié)2017-06-22 12:53
努力學(xué)習(xí)
回首那世間繁華2017-06-21 06:16
好教程
回首那世間繁華2017-06-21 06:16
好教程
挨踢的蝸牛2017-06-21 06:13
好東西
挨踢的蝸牛2017-06-21 06:13
好東西
孤蓬一葉2017-06-21 12:09
收益
孤蓬一葉2017-06-21 12:09
收益

關(guān)注大神微博加入>>

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