Photoshop技巧以及像素藝術(shù)細(xì)節(jié)

2019-03-16 1564 0

我們繼續(xù)我們的等距像素藝術(shù)世界的工作,在這一次,我們將增加一個(gè)工業(yè)工作場(chǎng)所到我們的圖書(shū)館。讓它看起來(lái)很乏味也許是件好事,但這并不意味著它也不可能那么漂亮。

我們將再次使用一些磚塊質(zhì)地,一些金屬元素,巨大的煙囪和一些煙羽。我們開(kāi)始工作吧.

如果您還沒(méi)有,請(qǐng)查看本系列中以前的教程;大多數(shù)課程涉及Photoshop技巧以及像素藝術(shù)細(xì)節(jié),我可能在后面的教程中不一定涉及這些細(xì)節(jié)。

所有這些等距、幾何圖形、像素完美的工作都會(huì)變得困難或乏味;如果你覺(jué)得做這項(xiàng)工作不吸引人,那就隨便買(mǎi)些現(xiàn)成的好東西吧。 等距圖形 在……上面 Envato市場(chǎng).

1. 定義維度

把你的像素字符拿出來(lái)。我們將建造一個(gè)兩層高的工廠-它不會(huì)很大,但是它會(huì)是一個(gè)大盒子,里面會(huì)有一些很高的煙囪和巨大的煙羽,所以它仍然是一個(gè)非??捎^的尺寸。

我考慮過(guò)做鋸齒形屋頂(在描繪工廠時(shí)很常見(jiàn)),但后來(lái)我認(rèn)為它沒(méi)有必要,而且可能已經(jīng)不太常見(jiàn)了。我們?nèi)匀粫?huì)使我們的大樓看起來(lái)很工業(yè)化。

步驟1

使用該字符可以找到您喜歡的水平高度,然后將其加倍。

我為每個(gè)級(jí)別添加了額外的行(每個(gè)級(jí)別之間有4個(gè)PX),作為以后添加磚塊紋理的指南。這樣,在放置窗戶(hù)和其他建筑元素時(shí),我就會(huì)注意到磚塊的線條。

在第二層上面,我給屋頂留了一條線,讓它有一個(gè)小小的平臺(tái)。


 


 


 

步驟2

現(xiàn)在,讓我們定義一個(gè)建筑物的寬度。這應(yīng)該是足夠至少一輛卡車(chē)-不是說(shuō)我們已經(jīng)在這些教程中覆蓋了一輛卡車(chē)!


 

undefined


 

步驟3

現(xiàn)在增加一些深度。這不需要是一個(gè)固定的大??;我們可能希望在添加窗口時(shí)編輯它。


 

undefined


 

步驟4

通過(guò)增加一些額外的線來(lái)關(guān)閉一些表面。另外,你可能已經(jīng)定義了金屬柵的寬度,我們將在前面加進(jìn)去。


 

undefined


 

步驟5

這些是窗戶(hù)的寬度。在一扇窗戶(hù)下面,我們會(huì)有一扇門(mén),所以基本上,我們需要像我們所期望的那樣把門(mén)線拉得很寬。其余的窗戶(hù)不會(huì)有門(mén),但為了保持一致性(并使工作更容易),它們都將是相同的寬度。

然后,可以通過(guò)添加其余的角行來(lái)關(guān)閉卷。


 

undefined


 

步驟6

我們已經(jīng)給大門(mén)和窗戶(hù)增加了一點(diǎn)深度。


 

undefined


 

步驟7

然后再給屋頂增加一點(diǎn)深度。


 

undefined


 

2. 創(chuàng)建附加結(jié)構(gòu)

我們的大盒子做得差不多了。這座建筑很簡(jiǎn)單,但是還有一些更多的結(jié)構(gòu)能真正傳達(dá)出它是一個(gè)工廠:也就是大煙囪。

步驟1

在這里,我開(kāi)始添加一個(gè)正方形的輪廓,作為其中一個(gè)煙囪腳印的邊框。我也在標(biāo)記煙囪之間的距離,并在煙囪盒的另一邊加上一條同樣遙遠(yuǎn)的線。這些線條將幫助我們?yōu)闊焽璧於ɑA(chǔ)。

