這特別注意，開(kāi)始轉(zhuǎn)換軟件，把剛才的在AI里拆分的各個(gè)面一個(gè)一個(gè)的拖拽到PS里給予顏色值，圖形在AI里也可以給予顏色，但為了讓大家更加了解所以 PS AI 協(xié)同進(jìn)行，按照自己的習(xí)慣來(lái)，這個(gè)操作就比較麻煩了一步驟。拖拽到PS畫(huà)布中，之后給上面兩側(cè)面顏色，上面顏色#f1e9ec 兩側(cè)漸變色#af97d8 #d1bddc 漸變角度90

地基已經(jīng)打好啦，開(kāi)始建房子了，上面說(shuō)了2.5D在AI里會(huì)簡(jiǎn)單一些，所以我的分配協(xié)同就是AI里做基礎(chǔ)型，PS里做色彩。這樣結(jié)合最終會(huì)在PS里完成。所以我們還回到AI里雙擊畫(huà)布彈出圓角矩形設(shè)置框，寬度328 、高度190、圓角半徑0確定，選取長(zhǎng)方形在效果-3D-凸出在選項(xiàng)中選擇位置-等角-上方，X/Y/軸都不需要設(shè)置，然后設(shè)置凸出厚度60PT。同樣在AI里選擇-擴(kuò)展外觀，各個(gè)面拆分。然后各個(gè)面拖拽到PS中，在PS中給各個(gè)面顏色。

PS中給各個(gè)面顏色上面#f9f4d5 左面#f2c0a0 右面 #f7ddb2,復(fù)制一個(gè)上面的圖層，然后CTL+T自由變換、shitf+ait等比例縮放，填充顏色#fae7b3，復(fù)制出一個(gè)立方體，然后然后CTL+T自由變換、shitf+ait等比例縮放，到最適合區(qū)域，然后在復(fù)制一個(gè)立方體等比例縮放，一個(gè)比一個(gè)小的羅列，這房蓋上面基本完善，然后還有個(gè)冒光的光束，在PS中按照邊緣鋼筆工具勾選一個(gè)這的區(qū)域，然后給漸變即可。給畫(huà)面節(jié)增加效果，那么點(diǎn)綴一些顆粒的東西上面部分完成。

房蓋部分完成，那開(kāi)始制作房子下部分，還記得在AI中的一個(gè)寬度328 、高度190、圓角半徑0確定 矩形嗎，做下部分還需要回到AI中，同樣給予矩形效果-3D-凸出，彈出選項(xiàng)設(shè)置，別的都不變，只是凸出厚度變成350PT值。然后選擇-擴(kuò)展外觀，拆分各個(gè)面。拖拽到PS中給予顏色，大家發(fā)現(xiàn)一個(gè)問(wèn)題沒(méi)，只要做出來(lái)一個(gè)剩下的根據(jù)套路就可以完成剩下部分的元素。可能數(shù)值稍微有些變化。

在PS中給予三個(gè)面顏色、因有房蓋了所以三個(gè)面中的頂面就不要了，只要左右面即可給兩個(gè)面顏色,首先左面漸變#fd9383 #fdaf92色值漸變角度90度,右面漸變?yōu)?fdc4bb #feb294 色值漸變角度90度

為墻體做一個(gè)腰線，會(huì)讓墻體細(xì)節(jié)更加豐富飽滿(mǎn)。在AI中，找到之前墻體的上面部分，然后給予描邊粗細(xì)為3，背景圖關(guān)閉，選擇工具點(diǎn)一下A點(diǎn)然后delete去掉，然后給描邊一個(gè)白色顏色值，拖拽到PS中放在墻體合適位置

墻體完成，感覺(jué)有點(diǎn)不通透，有點(diǎn)悶，所以按一個(gè)門(mén)讓建筑空氣流通一下。這次門(mén)在PS里進(jìn)行，首先要給一個(gè)圓形矩形工具，半徑設(shè)置50，寬度50PX高130填充顏色#653d71,然后把下部分去掉，ctrl+t自由變換，只設(shè)置W:86.6 、V30度即可，然后得到一個(gè)側(cè)面，放置到房體適合的位置上，如果門(mén)大可以根據(jù)需要調(diào)整等比例大小,，為了透視畫(huà)三角形然后給個(gè)顏色，讓門(mén)更生動(dòng)透視更準(zhǔn)確。

