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