繪制像素風(fēng)格人物和樹(shù)木圖標(biāo)的PS教程
如果您一直在創(chuàng)建您自己的等距像素鎮(zhèn)或較小的外部場(chǎng)景,或者如果您有興趣這樣做,您將最終需要樹(shù)木。它們是一個(gè)很好的裝飾項(xiàng)目,在你的像素藝術(shù)目錄中,因?yàn)樗鼈兛梢哉樟翈缀跞魏螆?chǎng)景,它們只是大城鎮(zhèn)或城市景觀所必需的,更不用說(shuō)公園和自然景觀了。

對(duì)于樹(shù)梢來(lái)說(shuō),你的第一本能可能是用手隨意地處理一些參差不齊的不規(guī)則的東西,以獲得“自然”的外觀,但我們會(huì)避免這樣做,因?yàn)橐粋€(gè)隨機(jī)形狀看起來(lái)不會(huì)像一次又一次地重復(fù)。
我們將嘗試用我們的樹(shù)設(shè)計(jì)得到最大的成功,一個(gè)相對(duì)簡(jiǎn)單的,對(duì)稱的,可能是幾何圖形,看起來(lái)是有機(jī)的,但當(dāng)重復(fù)多次時(shí)保持和諧。
1. 維數(shù)
我們將使我們的樹(shù)足夠大,足以超過(guò)一個(gè)灌木叢,但不是真的很大。
步驟1
不到我們角色身高的兩倍就足夠了。我已經(jīng)為樹(shù)干和樹(shù)梢設(shè)定了高度。

這些都是松散的指導(dǎo)方針,我們以后可能會(huì)調(diào)整尺寸。
步驟2
樹(shù)干的寬度應(yīng)該比我們角色的腿還要寬。這一個(gè)有4px之間的輪廓。

步驟3
這大概就是樹(shù)梢的寬度。

2. 造型
我們要把樹(shù)梢的形狀做成一簇卵形??梢赃x擇一個(gè)更簡(jiǎn)單的形狀,比如一個(gè)完美的圓圈,甚至是正方形,假設(shè)這棵樹(shù)已經(jīng)被修剪過(guò),這是非?,F(xiàn)實(shí)的。但是集群解決方案看起來(lái)更自然,給我們帶來(lái)了相當(dāng)大的復(fù)雜性。
步驟1
這是我們要用的基礎(chǔ)橢圓。這是。 24 x 18 px ,但是如果你想要的話,可以試試不同的尺寸。

你可以用 橢圓選角工具 (反化名取消)。然后,您可以填充它的輪廓顏色,并縮小選擇( 選擇>修改>合同… )用一個(gè)像素來(lái)填充綠色。但我更喜歡畫我自己的橢圓形 鉛筆工具 有較小的平方和較少的鋸齒狀。
步驟2
我們將再次使用相同的橢圓形添加到我們的集群中。我們將在頂部做三個(gè)橢圓,在底部做五個(gè)。

步驟3
試著選擇盡可能多的選擇來(lái)定位卵子。這一行將有三個(gè)。

步驟4
該行中的第三個(gè)橢圓略低一點(diǎn),從而使整個(gè)集群的維數(shù)稍微多一點(diǎn)。

步驟5
最后,為底部添加一對(duì),但在已經(jīng)完成的底部添加;您可以將它們粘貼到一個(gè)新的層中,將該層移動(dòng)到原始層下面,然后向下合并。

步驟6
刪除指導(dǎo)方針。

步驟7
由于底部有一個(gè)很寬的圓形長(zhǎng)方形,所以我把曲線軟化了一點(diǎn),就在樹(shù)干上方:

3. 遮陽(yáng)
我們把樹(shù)的基本形狀都弄下來(lái)了,所以現(xiàn)在讓我們來(lái)研究一下陰影,讓我們的樹(shù)的體積越大越好。
步驟1
我們可以去掉大部分橢圓線,很容易記住我們將如何給它們遮蔭。現(xiàn)在我們只保留三個(gè)橢圓的行線。

步驟2
像往常一樣,我們的形狀的頂端將是最明亮的區(qū)域。這一陰影是10%的明亮,也有一個(gè)稍微溫暖的色調(diào)。

步驟3
應(yīng)用相同的先前的陰影,但在較小的地區(qū),在較低的兩個(gè)橢圓形的兩側(cè)。

步驟4
只在有三個(gè)橢圓的行的中間橢圓形上再加一點(diǎn)這個(gè)陰影。

