像素效果,用AI繪制像素馬里奧角色

本篇教程教大家用AI繪畫一個(gè)像素化效果的馬里奧,喜歡鼠繪的同學(xué)一起學(xué)習(xí)吧。先看看效果:

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

這次我會(huì)告訴大家如何用AI的矩形網(wǎng)格工具+實(shí)時(shí)填色工具,快速做一個(gè)萌萌的像素馬里奧。

大家重點(diǎn)看AI技巧,和繪制思路哦。

1、準(zhǔn)備工作

Step1: 畫草圖

首先,我們用畫筆工具快速畫一張馬里奧的草圖。這里我用了一個(gè)毛筆筆刷,因?yàn)檫@樣草圖會(huì)看起來比較像鉛筆或馬克筆手繪的,有生氣不死板。畫好之后,把所有的線條群組起來,然后鎖定。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step2: 設(shè)置矩形網(wǎng)格工具

在直線工具欄里,找到矩形網(wǎng)格工具。雙擊它,會(huì)出現(xiàn)一個(gè)設(shè)置面板。照下圖這樣設(shè)置就好啦。


像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step3: 網(wǎng)格放到草圖上面

把網(wǎng)格放到你剛才畫的草圖上面,調(diào)整草圖大小,讓草圖和網(wǎng)格完美匹配。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step4: 設(shè)立基礎(chǔ)畫板

最后一個(gè)準(zhǔn)備工作就是建立基礎(chǔ)畫板。我給馬里奧的帽子、頭發(fā)、皮膚、眼睛分別設(shè)定了主色,方便填色的時(shí)候使用。這些色相在使用中,也會(huì)根據(jù)圖像適當(dāng)調(diào)整。(我的理解:比如加深主色,做陰影,減弱主色,做高光之類的。)

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

2、表格填色

Step1: 實(shí)時(shí)填色工具(K)快速上色

選擇表格,使用實(shí)時(shí)填色用具(快捷鍵K),先給馬里奧的帽子上色。上著上著,你會(huì)發(fā)現(xiàn),貌似有些草稿線條沒法和小格子完美融合,多一個(gè)格子吧,會(huì)超出草稿,少一個(gè)格子,又填不滿。這種時(shí)候,我會(huì)先隨它去。因?yàn)榉凑忍钔觐伾疫回倒回來調(diào)整帽子的形狀。

這就是這個(gè)教程的核心技巧啦,敲黑板~

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step2: 上色確保形對(duì)稱

一個(gè)格子一個(gè)格子的上色是會(huì)無聊到死的。實(shí)時(shí)上色工具可以一次拖很多格子,所以點(diǎn)一次其實(shí)可以上很多個(gè)格。

上色的時(shí)候,不能完全和手稿一致,因?yàn)槟愕么_保馬里奧的形是對(duì)稱的。

在做帽子的M徽章時(shí),我先涂了一個(gè)圓形,然后用紅色在里面畫了一個(gè)簡(jiǎn)單M。

為了增加層次,我還在帽子邊緣涂了一層深紅色。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step3:臉部上色

然后,我開始給馬里奧的臉部上色。先用畫板中最深的顏色,給他的瞳孔和眉毛上色。

Step4: 用深色勾出五官

這里講他怎么畫馬里奧眼睛的(略過)。。

涂臉部的時(shí)候,我選用了一個(gè)中度的膚色鋪底,然后用稍微深一點(diǎn)的膚色勾畫出他的大鼻子、下巴和耳朵。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step5:添加描邊

給紅帽子描了個(gè)深紅色的邊。調(diào)了調(diào)帽子的形狀,讓它變得像一個(gè)圣誕帽。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

3、增加細(xì)節(jié)和層次

Step1: 給鼻子加上高光

我覺著馬里奧的鼻子要有光,于是我給上了一個(gè)淺奶油色當(dāng)做高光,然后在周圍上了一圈蜜桃奶油色(杏色?)

M字的白色和紅色看著有點(diǎn)不協(xié)調(diào),于是我在兩邊加了藍(lán)色作為過渡。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step2: 藍(lán)色球

接著他講如何畫那個(gè)藍(lán)色球球,略過。照著畫就好了。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step3: 添加高光陰影的細(xì)節(jié)

給帽子加點(diǎn)高光,給臉來點(diǎn)陰影,打造層次感。畫到這里是比較糾結(jié)的,因?yàn)槟愕貌煌5赝O鹿P,放大縮小,縮小放大,去看整體效果是否OK。所以,我建議大家新開一個(gè)窗口屏幕,就不用反復(fù)切換啦(誰有兩個(gè)屏。。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

4、刪掉網(wǎng)格,大功告成

Step1: 網(wǎng)格擴(kuò)展、刪除

畫到你覺得足夠好了,不用調(diào)了,我們就可以移除網(wǎng)格啦。選中整個(gè)網(wǎng)格,然后對(duì)象——擴(kuò)展。再取消群組,可以了。這樣,我們的馬里奧從網(wǎng)格里釋放出來,變成了許多獨(dú)立小方塊。把這些方塊群組一下,趕快開始最后一步吧

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

Step2: 添加描邊

給馬里奧一個(gè)細(xì)細(xì)的描邊。方法是:復(fù)制這個(gè)方塊組,用路徑查找器合并,選取一個(gè)顏色,放在馬里奧的下方。

注意所有轉(zhuǎn)角和邊緣都是直角,不能是圓角。

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn

OK YOU MAKE IT~

放一個(gè)自己跟著教程做的麥兜

像素效果,用AI繪制像素馬里奧角色_theoat.com.cn
theoat.com.cn

如果你有其它制作像素效果的方法,歡迎投稿分享學(xué)習(xí)。

全教程完,學(xué)完記得交作業(yè)。教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com

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

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    遇見夢(mèng)幽蓮 說: 一會(huì)交作業(yè)