使用PS繪制2.5D風(fēng)格的商業(yè)中心城市插畫(huà)教程
先看看其他道友做的:

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安裝教程
- 類(lèi)型:圖像處理
- 大?。?/span>1.93GB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2022-05-13



大家的第一眼可能感覺(jué)有點(diǎn)復(fù)雜,不知道該怎么畫(huà),其實(shí)這些都是由最基本的形狀組合起來(lái)的,老夫今天就來(lái)指導(dǎo)大家如何修煉這套功法。
首先,我們先要了解這套功法(整個(gè)畫(huà)面的視角):

可以看出這個(gè)立方體是由正菱形組成的,菱形的四個(gè)內(nèi)角分別是60°、120°、60°、120°,可以看成是左右兩個(gè)正三角形組成的,接下來(lái)我們開(kāi)始修煉
♦ 功法第一章:立方體
第一套口訣(方法):
用多邊形工具一個(gè)正三角形,使用自由變換把數(shù)值改成整數(shù),刪除錨點(diǎn)工具刪除多余的錨點(diǎn),隨后復(fù)制一個(gè)旋轉(zhuǎn)180°:

將這個(gè)形狀合并,復(fù)制兩個(gè)出來(lái),一個(gè)旋轉(zhuǎn)60°,另一個(gè)-60°,可能需要調(diào)整錨點(diǎn)來(lái)去除虛邊,調(diào)整好位置:

第二套口訣:
先畫(huà)一個(gè)200*200的正方形,在自由變換中,按下圖設(shè)置:

這樣也能得到目標(biāo)形狀
第三套口訣(重點(diǎn)):
我們發(fā)現(xiàn)前兩個(gè)方法只對(duì)正方形有用,對(duì)其他中心對(duì)稱(chēng)的形狀就不管用了,我們就需要找到其中的規(guī)律
先用第二種方法做一個(gè)正菱形:

可以看到菱形的邊長(zhǎng)和高都一樣
這時(shí)我們?cè)僮鲆粋€(gè)200*200的正方形,旋轉(zhuǎn)45°:

我們現(xiàn)在調(diào)整第二個(gè)形狀使其得到第一個(gè)形狀就能得到換算百分比,老夫算了一下:高的比率=200÷200√2≈0.71,寬的比率=200√3÷200√2≈1.22,所有我們只需要把第二個(gè)形狀的高設(shè)為71%,寬設(shè)為122%就能得到第一個(gè)形狀,下面做其他形狀就會(huì)用到這個(gè)比率。
♦ 功法第二章:中心對(duì)稱(chēng)體
先看封面的這兩個(gè)形狀:

主要說(shuō)下六芒星形狀的做法,另一個(gè)八角星,相信我輩修士都能舉一反三
先畫(huà)個(gè)正三角形,邊長(zhǎng)240,刪除多余錨點(diǎn):

復(fù)制一個(gè)上下顛倒,移動(dòng)到圖示位置:

合并形狀后,旋轉(zhuǎn)30°,根據(jù)上一章功法的規(guī)律,將高設(shè)為71%,寬設(shè)為122%,然后調(diào)整錨點(diǎn),去掉虛邊:

要做出厚度的話(huà)先畫(huà)個(gè)矩形,調(diào)整好形狀,由于形狀不可能完美,所以會(huì)有縫隙,我們可以超出一部分,讓上面的形狀蓋住它:

復(fù)制出來(lái)得到其他幾個(gè),并根據(jù)光線(xiàn)方向,加上顏色:

♦ 功法第三章:圓角長(zhǎng)方形
先畫(huà)一個(gè)400*200的長(zhǎng)方形,加上12px圓角

自由變換——斜切30°,旋轉(zhuǎn)-60°:

復(fù)制一層往下移:

在空隙的地方畫(huà)上矩形遮蓋,并合并形狀:

加上漸變色來(lái)看看效果:

我這里做了高光效果,不做也是OK的
♦ 功法第四章:三角形