在一個(gè) 新層.


 

undefined


 

步驟2

讓我們?cè)偌右粭l線,就像最后一行繞著煙囪參考廣場(chǎng)的后面走一樣。將最后一行與屋頂對(duì)齊,并開(kāi)始將其延伸到我們將增加兩個(gè)煙囪的地方。


 

undefined


 

步驟3

使新的煙囪等距。我不會(huì)讓煙囪和它們的底部中心或完全對(duì)稱(chēng)。你可以,如果你想,但有時(shí)一些設(shè)計(jì)門(mén)打開(kāi),當(dāng)你放開(kāi)剛性對(duì)稱(chēng)或平衡。


 

undefined


 

步驟4

這是基座的寬度。我希望它從正面后退一點(diǎn)點(diǎn),所以我使它與前面不對(duì)一點(diǎn)。


 

undefined


 

步驟5

底部將是一個(gè)長(zhǎng)的盒子,有點(diǎn)高,就像幾步。


 

undefined


 

步驟6

用額外的角線和清理背線來(lái)完成組成底座的盒子。

我添加了一些粉紅色標(biāo)記線與屋頂角相匹配,以幫助移動(dòng)和放置在地面水平,在那里他們將匹配左下角。


 

undefined


 

步驟7

盒子放在地面?,F(xiàn)在可以刪除標(biāo)記行。


 

undefined


 

步驟8

這些是制造煙囪的三個(gè)圓柱體。它們夠高嗎?

為了讓他們,你可以,在一個(gè) 新層 ,畫(huà)一個(gè)圓,其邊緣與煙囪參考廣場(chǎng)的邊緣相匹配。圓圈可以用 橢圓選角工具 ,用大綱顏色填充橢圓選擇,然后刪除內(nèi)部像素,這可以通過(guò)收縮選擇來(lái)完成( 選擇>修改>合同… )1 px并點(diǎn)擊刪除。

一旦你有了你的圓,你把它復(fù)制到頂部,直接在你喜歡的高度,然后添加垂直線來(lái)完成形狀。


 

undefined


 

步驟9

把不必要的線清理干凈。增加內(nèi)部圓圈打開(kāi)煙囪。

我把外圈編輯成我認(rèn)為更干凈的樣子。在像素藝術(shù)方面,清潔劑往往比精確性更好。


 

undefined


 

這樣,所有的主要結(jié)構(gòu)現(xiàn)在都完成了。

3. 修整建筑物的表面

讓我們把著色和紋理已經(jīng)排除,因?yàn)槲覀儗⒃黾訋讉€(gè)鈴鐺和哨子的建筑物。

步驟1

在本系列的許多教程中,我都使用了磚塊紋理。我不想濫用它,但我真的很喜歡磚塊紋理,所以這次我們將做一個(gè)稍微不同和簡(jiǎn)單的版本。

我想讓工廠看起來(lái)有點(diǎn)黑,所以我選擇了一種巧克力色。它暫時(shí)應(yīng)用在所有的墻壁上,在相同的陰影下。


 

undefined


 

紋理線條非常刺耳,所以讓我們給他們一個(gè)更好的顏色。這很容易用 油漆桶工具 帶著 毗連 選中(只要紋理線有唯一的顏色…否則,您將更改在該層/選擇中共享相同顏色的所有內(nèi)容的顏色)。


 

undefined


 

步驟2

現(xiàn)在,讓我們降低門(mén)和窗戶(hù)的頂部,并消除不必要的線在該地區(qū)。


 

undefined


 

步驟3

最前面的窗戶(hù)是在第一層有一扇門(mén),所以讓我們給它一個(gè)框架。

你也可以開(kāi)始在右邊加一個(gè)更深的棕色的顏色(或者,只要它和你的其他部分一致,哪一邊不重要)。記住,也要在陰涼處把磚頭的線條遮蔭得更深一點(diǎn)。


 

undefined


 

步驟4

為了不使工廠太乏味,我們將在它的頂部和底部再加一種顏色。

這是新的奶油色的頂部(也許是巧克力奶油工廠?)已經(jīng)有陰影了。和往常一樣,我建議讓最輕的陰影在頂部,最暗的在右邊-他們的亮度可能會(huì)變化8%至15%。


 

