整個的結(jié)構(gòu)中，光影也尤其重要，首先要知道天光是從哪打過來的。然后根據(jù)光源去為每一個面的顏色深淺變化

同一個顏色下就可以運(yùn)用顏色的明度深淺對比組合就行，光源弄好了看起來就比較舒服，而且光源統(tǒng)一

上述對設(shè)計上的一些理解和思路，那么以上是怎么想，那么下面這些就是怎么做，

之后會有多個知識點(diǎn)，只要記住知識點(diǎn)自己在去設(shè)計應(yīng)該會得心應(yīng)手。

PS中操作方法

(PS)做2.5D的時候在PS里一定要記住幾個參數(shù) 水平縮放86.6% 、垂直斜切30°、旋轉(zhuǎn)-60°

根據(jù)這幾個參數(shù)來演示一下。首先建立一個正方形 我這里演示尺寸為160 160，(尺寸大小可以根據(jù)需求而定不做限制)然后填充一個顏色。選區(qū)正方形圖層，快捷鍵CTRL+T自由變換，然后 水平縮放86.6% 、 垂直斜切30 ° 、 旋轉(zhuǎn)-60 ° 一個平面的正方形立即變成了等角上方效果。

作為(1)來說就是給垂直斜切30 ° 、水平縮放86.6%成為側(cè)面，要另一個側(cè)面可以-30 ° 也可以復(fù)制出一個(1)然后水平旋轉(zhuǎn)就可以得到(2)效果，到這里三個面出來了，完全可以合成一個正經(jīng)的2.5D等角上方效果。在PS中稍笨拙一點(diǎn)，先有面在立體.

AI中操作方法

(AI)在AI中運(yùn)用會更方便順手一些。首先也要建一個160 160的正方形然后效果-3D-凸出，選擇位置-等角-上方 這里只需根據(jù)自己需要調(diào)節(jié)凸出厚度就可以或者是端點(diǎn)調(diào)節(jié)。這里給的50PT厚度 最終效果如下：

同樣操作，如果想要一個立體的在左側(cè)那么就選擇等角-左方，想要右側(cè)那么選擇等角-右方，是不是在AI中很容易得到等距等角2.5D效果根據(jù)想要的圖形可以組合各種想要的圖形，達(dá)到最終效果。

那么有人又會問順叔那在Ai里一個等角立方體那我怎么給各個面顏色，這個也很方便，選擇對象-擴(kuò)展外觀，然后就會得到各個面。在AI中給顏色也可在拖拽到PS里給顏色也可以，根據(jù)自己習(xí)慣而定，就是這么隨意。

講到這呢知識點(diǎn)基本是講完了，是不是覺得很簡單很輕松，操作和記住參數(shù)是很簡單。但是主要還是創(chuàng)意，如何把各個正方體、圓柱體、三角體組成一個創(chuàng)意效果的確是需要點(diǎn)時間去考慮。為了這次的教程順叔通宵兩個晚上，從想法-創(chuàng)意-到手繪稿-到軟件實(shí)現(xiàn)這樣的過程。展示一下在做這個2.5D前期一些想法手稿，基本想怎么表現(xiàn)都要在本子上修修改改、最終覺得滿意了在進(jìn)行軟件實(shí)現(xiàn)，以下為順叔手稿。

以一個局部為例一個組合是有很多個圖形而組成。

以上講的如何制作2.5D想法、技巧都跟大家講解很清楚了，大家可以根據(jù)技巧去做創(chuàng)意組合，以下根據(jù)實(shí)例在鞏固一下知識點(diǎn)、因?yàn)檎麄€設(shè)計太大，如果整個都講完會需要很長時間，所以就從一個局部實(shí)例大致講解一下，希望能看的更明白一些。如果想要臨摹也可以根據(jù)我原創(chuàng)的進(jìn)行拓展創(chuàng)意，顏色上可以吸顏色、造型上等角等距算是固定、更多就是組合和創(chuàng)意由大家發(fā)揮。好了既然上面把小房子拆分， 那就按照上面的局部部分給大家講解一下吧，如何制作。照顧到大家，所以演示在AI里做基礎(chǔ)型，在PS里進(jìn)行布局?jǐn)[放處理。大家也可以不用這樣方法 可以在AI里直接進(jìn)行也可，還是那句話怎么習(xí)慣怎么弄。

首先在PS中ctrl+n 建立寬800 高800 分辨率72 顏色模式RGB顏色

點(diǎn)漸變-在漸變編輯器中選擇漸變顏色#a7cef3 #dac6f4 滑動藍(lán)色向右讓藍(lán)色稍微多一點(diǎn)，漸變在編輯器中設(shè)定完之后確定然后在畫面中從上往下角拖拽最終成為想要的漸變色，背景就這么簡單完事

接著AI打開，建立圖層，選擇圓角矩形，雙擊畫布空白處彈出圓角矩形設(shè)置框，寬度：450PX、 高度：450px 、圓角：20PX點(diǎn)擊確認(rèn)，隨便填充一個顏色

AI中選擇效果-3D-凸出，彈出選項(xiàng)設(shè)置，然后選擇位置-等角-上方，X/Y/軸都不需要設(shè)置，需要設(shè)置的是凸出厚度，根據(jù)自己需要設(shè)置，值越大厚度越高，端點(diǎn)選擇默認(rèn)即可。選擇確定得到一個等角2.5D底座。

做到這并未完成，AI里選中圖形，選擇-擴(kuò)展外觀，目的是可以讓這各個面都拆分出來，然后可以給予各個面顏色。

最新評論