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è)啦~

大家好,，這里是吧唧設(shè)計(jì)！

不定期分享譯文,，讀后感,，設(shè)計(jì)教程。