undefined


 

步驟5

在底部涂上顏色。


 

undefined


 

步驟6

我們根本不需要磚頭。


 

undefined


 

步驟7

我們將使煙囪底部與建筑物頂部相匹配,所以讓我們把屋頂涂上深灰色。


 

undefined


 

步驟8

在這里,一個(gè)簡(jiǎn)單的紋理被應(yīng)用到深灰色的表面-它可能是礫石,或者任何可能是屋頂表面的好材料。

另外,讓我們把高光添加到頂部,并清理更暗的線條。并降低內(nèi)部角的對(duì)比度,在那里的表面相交。


 

undefined


 

步驟9

因此,現(xiàn)在我們采取上述步驟,并將它們應(yīng)用于煙囪底部,主要區(qū)別是這個(gè)盒子沒(méi)有像屋頂那樣的平臺(tái)。


 

undefined


 

步驟10

現(xiàn)在,讓我們給煙囪一個(gè)涼爽的灰色。它也可以作為一個(gè)溫暖的灰色在大約40?色調(diào),但由于我們已經(jīng)有足夠的暖色,我選擇了一個(gè)涼爽的色調(diào)。

你可以試著讓它看起來(lái)像混凝土,或者你可以做工廠煙囪有時(shí)有的白色和紅色條紋。我試過(guò)了,我更喜歡混凝土的外觀。


 

undefined


 

步驟11

完成煙囪頂部的遮陽(yáng)。

最后,我改變了原來(lái)的線條相當(dāng)多,但我認(rèn)為這是最好的,因?yàn)檎缥仪懊嫣岬降?,清潔往往比?zhǔn)確的像素藝術(shù)。


 

undefined


 

當(dāng)然,你不需要畫(huà)所有這些元素三次-你只需要在一個(gè)煙囪上工作,當(dāng)你滿意的時(shí)候,你可以把它拷貝給另外兩個(gè)。
 

步驟12

現(xiàn)在我們要給煙囪加上陰影。圓柱形陰影有很多種方法。這里只有一條光條紋,就在左邊邊緣,右邊有一條深色條紋,我加了一些鋸齒狀的小邊沿,只是為了去掉條紋上完美的垂直線條;它們使煙囪看起來(lái)有點(diǎn)光滑。


 

undefined


 

步驟13

現(xiàn)在讓我們把窗戶(hù)的頂部做好。你可以把它們放在正方形,但我心里有個(gè)拱門(mén)。

我是為了得到拱形而做的。

把這看作是多個(gè)步驟;我只是覺(jué)得在一個(gè)外觀上演示進(jìn)度是很方便的。

在.上 新層 ,取一個(gè)與窗口相同寬度的圓,并設(shè)置垂直傾斜( 編輯>自由變換 )至26.5?。那就只保留大綱。清理線路,以更好地評(píng)估進(jìn)展。最后對(duì)圓圈做你自己的編輯,如果你能讓這條線看起來(lái)不那么鋸齒狀或更圓,那就去做吧。


 

undefined


 

一旦到達(dá)窗口的最終版本,就可以將其應(yīng)用于其他窗口。


 

undefined


 

步驟14

讓我們把亮點(diǎn)加到窗戶(hù)(和門(mén))上。高光像往常一樣出現(xiàn)在拐角處,但在拱門(mén)上它可能有點(diǎn)棘手,在頂部,一條突出線必須在某種程度上變成一個(gè)黑暗的輪廓。

這里有一個(gè)輪廓頂部消失的跡象-它接近黑色,然后是深棕色,然后就消失了。該亮點(diǎn)上升和消失,以及在大約同一地區(qū),近黑線消失。他們就在那一小塊地方并排跑。在墻的下方,再加上一抹較深的磚塊顏色。


 

undefined


 

一旦完成,適用于其余的窗口。


 

undefined


 

步驟15

現(xiàn)在讓我們畫(huà)出窗戶(hù)的底部。

對(duì)于短窗來(lái)說(shuō),這是相當(dāng)簡(jiǎn)單的;我們保持磚的顏色,只是在一個(gè)較輕的陰影。

