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

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

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

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

先來看看最終效果:

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

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

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

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

www.theoat.com.cn_052932C93-0.jpg
2.創(chuàng)建主要形狀

第1步

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

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

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

www.theoat.com.cn_0529324U6-1.jpg

第二步

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

www.theoat.com.cn_0529324a0-2.jpg

第3步

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

www.theoat.com.cn_05293231G-3.jpg

第4步

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

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

www.theoat.com.cn_0529322007-4.jpg

第5步

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

www.theoat.com.cn_052932FB-5.jpg

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(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
好東西啊啊啊啊啊
寂寞花開旳時節(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)友求助,請回答!