插畫制作，用PS制作科技感爆棚的立體感插畫(4)

本篇教程用PS制作科技感爆棚的立體感插畫，主要通過分解的方式來制作此效果，整個(gè)完成圖同學(xué)們可以看到科技感十足，是一個(gè)很有創(chuàng)意的插畫，剛興趣的同學(xué)們可以通過教程來練習(xí)一下。

效果圖：

theoat.com.cn

操作步驟：

step1:那么，看見這張圖，先分解，即它是由哪幾個(gè)部分構(gòu)成的呢?

大背景

透視的背景線

立體圖

以及一些周邊的按鈕之類的。

step2：背景制作

直接選擇矩形工具，拉漸變。

接著選擇橢圓工具，畫一個(gè)填充白色的正圓，設(shè)置其羽化值。

好了，背景完成了。

step3：背景透視的線了，這個(gè)地方我用的方法比較笨，所以畫了好久好久好久好久~

先用矩形工具畫一個(gè)矩形，填充去掉，描邊2px

接著，根據(jù)需要的點(diǎn)配合鋼筆工具的加減錨點(diǎn)以及小白(直接選擇工具)進(jìn)行錨點(diǎn)的一對(duì)一修改。

然后用相同的方法拼出來一整個(gè)背景線條

畫好后，ctrl+G進(jìn)行編組，并復(fù)制一個(gè)組，命名背景-線，第一個(gè)組隱藏掉。(這個(gè)操作是備份，以防后續(xù)需要進(jìn)行修改)。

接著，在復(fù)制的組 背景-線 右鍵 - 轉(zhuǎn)為智能對(duì)象，并進(jìn)行顏色疊加。

接下來進(jìn)行透視操作，先快捷鍵ctrl+T，將圖旋轉(zhuǎn)45度，如下圖：

旋轉(zhuǎn)45°后，再次右鍵，選擇扭曲，并操作

那么，背景就完成了。

step4：立體的圖了，這個(gè)我們需要先把層分出來，就跟剛剛對(duì)整個(gè)畫面分層是一樣的道理，先來看第一個(gè)。

將元素組合起來，就是模型01的樣式了。

接下來看一下有光的效果的是拆分。

剩下的就是疊加上去，凹進(jìn)去的可以創(chuàng)建剪切蒙版，快捷鍵ctrl+alt+G

等幾個(gè)圖形都制作完畢后，就進(jìn)行一下整體的調(diào)節(jié)，添加一些周邊的東西。剩下還有一個(gè)按鈕，疊加了兩層，原本考慮直接用內(nèi)陰影，效果不理想，于是就分兩層來做了。

最后，成品啦!

附上一張應(yīng)用立體感覺設(shè)計(jì)的圖，放在網(wǎng)頁上面，網(wǎng)站看起來就比較專業(yè)啦~

是不是比較有科技范呢，同學(xué)們可以動(dòng)手來練習(xí)一下看看，是否自己也能做出如此酷炫的插畫。