對(duì)于長(zhǎng)窗,我試著在底部框架上給它一個(gè)輕微的斜度;線條很短,但它們是以1:1的對(duì)角線向上上升的,我想這就給了窗戶(hù)額外的一點(diǎn)空間。顏色保持奶油(但較淺的顏色),以配合基地。


 

undefined


 

步驟16

另一個(gè)小竅門(mén)是給基座一個(gè)額外的維度:它只在拐角處突出一點(diǎn)點(diǎn)。一些亮點(diǎn),在頂部的基礎(chǔ)上,也有助于獲得額外的音量。


 

undefined


 

步驟17

現(xiàn)在讓我們研究金屬卷起門(mén)。我稍微移動(dòng)了一些線,因?yàn)槲蚁M拙€很細(xì)。另外,我降低了紋理線的對(duì)比度。


 

undefined


 

步驟18

試著增加一個(gè)突出的底線-它可能看起來(lái)有點(diǎn)像嘴唇,我認(rèn)為這是好的,在一個(gè)卷起的大門(mén)。事實(shí)上,它甚至可以在地面、墻壁和大門(mén)交匯處的可見(jiàn)角落上突出一點(diǎn)。

最后,在表面相交的內(nèi)角降低對(duì)比度。


 

undefined


 

步驟19

在門(mén)窗邊。

我差一點(diǎn)用一扇亮黃色的門(mén),因?yàn)樗c其他顏色搭配得很好,而且還會(huì)添加一些彈出的東西。但最后我把它弄黑了,就像黑巧克力…我想這一定是個(gè)巧克力工廠。

門(mén)很簡(jiǎn)單。我只是添加了一個(gè)內(nèi)部矩形,一個(gè)細(xì)微的突出顯示和三個(gè)金屬外觀的像素來(lái)表示一個(gè)鎖。


 

undefined


 

步驟20

像我通常喜歡的那樣,窗戶(hù)有一種海藍(lán)寶色,但不太亮,也不太飽和。窗戶(hù)周?chē)目蚣芸赡軒缀跏前咨模覜Q定讓它們與門(mén)相匹配,只要一點(diǎn)打火機(jī)就行了。


 

undefined


 

步驟21

這可能是幸運(yùn)的,但我能夠增加欄桿的窗口定期,同時(shí)匹配不同的底部高和短的窗口。如果沒(méi)有Rails或最小的Rails,窗口可能也會(huì)運(yùn)行得很好。

這就是我如何添加他們,與通常的窗口效果(一個(gè)更深的顏色玻璃顏色,形狀像一個(gè)L,平行于每個(gè)框架的更遠(yuǎn)的邊緣)。


 

undefined


 

步驟22

這是清理后的樣子。


 

undefined


 

步驟23

至于磚塊結(jié)構(gòu),我們將采用與以前的課程不同的方法。

我們已經(jīng)有了水平線,所以我們可以 新層 畫(huà)垂直線。我們只需要畫(huà)幾個(gè),然后我們就可以復(fù)制(或 推推 )到處都是。我會(huì)給這些垂直線一個(gè)比水平的略深的陰影。在橫線和垂直線交匯的點(diǎn)上,垂直線將占上風(fēng),這就是為什么我把垂直線畫(huà)在水平線之上的原因。


 

undefined


 

步驟24

若要應(yīng)用紋理,請(qǐng)轉(zhuǎn)到帶有棕色墻壁的圖層,并使用 魔杖工具 。然后返回到紋理線的圖層,反轉(zhuǎn)所選內(nèi)容( 選擇>逆 )和擊中 刪除.

然后,只需清理窗口框架內(nèi)部的線條,并賦予線條所需的棕色。


 

undefined


 

這是一個(gè)非常簡(jiǎn)單但有效的紋理。在我們繼續(xù)之前,讓我們快速地嘗試另一個(gè)版本。

步驟25

在這里 新層 我在磚的頂部和最正面的邊緣添加了一種不同的顏色(僅用于對(duì)比);因此,每一塊磚都有一種L指向最正面的角。

再一次,你只需要在幾塊磚塊上畫(huà)畫(huà),然后一次又一次地重復(fù),直到你覆蓋了所有的表面。


 

undefined


 

步驟26

然后把這些線條變成比背景磚塊顏色更輕的陰影,你就會(huì)得到這個(gè)凸起的磚塊效果。

