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