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