我喜歡它,但我不相信它;它似乎有點(diǎn)混亂的圖形,但在我看來(lái),沒(méi)有比沒(méi)有效果的版本好得多。所以我會(huì)繼續(xù)沒(méi)有它。


 

undefined


 

但這是一個(gè)很好的選擇,嘗試或保持周?chē)奈磥?lái)使用。

4. 添加工業(yè)元素

所以我不知道這是什么…工廠這可能是真的,這是巧克力相關(guān)的東西,但不確定巧克力工廠使用什么機(jī)器,我只是添加元素,使建筑看起來(lái)更加工業(yè)化。

步驟1

這是一個(gè)安置指南( 新層 )我們將添加的元素。

最大的廣場(chǎng)將是水(或其他液體?)坦克。最小的將是小屋頂通風(fēng)口,而其他的我可能不太確定,但它們會(huì)很好地適應(yīng)。


 

undefined


 

步驟2

我已經(jīng)把小房頂通風(fēng)口蓋住了 公寓樓教程 ,但這又是一種非常簡(jiǎn)單的方法。

為了達(dá)到一個(gè)金屬的外觀,我改變色調(diào)與亮度,使較輕的色調(diào)變得更溫暖,更接近黃色,而更深的色調(diào)變得更涼爽。


 

undefined


 

步驟3

現(xiàn)在我們把更大的廣場(chǎng)變成一個(gè)水箱。

我們先做個(gè)圓柱體。陰影應(yīng)該是黑色的,在10%-20%的不透明度-我傾向于使用15%。在最后一步中,圓柱體頂部的圓圈有一些額外的寬度。


 

undefined


 

步驟4

這額外的寬度將有助于給它的圓錐帽,這些東西似乎有。

給它一個(gè)冷灰色和一些深顏色的腿,或可能相同的灰色與坦克的其他部分。


 

undefined


 

步驟5

這是陰影。它基本上遵循煙囪遮陽(yáng)的風(fēng)格,但我增加了更多的陰影,因?yàn)檫@是一個(gè)更寬的形狀,它看起來(lái)有點(diǎn)稀疏,只有三個(gè)陰影。

在頂部的陰影應(yīng)該有楔形,針對(duì)最頂部的坦克。


 

undefined


 

步驟6

現(xiàn)在放在箱子上,這些箱子可能是空調(diào)機(jī)組,也可能不是空調(diào)機(jī)組。

盒子很簡(jiǎn)單。他們?nèi)匀粦?yīng)該看起來(lái)相當(dāng)金屬,并有一些狹縫/通風(fēng)口或任何東西,使它不那么簡(jiǎn)單。


 

undefined


 

步驟7

在這里,盒子完成,軟管/電纜得到一些陰影,以顯示一些體積,照明和輪廓,更好地融入環(huán)境。


 


 

步驟8

現(xiàn)在我們?cè)僮鲆粋€(gè)坦克。這將是更小,水平躺著,并有一個(gè)管道連接到工廠。

我們把長(zhǎng)方形變成長(zhǎng)方體,把長(zhǎng)方體變成圓柱體,把圓圈畫(huà)在兩端。讓我們把這個(gè)形狀保持在陰影的高度上。


 

undefined


 

步驟9

現(xiàn)在我們將使用金屬顏色和圓柱形陰影。

底部的棕色陰影是用來(lái)反射地面的。我不確定它是否成功,但我保留了它。


 

undefined


 

步驟10

我們將在前面的圓圈中添加一些圓錐形陰影,并創(chuàng)建管道,這看起來(lái)更像一個(gè)吸管在這個(gè)階段。


 

undefined


 

步驟11

我給了管道一個(gè)不同的顏色與坦克,因?yàn)樗芎玫乜赡苁且环N不同的材料。我在管子的拐角處放大了亮點(diǎn),因?yàn)槟鞘俏艺J(rèn)為它會(huì)發(fā)光最多的地方,因?yàn)樗墙饘俚摹?/p>

最后,在它上增加一個(gè)支架,軟化表面相交的拐角線。


 

undefined


 

步驟12

以下是放置的所有元素。


 

undefined


 

步驟13

您現(xiàn)在可以清理指南了。

