亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

站酷   發(fā)布時(shí)間:2018-04-27 10:12:53   作者:張?jiān)鲰?  我要評(píng)論
本教程將教大家使用Photoshop結(jié)合Illustrator快速實(shí)現(xiàn)2.5d等距插畫風(fēng)格,教程主要講解了2.5d等距插畫風(fēng)的一些設(shè)計(jì)思路及技巧,看完你會(huì)發(fā)現(xiàn)等距插畫風(fēng)格如此簡單

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

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

地基已經(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è)面顏色。

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

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)綴一些顆粒的東西上面部分完成。

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

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

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

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

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

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

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

墻體完成,感覺有點(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)確。

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

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

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

接下來就是制作臺(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中擺放合適位置

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

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

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

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

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

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

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

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

文章結(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)教程推薦:

AI繪制2.5D等距立體冰淇淋車插畫教程

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

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

相關(guān)文章

最新評(píng)論