AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

使用AI最愉快的環(huán)節(jié)就是將用鉛筆繪制的草圖轉(zhuǎn)換為插圖了!但是這個(gè)過程可不見得就那么簡(jiǎn)單,這里提供一點(diǎn)點(diǎn)小技巧,客官笑納:)

一些簡(jiǎn)單實(shí)用的小教程:
《PS新手教程:變換角度!讓你的設(shè)計(jì)稿更上檔次》
《后期之王!教你輕松掌握PS曲線工具(附大神實(shí)操曲線圖)》

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

本教程案例我們就使用如上圖所示的斯巴達(dá)式頭盔吧!

 

一、跟蹤草圖

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

打開AI,新建文件,F(xiàn)ile > Place找到草圖,把草圖放到畫布上。降低草圖的不透明度到20%左右,然后使用快捷鍵CMD/CTRL+2給它上鎖避免意外選到它。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

我們將盡力通過幾何形狀來跟蹤草圖。很明顯頭盔的的中部可以用一個(gè)圓形來定局,不過我們不需要整個(gè)圓形,所以使用裁剪工具來處理掉多余的部分。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

復(fù)制(CMD+C/CTRL+L)并粘貼之,CMD/CTRL+F重復(fù)剛才的步驟,然后按下ALT稍微把形狀調(diào)大一點(diǎn),左移到如上圖所示位置,繼續(xù)使用裁剪工具修飾該形狀使之匹配草圖。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

是時(shí)候使用鋼筆工具了。選中其中一個(gè)形狀的端點(diǎn),沿著草圖路徑繪制你的鋼筆路徑。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

為了不使貝塞爾曲線干擾路徑的繪制,繪制過程中可以按下ALT點(diǎn)擊錨點(diǎn)來刪掉它,方便后續(xù)路徑的繪制。這樣子就可以繪制任意的直線或者曲線了。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

繼續(xù)跟蹤草圖繪制路徑。有些路徑最終會(huì)形成完整的形狀,而一些終點(diǎn)只需要做到與草圖路徑重疊就OK了。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

按下CMD/CTRL + Alt + 2解鎖草圖并移到一邊,現(xiàn)在單獨(dú)來看看你自己用鋼筆繪制出來的圖像,它看起來清晰多了有木有!(雖然有點(diǎn)無聊)

 

二、創(chuàng)造自然的線條

如果插圖已經(jīng)綁定了默認(rèn)筆刷的話,使數(shù)字插圖看起來自然的關(guān)鍵是模擬線路權(quán)重的微小差異。方法有很多,下面是我最喜歡的:

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

選中所有路徑,加大描邊強(qiáng)度。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

Object > Expand選中描邊選項(xiàng)點(diǎn)擊OK。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

接下來使用直接選擇工具(Direct Selection tool)從細(xì)微處調(diào)整一些關(guān)鍵地方的厚度。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

確保每個(gè)邊邊角角都有一個(gè)節(jié)點(diǎn)在那里以使后續(xù)路徑的繪制暢通。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

就這么簡(jiǎn)單而愉快地完成了一幅草圖跟蹤稿。

 

三、上色

上色的方法也有很多。直接使用油漆桶工具上色是一個(gè)不錯(cuò)的選擇。但是接下來的這個(gè)方法更具靈活性:

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

在路徑圖層的下面新建圖層,然后鎖住路徑圖層以避免路徑被不小心選到。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

在顏色面板中選取一個(gè)你想用的顏色,然后使用鋼筆工具繪制需要上色的區(qū)域。確保路徑在黑色區(qū)域之內(nèi)。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

同樣的步驟(只不過換個(gè)顏色)繼續(xù)填充其他需要上色的部分。

 

四、淡化插圖,創(chuàng)造真實(shí)感

簡(jiǎn)單的陰影可以給插圖帶來一點(diǎn)真實(shí)性。哪怕你已經(jīng)忘記了美術(shù)課上那些關(guān)于陰影的各種理論,但在作品中稍微添加一些高光和陰影是可以升華你的藝術(shù)品的!

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

首先從高光開始。選擇白色,使用鋼筆工具繪制需要填充高光的區(qū)域,有些區(qū)域需要使用曲線來完美展現(xiàn)藝術(shù)性。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

改變混合模式為柔光(Soft Light)使其巧妙地照亮底層的顏色。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

高光完成后自然就是陰影了。顏色改為黑色繪制陰影區(qū)域。之后改變混合模式為40%的顏色加深(Color Burn)。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

這個(gè)技巧的偉大之處就是可以通過層層疊加來自然而有效地鏈接上下圖層的顏色關(guān)系。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

還是重復(fù)上面的步驟,這個(gè)頭盔就這么愉快地完成了。頭盔頂部的各種形狀也是通過鋼筆工具和顏色的結(jié)合實(shí)現(xiàn)的。

 

五、最終作品

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

以上就是本文的小技巧。比較適合素描入門級(jí)電腦上色。一定要留意線條的粗細(xì)變化和陰影哦!這些是使插圖看起來有生氣的關(guān)鍵所在。

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖

這是切換到ps里面添加紋理后的效果,你們感受下!

 

原文地址:blog.spoongraphics
優(yōu)設(shè)網(wǎng)翻譯:@寫說說

本文由優(yōu)設(shè)網(wǎng)uisdc.com原創(chuàng)翻譯,轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處,謝謝各位小編。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè):網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博:擁有粉絲量65萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

AI教程:教你把紙上草圖轉(zhuǎn)換成插圖
 

收藏 8
點(diǎn)贊 4

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。