編者按:多邊形效果依然是熱門趨勢,想盡快上手,多練教程才是王道。今天@飛屋睿UIdesign?教同學(xué)們用AI打造3D多邊形紙藝效果的雪糕,附上多邊形系列教程合集,來收 >>>
多邊形教程:
- 字體篇:《這效果超火!教你創(chuàng)建高大上的多邊形字體》
- 頭像篇:《熱門教程!教你利用PS和AI制作low poly頭像》
- 背景篇:《AI新手教程!教你簡單快速地將圖片變成多邊形背景》
- 資源篇:《大福利!350M高分辨率低多邊形背景圖打包下載!》
風(fēng)靡全球的低多邊形風(fēng)格讓我們耳目一新,而平面上不斷發(fā)揮創(chuàng)意的同時,嘗試一下3D效果又有何不可?談到3D,大家肯定第一時間會想到專業(yè)3D建模的軟件,而往往普羅大眾的硬件還沒有跟上3D的步伐,根據(jù)平面設(shè)計的經(jīng)驗,3D好像也離我們有一段距離。所以,復(fù)雜的3D我們不能涉足,但至少我們學(xué)過立體素描,知道陰影和高光的關(guān)系,這就夠了。這個教程就是學(xué)習(xí)用AI打造3D多邊形紙藝效果的雪糕。
這個教程中我們將要學(xué)習(xí)到的知識點是:
- 斑點畫筆工具的運(yùn)用
- 多邊形構(gòu)造
- 紋理的運(yùn)用
- 漸變填色
一、手繪建模
所謂手繪建模,其實只是個為了提升自己逼格的說法。根本上說,也就是好像畫素描一樣,勾畫輪廓,確定陰影和高光。
打開AI軟件,新建一個文檔,文檔大小800px*800px。先利用斑點畫筆工具,用手繪板繪制底稿。底稿的作用只是一個基礎(chǔ)造型,最終并不參與到畫面中,因此,你可以先新建一個圖層,將手繪的部分獨(dú)立出來,這樣等到不用時再關(guān)閉該圖層。
可能很多人會問為什么這里要用斑點畫筆工具,而不是畫筆工具。當(dāng)你用鼠標(biāo)左鍵雙擊斑點畫筆工具圖標(biāo),就會彈出斑點畫筆的工具選項。在面板中,你可以對畫筆的壓力進(jìn)行相應(yīng)的設(shè)置。除此而外,斑點畫筆工具畫出的線條是一個封閉的填充型的路徑,而如果你是用其他畫筆工具,想要成為一個填充型的路徑,還需要擴(kuò)展外觀這一步。
在畫布上勾勒出雪糕的輪廓線,由于我們所做的是多邊形紙藝效果的雪糕,我將全部采用的是黑色1pt直線條來繪制。
二、鋼筆繪制多邊形
按照你所勾勒的邊線部分畫上多邊形,多邊形務(wù)必要保持為一個封閉路徑,這是為接下來的填色作準(zhǔn)備的。新建一個圖層,將多邊形的圖層與上一步所畫的手繪草稿區(qū)分開來,并鎖定手繪的圖層。
在我曾經(jīng)寫過的文章《教你簡單快速地將圖片變成多邊形背景》和《手把手教你繪制大膽突出的波普風(fēng)格人像》都有類似的畫法的解說,大家有時間可以看看。
首先,確保已經(jīng)打開了智能參考線,如果沒有,可以使用快捷鍵Ctrl+U打開。填色選擇白色,描邊為黑色1pt。然后使用鋼筆工具,比照剛剛手繪的輪廓線開始繪制。如果你覺得這樣重疊在一起視覺上比較容易混淆的話,可以解鎖手繪圖層,選中手繪圖案,再進(jìn)入到外觀面板中更改填充色,將填充色變?yōu)榱硪环N容易區(qū)別的顏色。
智能參考線可以幫助你自動對齊每個路徑的交叉和錨點。
如果對自己的造型還不太滿意,你可以用直接選擇工具對某個錨點進(jìn)行單個的移動和調(diào)整,但要保持整個畫面是“無縫”狀態(tài)。
三、填色-蛋卷部分
在我們畫素描的時候,最能表現(xiàn)立體感的就是高光和陰影了。這里也不例外。但如果只是黑白陰影過渡畢竟也太平淡。所以,我們可以先選擇一組簡單的配色,在色板上慢慢調(diào)試。
我在這里選擇兩種最主要的顏色,一個是雪糕的蛋卷部分和雪糕的部分。主色就這兩種顏色,其他的高光陰影色可以根據(jù)這兩種顏色的基礎(chǔ)上調(diào)試。下圖是是我的配色,我決定要畫的是抹茶口味的雪糕,當(dāng)然你也可以畫草莓味或巧克力口味的雪糕。
在填色之前,我先將光源定于右上角的位置。然后再用肉粉色對蛋卷的部分進(jìn)行漸變填充。填色的時候記得要關(guān)閉黑色的描邊。漸變的方向根據(jù)光源進(jìn)行變化,你得需要腦補(bǔ)現(xiàn)實中存在這樣一個紙藝造型所呈現(xiàn)的明暗變化。
采用肉粉色填充漸變的部分,大家可以利用漸變工具調(diào)整好合適的線性漸變的方向。選擇合適的顏色進(jìn)行漸變。
四、紋理
由于蛋卷部分看上去比較單調(diào),我們可以為其增加一些紋理。例如我在這里就為它增加格子紋理。格子的紋理可以自己制作。首先,采用直線條工具畫上一根1pt的白色線條,再復(fù)制一根與其平行,然后利用ctrl+D快捷鍵重復(fù)上一步的操作,這樣就畫出了橫向平行的線條,利用同樣的方式在縱向也畫出同樣的平行線條,這樣就做好了白色的格子。
將格子編組后,把格子紋理稍微旋轉(zhuǎn),使其視覺上合理化。由于要使用兩次,因此,格子可以復(fù)制一份放于畫布外留著備用。
記住這里一定是按照形狀放在上方紋理放置下方的疊放次序,因為我們要建立剪切蒙版。還記得剪切蒙版嗎?在我的文章《手把手教你繪制素樸的山谷小溪矢量圖》
將要準(zhǔn)備使用紋理的形狀復(fù)制一份,放置于最上方,同時選中復(fù)制的形狀和位于其下方的紋理,進(jìn)入【對象>剪切蒙版>建立】
運(yùn)用同樣的方法,做出另外一邊的蛋卷。把備用的格子拖過來。又一個剪切蒙版完成后,可以在兩個形狀的分界地帶增加一根白色線條。
五、填色-雪糕球部分
雪糕球我采用了五邊形的多面體作為基礎(chǔ)的造型,在填色的時候,只需要考慮配色和光線即可。但也并非如此簡單,在對光線明暗過渡的把握中,細(xì)微的色差都會造成整個畫面的失衡,因此處理時需要千錘百煉。
六、裝飾
來到這一步,你就可以盡情發(fā)揮你的想象來增加一些你喜歡的裝飾。例如我在這里增加彩條糖霜。
先畫上一粒糖霜,利用圓角矩形工具,畫上一個長12px,高2px,矩形半徑為1px的形狀,關(guān)閉描邊,填色可以選用熒光色,盡量選用和綠色的雪糕球反差較大的顏色。
然后再利用復(fù)制粘貼的方式,適當(dāng)改變矩形的大小、角度和顏色,利用復(fù)制制造出云集的效果,很快就可以得到一片糖霜。
把這一組裝飾放置在雪糕球的上方。最終裝飾后的效果如下圖。
你可以改變雪糕球的填色和裝飾,再做出其他“口味”的雪糕。
雪糕球只是一個簡單的造型,大家在動手制作的時候可以嘗試一些相對復(fù)雜的構(gòu)圖,這樣會更加有趣哦~
【飛屋同學(xué)的私家精品教程人氣榜】
TOP 1:教你快速搞定大受歡迎的多邊形背景!
《AI新手教程!教你簡單快速地將圖片變成多邊形背景》TOP 2:手把手教你找到免費(fèi)優(yōu)質(zhì)的高清大圖!
《私家好貨!設(shè)計師的高清圖庫收藏夾(附使用技巧)》TOP 3:讓配色變得特別方便簡單的新手教程!
《配色弱有救了!教你利用圖片創(chuàng)建獨(dú)有的色彩方案!》
原文地址:ifeiwu
作者:@飛屋睿UIdesign
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量92萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
標(biāo)志設(shè)計標(biāo)準(zhǔn)教程
已累計誕生 729 位幸運(yùn)星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