為了讓我們的像素更好,讓我們把管道從小水槽里拿出來(lái),連接到煙囪的底部,很容易地達(dá)到一些額外的復(fù)雜性。


 

undefined


 

5. 冒煙

我有一段時(shí)間沒(méi)有畫(huà)象素藝術(shù)煙霧/云了,但我覺(jué)得有必要為我們的工廠制造一些煙羽。

這是一個(gè)元素(不像玻璃窗戶(hù)),許多像素藝術(shù)家可能會(huì)做的非常不同的彼此。

不管怎樣,這是我的方法。

步驟1

首先,畫(huà)一些粗略的草圖。 新層 )的基本形狀,你會(huì)想要給你的煙羽。它們應(yīng)該以與列內(nèi)部相同的寬度開(kāi)始,然后展開(kāi)…。當(dāng)它們散開(kāi)時(shí),它們也會(huì)變得稀薄并消失。

草圖不需要是漂亮的,但它會(huì)給你的想法,完成的形狀將是什么樣子,并為形狀和曲線,你將給你的羽毛指南。

這三個(gè)羽流應(yīng)該非常相似,但我們不想只做一個(gè)羽流,重復(fù)兩次,因?yàn)檫@樣看起來(lái)不太好,看起來(lái)很懶。


 

undefined


 

步驟2

現(xiàn)在我們把每一幅素描變成一個(gè)很好的煙羽。

我決定大部分的形狀是方形的,我喜歡,這是像素藝術(shù)。因此,從跟蹤草圖開(kāi)始(在 新層 )具有直線、水平線和垂直線的。

然后繞過(guò)角落。當(dāng)羽流上升時(shí),使圓角變得更寬/更圓是有意義的,當(dāng)圓角靠近底部時(shí)會(huì)變得更鋒利。

然后,完成概述,使一些線內(nèi)的形狀,就像噴出的煙霧與其余的羽流重疊。


 

undefined


 

步驟3

現(xiàn)在讓我們來(lái)點(diǎn)迷幻藥吧。

我們希望煙霧在上升時(shí)逐漸變薄,我們將通過(guò)逐漸降低不透明度來(lái)傳達(dá)這一點(diǎn),但我們將通過(guò)使用明亮的顏色來(lái)解決這些不同的不透明度問(wèn)題。

否則,在不同的陰影下使用最終顏色將是一種痛苦(魔術(shù)魔杖工具甚至不能在不進(jìn)行一些調(diào)整的情況下分離透明度)。

所以我選擇做的是在每個(gè)羽流上有四種不同的色調(diào)。第一個(gè)我只使用在煙囪排氣,并作為一個(gè)輕微的遮陽(yáng)的羽流的工作。另外三種顏色分布得更均勻一些。

我給出了不同色調(diào)相交的區(qū)域,這是一種過(guò)渡模式。我還為輪廓做了不同的色調(diào),隨著煙的升起,它和煙一起消失了。

一旦所有這些都完成了,你就可以開(kāi)始用不同的不透明煙色來(lái)代替那些時(shí)髦的顏色了,我把它做成了一種幾乎白色的顏色,帶有一點(diǎn)黃色的色彩。

我從下到上做了不透明:80%,60%,40%和20%的填充。輪廓要柔和得多(從下到上):20%,10%,5%。


 

undefined


 

步驟4

當(dāng)然,這是為所有三個(gè)草圖,理想的同時(shí),使他們更加一致。

這是三個(gè)羽流的處理過(guò)程。

undefined
 

步驟5

在這里,他們被應(yīng)用于建筑物-使工廠100%完成!


 

undefined


 

閑的蛋疼工廠開(kāi)始運(yùn)轉(zhuǎn)。恭喜你!

這項(xiàng)工作得到了回報(bào)。工廠已經(jīng)投入使用,煙羽看起來(lái)很好,而且?guī)缀醺蓛舻讲粫?huì)造成污染,現(xiàn)在你可以為一個(gè)城市配備一些工業(yè)元素,讓你的像素藝術(shù)人物有一個(gè)工作的地方,讓你的像素藝術(shù)小鎮(zhèn)更多樣化、更有生命力。

希望這是有成效的!


 


7
評(píng)論區(qū)(0)
正在加載評(píng)論...