|
像素(sù)風(fēng)格是某(mǒu)些藝術家的最愛,也(yě)是很多80後同學的遊戲印(yìn)象。今天分享一(yī)個簡單實用的像素畫教(jiāo)程,教你繪(huì)製個性十足的像素小人和藍色房間,過程很細致(zhì),新手也能學會,學完還可以繪製專屬自己的像素風大頭(tóu)像,點完讚不要忘記學習。
如果你小時候特別(bié)喜歡玩樂高(或者直到你長大了也還在(zài)玩樂高),那麽你也有可能喜(xǐ)歡(huān)等角像素(sù)圖【也就是常(cháng)見(jiàn)的45度上帝視角像素圖…】;它很有技術含量,而且給人感覺更接近於建造而非繪製,因為這種圖沒有透視,你可以(yǐ)把(bǎ)你的元素移動到任何你喜歡的等(děng)角投影(yǐng)環境中。
我們首先會創建一個角色(sè),這是繪製等角像(xiàng)素圖的起點,因為我們要靠這個人物確定場景內其(qí)他元素的大小比例。當然,在(zài)正式開始之前,我們需要(yào)先了解一些等角(jiǎo)像素圖的基本知識;如果你(nǐ)隻是想創建一個角色而不管它的風格,你可以直接跳到第三步。
一、像素畫線
這(zhè)些線是最基(jī)本(也是最有(yǒu)趣)的等角風格像素畫,也(yě)就是我們將要使用的風格:
每下降一個像素,向(xiàng)一側延伸兩像素。這樣的線看起來比較光滑,而我們將用(yòng)它來組成立方體的(de)表麵:
隻要是這種規則結構(gòu)的線看起來(lái)都還可以,不過每步伸展得越長(zhǎng),它看起來就越毛糙:
這裏有(yǒu)些不規(guī)則結構的線作為對比:
這些線非常毛糙(cāo)而(ér)且不好看。避(bì)免這種情況。
二、體
我們的角色不會嚴格遵循等角投影視圖的規則,所以(yǐ)我(wǒ)們先畫一個簡(jiǎn)單的立方(fāng)體來感受一下。
在Adobe Photoshop中新建一個文檔(dàng),尺寸(cùn)為400 x 400 px。
我(wǒ)喜歡新開一個窗口(窗口 > 排(pái)列 > 新建窗口),一個放(fàng)大到600%,用來畫,另一個保持100%縮放檢查效果。用不用像素網格隨你,不過我覺得它(tā)比較讓我分心。
所以讓我們放大然後畫一條(tiáo)2:1的(de)線(xiàn):
我比較喜歡(huān)用(yòng)5%灰而非黑色,這樣之後(hòu)我就可以添加陰影(黑色半透明),並且使用(yòng)魔(mó)棒分(fèn)別選(xuǎn)擇每(měi)個顏色了。
下麵是(shì)幾種畫線的方法:
使用直(zhí)線工具設置為(wéi)像素, 取消勾(gōu)選消除鋸齒,設為1px粗細。畫的時候,工具會提示我們角度,應該差(chà)不多是26.6˚。不過我覺得(dé)直線工具不是那麽可(kě)靠,如果角度(dù)不是完全正確的話(huà),畫(huà)出來的線可能會變得很亂。
畫(huà)一個40*20px的巨型選區,使用鉛筆工具(設為1px大小)在左下角畫一個像素,然(rán)後按住Shift在右上角再畫(huà)一個像素。Photoshop會自動在兩點(diǎn)之間畫一條直線(xiàn)。隻要(yào)有經(jīng)驗的畫,就算不用選區也能畫出正確的線了(或(huò)者差不多正確的,再修補(bǔ)就是了)。
用鉛筆工具畫兩個相(xiàng)鄰的像素,選中它們,按住Alt並使用鍵盤或者鼠(shǔ)標移動它們(後麵成為Alt+移動),使之在對角對齊。然後(hòu)選中這兩組像素,重複上述步驟使之延長(zhǎng)。
我們畫好了(le)第一條線,選中它然後Alt+移動,或者複製選區,粘貼並合並圖層。然後水平翻轉(編輯(jí) > 變換 > 水平翻轉)我(wǒ)經常要用這個功能,所以(yǐ)我為它做了(le)一個快捷鍵!
現在讓我(wǒ)們(men)合並兩條(tiáo)線(xiàn):
接下來,再次Alt+移動(dòng),垂直翻轉並合並直線,就完成(chéng)了我們的矩形:
現在我(wǒ)們要(yào)添加三維。Alt+移動或者複製這個矩形,然後把副本向下移動44px:
|
|