手把手教你做像素畫圖片(2)
二、體
我們的角色不會嚴(yán)格遵循等角投影視圖的規(guī)則,所以我們先畫一個簡單的立方體來感受一下。
在Adobe Photoshop中新建一個文檔,尺寸為400 x 400 px。
我喜歡新開一個窗口(窗口?>?排列?>?新建窗口),一個放大到600%,用來畫,另一個保持100%縮放檢查效果。用不用像素網(wǎng)格隨你,不過我覺得它比較讓我分心。
所以讓我們放大然后畫一條2:1的線:
我比較喜歡用5%灰而非黑色,這樣之后我就可以添加陰影(黑色半透明),并且使用魔棒分別選擇每個顏色了。
下面是幾種畫線的方法:
-
使用直線工具設(shè)置為像素,?取消勾選消除鋸齒,設(shè)為1px粗細(xì)。畫的時候,工具會提示我們角度,應(yīng)該差不多是26.6?。不過我覺得直線工具不是那么可靠,如果角度不是完全正確的話,畫出來的線可能會變得很亂。畫一個40*20px的巨型選區(qū),使用鉛筆工具(設(shè)為1px大小)在左下角畫一個像素,然后按住Shift在右上角再畫一個像素。Photoshop會自動在兩點(diǎn)之間畫一條直線。只要有經(jīng)驗(yàn)的畫,就算不用選區(qū)也能畫出正確的線了(或者差不多正確的,再修補(bǔ)就是了)。用鉛筆工具畫兩個相鄰的像素,選中它們,按住Alt并使用鍵盤或者鼠標(biāo)移動它們(后面成為Alt+移動),使之在對角對齊。然后選中這兩組像素,重復(fù)上述步驟使之延長。
我們畫好了第一條線,選中它然后Alt+移動,或者復(fù)制選區(qū),粘貼并合并圖層。然后水平翻轉(zhuǎn)(編輯?>?變換?>?水平翻轉(zhuǎn))我經(jīng)常要用這個功能,所以我為它做了一個快捷鍵!
現(xiàn)在讓我們合并兩條線:
接下來,再次Alt+移動,垂直翻轉(zhuǎn)并合并直線,就完成了我們的矩形:
現(xiàn)在我們要添加三維。Alt+移動或者復(fù)制這個矩形,然后把副本向下移動44px:
提示:如果你在用鍵盤移動的時候按住Shift,你的選區(qū)會移動10像素而非1像素。
做一個簡潔的立方體,讓我們?nèi)サ艟匦巫钭筮吅妥钣疫叺南袼。搞定之后再加上垂直的線,這就是個立方體了:
現(xiàn)在去掉下面矩形背后的線。然后開始添加顏色,選擇一個你喜歡的顏色(稍微亮一點(diǎn))然后填充頂面的矩形。
學(xué)習(xí) · 提示
相關(guān)教程