使用PS繪制2.5D風(fēng)格的商業(yè)中心城市插畫教程

先看看其他道友做的:
大家的第一眼可能感覺有點復(fù)雜,不知道該怎么畫,其實這些都是由最基本的形狀組合起來的,老夫今天就來指導(dǎo)大家如何修煉這套功法。
首先,我們先要了解這套功法(整個畫面的視角):
可以看出這個立方體是由正菱形組成的,菱形的四個內(nèi)角分別是60°、120°、60°、120°,可以看成是左右兩個正三角形組成的,接下來我們開始修煉
♦ 功法第一章:立方體
第一套口訣(方法):
用多邊形工具一個正三角形,使用自由變換把數(shù)值改成整數(shù),刪除錨點工具刪除多余的錨點,隨后復(fù)制一個旋轉(zhuǎn)180°:
將這個形狀合并,復(fù)制兩個出來,一個旋轉(zhuǎn)60°,另一個-60°,可能需要調(diào)整錨點來去除虛邊,調(diào)整好位置:
第二套口訣:
先畫一個200*200的正方形,在自由變換中,按下圖設(shè)置:
這樣也能得到目標(biāo)形狀
第三套口訣(重點):
我們發(fā)現(xiàn)前兩個方法只對正方形有用,對其他中心對稱的形狀就不管用了,我們就需要找到其中的規(guī)律
先用第二種方法做一個正菱形:
可以看到菱形的邊長和高都一樣
這時我們再做一個200*200的正方形,旋轉(zhuǎn)45°:
我們現(xiàn)在調(diào)整第二個形狀使其得到第一個形狀就能得到換算百分比,老夫算了一下:高的比率=200÷200√2≈0.71,寬的比率=200√3÷200√2≈1.22,所有我們只需要把第二個形狀的高設(shè)為71%,寬設(shè)為122%就能得到第一個形狀,下面做其他形狀就會用到這個比率。
♦ 功法第二章:中心對稱體
先看封面的這兩個形狀:
主要說下六芒星形狀的做法,另一個八角星,相信我輩修士都能舉一反三
先畫個正三角形,邊長240,刪除多余錨點:
復(fù)制一個上下顛倒,移動到圖示位置:
合并形狀后,旋轉(zhuǎn)30°,根據(jù)上一章功法的規(guī)律,將高設(shè)為71%,寬設(shè)為122%,然后調(diào)整錨點,去掉虛邊:
要做出厚度的話先畫個矩形,調(diào)整好形狀,由于形狀不可能完美,所以會有縫隙,我們可以超出一部分,讓上面的形狀蓋住它:
復(fù)制出來得到其他幾個,并根據(jù)光線方向,加上顏色:
♦ 功法第三章:圓角長方形
先畫一個400*200的長方形,加上12px圓角
自由變換——斜切30°,旋轉(zhuǎn)-60°:
復(fù)制一層往下移:
在空隙的地方畫上矩形遮蓋,并合并形狀:
加上漸變色來看看效果:
我這里做了高光效果,不做也是OK的
♦ 功法第四章:三角形
這次我們做一個水平方向上有厚度的,老規(guī)矩,去除多余錨點,自由變換:
復(fù)制一個移動,找一個之前畫的長方形來做參考:
再畫一個長方形,注意它的寬度:
上下斜切-30°,然后同時選中上面兩個錨點,捕捉到目標(biāo)位置:
♦ 功法第五章:樓梯
做一個矩形,再復(fù)制一個:
下面的上下斜切30°,上面的上下斜切-30°,旋轉(zhuǎn)60°,順便改個顏色:
多復(fù)制幾個
畫一個矩形在最下面
斜切-30°,移動到合適位置,并調(diào)整下錨點,順便改個顏色:
少年,你已經(jīng)得到了老夫的傳承,只要明白了其中的原理,加上多多練習(xí),就能組合出非常豐富的圖形了。
相關(guān)文章
使用AI結(jié)合PS繪制出2.5D泳池度假場景插畫教程
今天要教大家使用Illustrator與photoshop制作出一個2.5D的泳池度假場景圖,如果覺得本教程還不錯也可以推薦給朋友或者同學(xué),好了話不多說,開始我們今天的教程吧2021-04-19- ps怎么設(shè)計扁平化的2.5d小圖標(biāo)?ps中想要設(shè)計一款平面化的圖標(biāo),該怎么設(shè)計呢?下面我們就來看看ps設(shè)計2.5d立體圖標(biāo)的教程,需要的朋友可以參考下2018-01-29
Photoshop創(chuàng)意合成2.5d風(fēng)格圣誕工廠海報教程
本教程教腳本之家的合成特效學(xué)習(xí)者使用Photoshop創(chuàng)意合成2.5d風(fēng)格圣誕工廠海報,教程打造的圣誕節(jié)海報屬于扁平化、2.5d風(fēng)格,非常個性,難度不是很大,感興趣的朋友歡迎前來2018-01-23- 最近,不少網(wǎng)友問小編2.5d風(fēng)格是怎么做的?今天腳本之家小編就給大家?guī)韕s簡單繪制2.5d風(fēng)格城堡教程,想要學(xué)習(xí)2.5d設(shè)計風(fēng)格的朋友可以看看2018-01-03
ai結(jié)合ps繪制2.5D風(fēng)格的手機(jī)插畫的教程
想要設(shè)計一個2.5D風(fēng)格的圖片,該怎么設(shè)計呢?我們需要使用ai和ps兩款軟件來繪制手機(jī)上面出現(xiàn)立體文字的教程,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-11AI結(jié)合ps設(shè)計制作一款2.5D插畫書中自有黃金屋的教程
想要設(shè)計一個書中自有黃金屋的2.5D插畫,該怎么制作呢?我們需要使用ai和ps一起完成,ai繪制圖形,然后使用ps調(diào)節(jié)細(xì)節(jié),詳細(xì)請看詳細(xì)介紹,需要的朋友可以參考下2017-09-04- 對于一個優(yōu)秀的設(shè)計師應(yīng)該將企業(yè)文化和品牌影響以設(shè)計的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發(fā)揮。今天為大家AI結(jié)合PS繪制2.5D建筑插畫教程,很值得大2017-03-02