Photoshop結(jié)合Illustrator簡單快速實現(xiàn)2.5d等距插畫風(fēng)格教程
我要評論這特別注意，開始轉(zhuǎn)換軟件，把剛才的在AI里拆分的各個面一個一個的拖拽到PS里給予顏色值，圖形在AI里也可以給予顏色，但為了讓大家更加了解所以 PS AI 協(xié)同進行，按照自己的習(xí)慣來，這個操作就比較麻煩了一步驟。拖拽到PS畫布中，之后給上面兩側(cè)面顏色，上面顏色#f1e9ec 兩側(cè)漸變色#af97d8 #d1bddc 漸變角度90
地基已經(jīng)打好啦，開始建房子了，上面說了2.5D在AI里會簡單一些，所以我的分配協(xié)同就是AI里做基礎(chǔ)型，PS里做色彩。這樣結(jié)合最終會在PS里完成。所以我們還回到AI里雙擊畫布彈出圓角矩形設(shè)置框，寬度328 、高度190、圓角半徑0確定，選取長方形在效果-3D-凸出在選項中選擇位置-等角-上方，X/Y/軸都不需要設(shè)置，然后設(shè)置凸出厚度60PT。同樣在AI里選擇-擴展外觀，各個面拆分。然后各個面拖拽到PS中，在PS中給各個面顏色。
PS中給各個面顏色上面#f9f4d5 左面#f2c0a0 右面 #f7ddb2,復(fù)制一個上面的圖層，然后CTL+T自由變換、shitf+ait等比例縮放，填充顏色#fae7b3，復(fù)制出一個立方體，然后然后CTL+T自由變換、shitf+ait等比例縮放，到最適合區(qū)域，然后在復(fù)制一個立方體等比例縮放，一個比一個小的羅列，這房蓋上面基本完善，然后還有個冒光的光束，在PS中按照邊緣鋼筆工具勾選一個這的區(qū)域，然后給漸變即可。給畫面節(jié)增加效果，那么點綴一些顆粒的東西上面部分完成。
房蓋部分完成，那開始制作房子下部分，還記得在AI中的一個寬度328 、高度190、圓角半徑0確定 矩形嗎，做下部分還需要回到AI中，同樣給予矩形效果-3D-凸出，彈出選項設(shè)置，別的都不變，只是凸出厚度變成350PT值。然后選擇-擴展外觀，拆分各個面。拖拽到PS中給予顏色，大家發(fā)現(xiàn)一個問題沒，只要做出來一個剩下的根據(jù)套路就可以完成剩下部分的元素?？赡軘?shù)值稍微有些變化。
在PS中給予三個面顏色、因有房蓋了所以三個面中的頂面就不要了，只要左右面即可給兩個面顏色,首先左面漸變#fd9383 #fdaf92色值漸變角度90度,右面漸變?yōu)?fdc4bb #feb294 色值漸變角度90度
為墻體做一個腰線，會讓墻體細節(jié)更加豐富飽滿。在AI中，找到之前墻體的上面部分，然后給予描邊粗細為3，背景圖關(guān)閉，選擇工具點一下A點然后delete去掉，然后給描邊一個白色顏色值，拖拽到PS中放在墻體合適位置
墻體完成，感覺有點不通透，有點悶，所以按一個門讓建筑空氣流通一下。這次門在PS里進行，首先要給一個圓形矩形工具，半徑設(shè)置50，寬度50PX高130填充顏色#653d71,然后把下部分去掉，ctrl+t自由變換，只設(shè)置W:86.6 、V30度即可，然后得到一個側(cè)面，放置到房體適合的位置上，如果門大可以根據(jù)需要調(diào)整等比例大小,，為了透視畫三角形然后給個顏色，讓門更生動透視更準(zhǔn)確。
有門那么也應(yīng)該有一個窗戶、窗戶是立體的所以在AI中進行比較方便，首先在AI里建立一個正方形，然后效果-3D-凸出，凸出厚度5PT,位置-等角-右方，接著，對象-擴展外觀，給予顏色，#f09981 #fec7be 然后在復(fù)制一下單面給予顏色#edecf6，等比例縮小到最佳位置，
接下來就是制作臺階，臺階也是立體形成，所以在AI里進行。首先在AI里建立一個小一點的矩形，然后描邊、選擇工具點A點DELETE去掉，復(fù)制出一個連接，然后快捷鍵CTRL+D復(fù)制、想要幾個臺階就復(fù)制多少個，這里為了演示就復(fù)制5層，全選圖層CTYL+J連接、接著對象-變換-傾斜彈出框設(shè)定傾斜角度-30、軸為垂直、角度90，復(fù)制出一個作為B點，繪制一個矩形頂蓋變形等軸角度。結(jié)合A B點角度、用鋼筆工具完成矩形延伸、然后復(fù)制擺放、臺階上面顏色#faede8 立側(cè)顏色為#fdaf92、同樣側(cè)面也是需要鋼筆工具來完成，這時候一個臺階制作完，把臺階拖拽到PS中擺放合適位置
在AI中可用鋼筆工具繪制一個遮陽棚的篷布、用鋼筆工具繪制棚上裝飾線最終把線顏色改成白色，鋼筆工具繪制遮陽棚側(cè)面然后三者合成最后形成遮陽棚、拖拽到PS中和建筑結(jié)合放置最合適的位置完成。
做到這整個建筑的技巧和思路基本就完事了剩下的就是在PS中創(chuàng)意結(jié)合，再有建筑大同小異，方式方法也差不多是這樣的。只不過就是大小數(shù)值會有變化然后根據(jù)整個畫面在平臺創(chuàng)意的擺放最終達到效果。如下是重新局部設(shè)計擺放樣式、然后把之前的人物、樓房、裝飾拖拽過來又成為一幅新的2.5D效果圖
局部重新制作(教程演示)
最后在給大家欣賞一下完整設(shè)計效果圖
文章結(jié)束，以上就是關(guān)于Photoshop結(jié)合Illustrator簡單快速實現(xiàn)2.5d等距插畫風(fēng)格教程的全部內(nèi)容。如果設(shè)計小伙伴們有時間就可以臨摹整個的2.5D效果圖練習(xí)、如果沒有時間就可以臨摹局部的效果圖、寫設(shè)計教程不易、而且寫良心設(shè)計教程更不容易、如有任何設(shè)計上的疑問可以加我。文章來源于 站酷，感謝作者 張增順 給我們帶來經(jīng)精彩的文章！
相關(guān)教程推薦：
相關(guān)文章
PS不能完成命令，因為沒有足夠內(nèi)存(RAM)的解決方案
photoshop無疑是一款非常好用的圖像編輯軟件，對于電腦小白來說操作非常困難，比如提示“不能完成命令，因為沒有足夠內(nèi)存（RAM）”要怎么辦呢？下面就來看看小編為大家提供2025-05-16
縱享絲滑的修圖體驗! 10個Photoshop性能優(yōu)化小技巧
ps提供了豐富的自定義選項，只要根據(jù)你的硬件配置和項目需求，合理調(diào)整內(nèi)存、緩存等核心參數(shù)，只要幾個小步驟，小白用戶也能讓運行效率加倍2025-04-24
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件，但是電腦沒有安裝ps，該怎么解決這個問題呢？下面我們就來看看這個問題的解決辦法2025-05-07ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中，Photoshop總是會無緣無故地自動退出，這不僅打斷了工作流程，還可能導(dǎo)致未保存的更改丟失，令人頭疼不已，本文將深入剖析Photoshop自動退出的原因，并提供相2024-07-04
怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個圖層，并沒有引入什么大型圖片，但是 PSD 文件卻異常巨大，而且用起來經(jīng)常卡頓？下面我們就來看看pds文件優(yōu)化方法2024-05-25
將多個圖層合并為一個圖層，但作為設(shè)計師你需要了解一下合并圖層是有破壞性的，下面我們就來詳細介紹一下2024-05-25- 通常是因為Photoshop使用的暫存盤空間不足，導(dǎo)致無法正常工作,那么，如何解決這一問題呢？本文將為您提供詳細的解決方案2024-05-25
PS存儲和存儲為有什么區(qū)別? 理解存儲與存儲為的重要性
ps導(dǎo)出文件的時候，可以直接存儲，也可以另存存儲為，這兩個操作有區(qū)別嗎？新手該怎么保存文件呢？詳細請看下文介紹2024-03-28
ps beta ai顯示高峰需求進不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能，在使用過程中，有時會遇到一個令人煩惱的問題，那就是PhotoshopBetaAI提示我們正在面臨高峰需求，請稍候再試，針對這個問題，本文為大家整理2024-03-28ps段落兩端對齊不能用怎么辦? ps文字排版不能對齊的修復(fù)技巧
PS進行設(shè)計時，段落兩端對齊是一個常用的排版功能，它能讓文本看起來更加整潔和專業(yè),然而，許多用戶在使用PS時可能會遇到一個令人頭疼的問題：段落兩端對齊功能似乎不起作2024-03-09
