這一篇講2.5D插畫簡單版的制作完整過程。
當然首先你要先了解2.5D等軸插畫制作的基礎,基準網格線的繪制,這個可以參考上一篇基礎篇(PS教程:從平面圖到2.5D圖的變換,僞3D電商海報制作的基礎)。
最終漸變效果圖:
非漸變效果圖:
現在說一下詳細的操作步驟:
1.先做好等角等軸網格線,這個繪制就不多說了,已經在上一篇做了詳細的說明,可以先看一下上一篇;
2.添加背景圖層,添加顔色,接下去做手機。
3.用圓角矩形工具,畫一個圓角矩形,作為手機的基本面。
4.用矩形工具,在手機面内畫一個長方形,作為手機屏幕。
5.用橢圓工具,畫上手機上方的攝像頭和下方的home鍵;用圓角矩形工具,畫上手機上方音筒。
6.畫好之後,手機平面圖就畫好了;建立一個手機組,将配件圖層都移進去。
7.選中手機組,點擊編輯>變換>旋轉,設置H為86.6025%,角度為-30,H值為30度,按enter就變換好手機的形狀了。(改的是H角度,那就把H百分比變到86.6025%;改的是V角度,那就把W百分比變到86.6025%;至于原理也請看上一篇。)
8.現在做手機的2.5D圖;
将手機的底部圓角矩形複制一次,垂直往下移動一些,再變換一下顔色,作為側面的顔色;
用橢圓工具,補充一下角落的缺失位置;
再用路徑選擇工具,改變底部圖層角落的角度至合适位置;
同樣補充一下右下角的角落,到這裡手機的2.5D圖就完成了。
9.現在開始做馬路,先用矩形工具,畫一個長矩形,作為馬路基本形狀;
用直線工具,設置一下描邊大小和虛線,這樣馬路的平面圖就做好了;
多複制幾次備用;
選中其中一組馬路,點擊編輯>變換>旋轉,角度設置為60度,放置好馬路的位置;
同樣放置好其他幾組馬路,再對交彙處,用路徑選擇工具,将馬路和白線改變到合适位置;
變換好之後,基本的底層馬路就做好了;
再畫上手機上的馬路段,可以複制底下那段馬路,放到手機上一個圖層組,中間一段變換一下就可以。
馬路全部畫好後,可以得到如下圖。
10.現在開始畫邊上的樹,用多邊形工具,邊改為3,先畫一個三角形;
用路徑選擇工具移動三角,如下圖,對應貼緊網格;
将三角形圖層複制一下,點擊編輯>變換>水平對稱變換,換個顔色,移動貼近上一個三角形,這樣樹的上半段就好了;
接着畫樹幹,用矩形工具,畫一個小矩形;同樣用路徑選擇工具,移動左下角,與網格線角度保持一緻即可;
同樣複制水平對稱變換後,這樣一棵樹就做好了,放到樹圖層組。
直接将樹組複制多次,移動到合适位置後,就可以得到如下圖。
可以把網絡線屏蔽掉看一下效果。
最後别忘了把所有的樹組再放到一個大組裡,界面看起來簡潔一些。
11.現在做一下路邊廣告牌,這裡就直接寫了雙十一數字字樣;
同樣變換形狀,點擊編輯>變換>旋轉(或直接按ctrl T),改H百分比為86.6025%,角度30度,H角度為30度,這樣就變換好了;
接着做2.5D立體感,同樣複制圖層,移動位置後,補充一下拐角處,就可以得到如下圖。
可以雙擊圖層,點擊顔色疊加,改一下顔色。
12.然後做2019樣式建築;
先寫上2019文字;
格式化後,旋轉設置為H百分比為86.6025%,角度為30度,H角度為-30度,變換好後,移動到手機面上;
複制一下圖層,垂直向上移動到合适位置;
用多邊形套索工具和油漆桶,補充一下中間段(當然也可以用矩形工具和路徑選擇工具),放在兩個2019的中間層;
在中間圖層上,建立剪貼蒙版,用矩形工具填充所有的左側面,增強立體感;
做完之後,得到如下圖;
13.當然既然是建築,我們還要加上窗戶才會像建築。
先做一下左側窗戶,用矩形工具,按shift,做一個正方形,經過多次複制合并得到一個正方形組,作為窗戶;
同樣經過變換後,得到和建築一樣的角度和形狀,移動到合适位置,複制多個,都移動到合适位置,如下圖;
再做一下右側窗戶,用矩形工具,按shift,做一個正方形,經過多次複制合并得到一個正方形組,作為右側窗戶;
同樣經過變換後,得到和建築一樣的角度和形狀,移動到合适位置,如下圖;
複制多個,都移動到合适位置,用多邊形選擇工具,選擇多餘的部分,并删除,就可以得到如下圖;
去掉網格線後,效果如圖。
14.還可以補充一下空白處,加上一些雲朵;
用橢圓工具,畫4個相交的橢圓,如下圖,就可以畫好一個雲朵正面;
變換到左側面,複制移動補充,做成2.5D圖;
同樣複制多個雲朵組,變換大小,并移動到合适位置,如下圖所示。
這樣我們效果圖就做好了。
我們來看一下最終效果圖:
當然我們可以用漸變疊加工具,改變成漸變色,就可以得到一張漸變色插畫。
這類插畫,主要是幾何組成,比起同等難度的平面圖,這個圖會看起來更高大上一些。
熱門文章:
PS教程:生活照制作單寸照片,從摳圖修圖調色到排版的完整過程
PS教程:隻有一張照片也能玩出花樣,剪貼蒙版的基礎教程
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!