這次我們做一個(gè)水平方向上有厚度的,老規(guī)矩,去除多余錨點(diǎn),自由變換:


復(fù)制一個(gè)移動(dòng),找一個(gè)之前畫(huà)的長(zhǎng)方形來(lái)做參考:

再畫(huà)一個(gè)長(zhǎng)方形,注意它的寬度:

上下斜切-30°,然后同時(shí)選中上面兩個(gè)錨點(diǎn),捕捉到目標(biāo)位置:

♦ 功法第五章:樓梯
做一個(gè)矩形,再?gòu)?fù)制一個(gè):

下面的上下斜切30°,上面的上下斜切-30°,旋轉(zhuǎn)60°,順便改個(gè)顏色:

多復(fù)制幾個(gè)

畫(huà)一個(gè)矩形在最下面

斜切-30°,移動(dòng)到合適位置,并調(diào)整下錨點(diǎn),順便改個(gè)顏色:

少年,你已經(jīng)得到了老夫的傳承,只要明白了其中的原理,加上多多練習(xí),就能組合出非常豐富的圖形了。
相關(guān)文章

使用AI結(jié)合PS繪制出2.5D泳池度假場(chǎng)景插畫(huà)教程
今天要教大家使用Illustrator與photoshop制作出一個(gè)2.5D的泳池度假場(chǎng)景圖,如果覺(jué)得本教程還不錯(cuò)也可以推薦給朋友或者同學(xué),好了話(huà)不多說(shuō),開(kāi)始我們今天的教程吧2021-04-19
ps怎么設(shè)計(jì)扁平化的2.5d小圖標(biāo)?
ps怎么設(shè)計(jì)扁平化的2.5d小圖標(biāo)?ps中想要設(shè)計(jì)一款平面化的圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ps設(shè)計(jì)2.5d立體圖標(biāo)的教程,需要的朋友可以參考下2018-01-29
Photoshop創(chuàng)意合成2.5d風(fēng)格圣誕工廠海報(bào)教程
本教程教腳本之家的合成特效學(xué)習(xí)者使用Photoshop創(chuàng)意合成2.5d風(fēng)格圣誕工廠海報(bào),教程打造的圣誕節(jié)海報(bào)屬于扁平化、2.5d風(fēng)格,非常個(gè)性,難度不是很大,感興趣的朋友歡迎前來(lái)2018-01-23
最近,不少網(wǎng)友問(wèn)小編2.5d風(fēng)格是怎么做的?今天腳本之家小編就給大家?guī)?lái)ps簡(jiǎn)單繪制2.5d風(fēng)格城堡教程,想要學(xué)習(xí)2.5d設(shè)計(jì)風(fēng)格的朋友可以看看2018-01-03
ai結(jié)合ps繪制2.5D風(fēng)格的手機(jī)插畫(huà)的教程
想要設(shè)計(jì)一個(gè)2.5D風(fēng)格的圖片,該怎么設(shè)計(jì)呢?我們需要使用ai和ps兩款軟件來(lái)繪制手機(jī)上面出現(xiàn)立體文字的教程,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-12-11
AI結(jié)合ps設(shè)計(jì)制作一款2.5D插畫(huà)書(shū)中自有黃金屋的教程
想要設(shè)計(jì)一個(gè)書(shū)中自有黃金屋的2.5D插畫(huà),該怎么制作呢?我們需要使用ai和ps一起完成,ai繪制圖形,然后使用ps調(diào)節(jié)細(xì)節(jié),詳細(xì)請(qǐng)看詳細(xì)介紹,需要的朋友可以參考下2017-09-04
對(duì)于一個(gè)優(yōu)秀的設(shè)計(jì)師應(yīng)該將企業(yè)文化和品牌影響以設(shè)計(jì)的角度詮釋的淋漓盡致,而不是找借口說(shuō)被公司需求限制的難以發(fā)揮。今天為大家AI結(jié)合PS繪制2.5D建筑插畫(huà)教程,很值得大2017-03-02