步驟5
現(xiàn)在,我們?cè)黾恿艘粋€(gè)更深的陰影,覆蓋了超過(guò)一半的三個(gè)卵形。樹(shù)蔭比主樹(shù)顏色暗10%,色調(diào)略涼。試一試你認(rèn)為合適的變體。

步驟6
樹(shù)梢的最后一層陰影將位于樹(shù)梢的底部。再一次,陰影比以前的深10%,有一個(gè)略涼的色調(diào)。

步驟7
讓我們?yōu)闃?shù)干加上一些棕色的。嘗試您喜歡的其他顏色,請(qǐng)記住,您可以很容易地嘗試使用 圖像>調(diào)整>色調(diào)/飽和度… 滑塊。

步驟8
最后給后備箱加上一些陰影。因?yàn)闃?shù)梢應(yīng)該投下陰影,所以樹(shù)梢下面的地方應(yīng)該更暗一些。在邊緣,它可能是更深或更輕,因?yàn)槟阆矚g。這里更暗:

4. 抖動(dòng)/模式
抖動(dòng)是使用模式來(lái)緩解從一種顏色到另一種顏色的過(guò)渡。這在像素藝術(shù)中是很常見(jiàn)的,盡管對(duì)于我使用的等距風(fēng)格,我傾向于將它保持在最低限度。在這種情況下,我們將使用它,使它過(guò)大,這樣,以及軟化我們的陰影,它也將給我們的樹(shù)一個(gè)多葉的紋理。這對(duì)我們來(lái)說(shuō)是雙贏!
步驟1
通常抖動(dòng)模式使用單獨(dú)的像素,但正如我所說(shuō),我們將使我們的模式過(guò)大。因此,您應(yīng)該注意到,抖動(dòng)一次使用4個(gè)像素的塊,以及粘在一起的2個(gè)像素塊。試著想象一下必須尊重格子。

工作時(shí),放大和檢查你的進(jìn)展通過(guò)放大。結(jié)果符合你的喜好嗎?
步驟2
在這里,我把更多的抖動(dòng)應(yīng)用于一個(gè)較低的光區(qū)。這個(gè)模式的像素已經(jīng)變小了,但是我仍然像對(duì)頂部區(qū)域一樣尊重檢查網(wǎng)格。

步驟3
一旦你對(duì)這個(gè)區(qū)域的外觀感到滿意,就把它復(fù)制到另一邊,并將同樣的過(guò)程應(yīng)用于最后一點(diǎn)的突出顯示,在中間的橢圓形。

步驟4
在中間部分做更多的抖動(dòng),在那里我們從主綠色到第二個(gè)最黑暗的陰影。

步驟5
在這里,抖動(dòng)適用于樹(shù)木的一側(cè),略高于中間,以分離體積,給樹(shù)一個(gè)更圓,更充分的外觀。

步驟6
然后添加一些較暗的像素,以突出這一邊的區(qū)域和中間橢圓形之間的裂口。這將有助于給樹(shù)我們想要的集群外觀。

步驟7
一旦該區(qū)域完成,您就可以復(fù)制它,翻轉(zhuǎn)它,并將它放置在對(duì)面。

步驟8
最后,在最黑暗的綠色陰影上做同樣的花招。

步驟9
為了給樹(shù)干增加紋理,你可以在一個(gè)新的層次上,做一個(gè)簡(jiǎn)單的,較小的黑色網(wǎng)格模式,并將不透明度降低到20%以下,然后合并下來(lái)。

這將有助于我們的樹(shù)干的樹(shù)皮紋理。
步驟10
作為最后一步,使樹(shù)干上的底部輪廓稍微輕一點(diǎn),并添加一個(gè)由樹(shù)梢投下的圓形陰影,應(yīng)該是黑色的,設(shè)置為10%的不透明度。

樹(shù)完成了!
我們的樹(shù)現(xiàn)在已經(jīng)準(zhǔn)備好被粘貼到任何環(huán)境中,在那里它會(huì)很好地混合在一起,照亮這個(gè)地方!
把一個(gè)放在你做的每棟房子的前面,或者貼上一堆來(lái)創(chuàng)建一個(gè)森林或者填滿一個(gè)公園。改變樹(shù)梢的色調(diào)/飽和度,給樹(shù)以秋天的顏色,或者只是為了多樣性而得到一束陰影。希望您能找到這個(gè)元素,高度可回收,因此,在您的像素藝術(shù)庫(kù)存非常有價(jià)值的項(xiàng)目。
標(biāo)簽(TAG) 人物和樹(shù)木