有門(mén)那么也應(yīng)該有一個(gè)窗戶(hù)、窗戶(hù)是立體的所以在AI中進(jìn)行比較方便，首先在AI里建立一個(gè)正方形，然后效果-3D-凸出，凸出厚度5PT,位置-等角-右方，接著，對(duì)象-擴(kuò)展外觀，給予顏色，#f09981 #fec7be 然后在復(fù)制一下單面給予顏色#edecf6，等比例縮小到最佳位置，

接下來(lái)就是制作臺(tái)階，臺(tái)階也是立體形成，所以在AI里進(jìn)行。首先在AI里建立一個(gè)小一點(diǎn)的矩形，然后描邊、選擇工具點(diǎn)A點(diǎn)DELETE去掉，復(fù)制出一個(gè)連接，然后快捷鍵CTRL+D復(fù)制、想要幾個(gè)臺(tái)階就復(fù)制多少個(gè)，這里為了演示就復(fù)制5層，全選圖層CTYL+J連接、接著對(duì)象-變換-傾斜彈出框設(shè)定傾斜角度-30、軸為垂直、角度90，復(fù)制出一個(gè)作為B點(diǎn)，繪制一個(gè)矩形頂蓋變形等軸角度。結(jié)合A B點(diǎn)角度、用鋼筆工具完成矩形延伸、然后復(fù)制擺放、臺(tái)階上面顏色#faede8 立側(cè)顏色為#fdaf92、同樣側(cè)面也是需要鋼筆工具來(lái)完成，這時(shí)候一個(gè)臺(tái)階制作完，把臺(tái)階拖拽到PS中擺放合適位置

在AI中可用鋼筆工具繪制一個(gè)遮陽(yáng)棚的篷布、用鋼筆工具繪制棚上裝飾線最終把線顏色改成白色，鋼筆工具繪制遮陽(yáng)棚側(cè)面然后三者合成最后形成遮陽(yáng)棚、拖拽到PS中和建筑結(jié)合放置最合適的位置完成。

做到這整個(gè)建筑的技巧和思路基本就完事了剩下的就是在PS中創(chuàng)意結(jié)合，再有建筑大同小異，方式方法也差不多是這樣的。只不過(guò)就是大小數(shù)值會(huì)有變化然后根據(jù)整個(gè)畫(huà)面在平臺(tái)創(chuàng)意的擺放最終達(dá)到效果。如下是重新局部設(shè)計(jì)擺放樣式、然后把之前的人物、樓房、裝飾拖拽過(guò)來(lái)又成為一幅新的2.5D效果圖

局部重新制作(教程演示)

最后在給大家欣賞一下完整設(shè)計(jì)效果圖

文章結(jié)束，以上就是關(guān)于Photoshop結(jié)合Illustrator簡(jiǎn)單快速實(shí)現(xiàn)2.5d等距插畫(huà)風(fēng)格教程的全部?jī)?nèi)容。如果設(shè)計(jì)小伙伴們有時(shí)間就可以臨摹整個(gè)的2.5D效果圖練習(xí)、如果沒(méi)有時(shí)間就可以臨摹局部的效果圖、寫(xiě)設(shè)計(jì)教程不易、而且寫(xiě)良心設(shè)計(jì)教程更不容易、如有任何設(shè)計(jì)上的疑問(wèn)可以加我。文章來(lái)源于 站酷，感謝作者 張?jiān)鲰?給我們帶來(lái)經(jīng)精彩的文章！

相關(guān)教程推薦：

AI繪制2.5D等距立體冰淇淋車(chē)插畫(huà)教程

AI繪制2.5D等距場(chǎng)景立體圖標(biāo)教程

AI結(jié)合PS繪制2.5D建筑插畫(huà)

最新評(píng)論