Photoshop結(jié)合Illustrator簡(jiǎn)單快速實(shí)現(xiàn)2.5d等距插畫(huà)風(fēng)格教程

這特別注意,開(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)教程
相關(guān)文章
psd文件用什么打開(kāi)? 沒(méi)有Photoshop的情況下打開(kāi)psd文件的四種方法
收到了psd文件,但是電腦沒(méi)有安裝ps,該怎么解決這個(gè)問(wèn)題呢?下面我們就來(lái)看看這個(gè)問(wèn)題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過(guò)程中,Photoshop總是會(huì)無(wú)緣無(wú)故地自動(dòng)退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動(dòng)退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個(gè)圖層,并沒(méi)有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來(lái)經(jīng)??D?下面我們就來(lái)看看pds文件優(yōu)化方法2024-05-25- 將多個(gè)圖層合并為一個(gè)圖層,但作為設(shè)計(jì)師你需要了解一下合并圖層是有破壞性的,下面我們就來(lái)詳細(xì)介紹一下2024-05-25
ps暫存盤(pán)已滿(mǎn)怎么回事? 暫存盤(pán)已滿(mǎn)快速釋放空間的六種方法
通常是因?yàn)镻hotoshop使用的暫存盤(pán)空間不足,導(dǎo)致無(wú)法正常工作,那么,如何解決這一問(wèn)題呢?本文將為您提供詳細(xì)的解決方案2024-05-25PS存儲(chǔ)和存儲(chǔ)為有什么區(qū)別? 理解存儲(chǔ)與存儲(chǔ)為的重要性
ps導(dǎo)出文件的時(shí)候,可以直接存儲(chǔ),也可以另存存儲(chǔ)為,這兩個(gè)操作有區(qū)別嗎?新手該怎么保存文件呢?詳細(xì)請(qǐng)看下文介紹2024-03-28ps beta ai顯示高峰需求進(jìn)不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過(guò)程中,有時(shí)會(huì)遇到一個(gè)令人煩惱的問(wèn)題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請(qǐng)稍候再試,針對(duì)這個(gè)問(wèn)題,本文為大家整理2024-03-28ps段落兩端對(duì)齊不能用怎么辦? ps文字排版不能對(duì)齊的修復(fù)技巧
PS進(jìn)行設(shè)計(jì)時(shí),段落兩端對(duì)齊是一個(gè)常用的排版功能,它能讓文本看起來(lái)更加整潔和專(zhuān)業(yè),然而,許多用戶(hù)在使用PS時(shí)可能會(huì)遇到一個(gè)令人頭疼的問(wèn)題:段落兩端對(duì)齊功能似乎不起作2024-03-09ps插件安裝在哪個(gè)文件夾 ps插件安裝位置詳細(xì)介紹
PS插件是許多人常用的一種工具,有些用戶(hù)可能會(huì)困惑,不知道應(yīng)該將PS插件安裝到哪個(gè)文件夾,對(duì)于這個(gè)問(wèn)題我們需要從多個(gè)角度進(jìn)行分析,以便給出一個(gè)準(zhǔn)確的答案2024-02-20ps打開(kāi)出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細(xì)修復(fù)方法
打開(kāi)ps時(shí),系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無(wú)法找到它所依賴(lài)的DLL文件,可能是因?yàn)檫@些文件已經(jīng)被刪除、移動(dòng)或更改了名稱(chēng),下面我們就來(lái)分享幾種解決辦法2024-02-19